// JavaScript Document

var pict1 = "images/Headrest-picture-07-small.jpg";
var pict2 = "images/Headrest-picture-04-small.jpg";
var pict3 = "images/Headrest-picture-16-small.jpg";
var pict4 = "images/Headrest-picture-18-small.jpg";
var pict5 = "images/Headrest-picture-24-small.jpg";
var pict6 = "images/Headrest-picture-25-small.jpg";


var picture = [pict2, pict3, pict4, pict5, pict6, pict1];
var nextpicture = 0;


var box = document.getElementById("img1");
var colours = ["#ccc", "#ccc", "#ccc", "#ccc", "#ccc", "#000"];
var nextcolour = 0;


var box2 = document.getElementById("img2");
var colourstwo = ["#000", "#ccc", "#ccc", "#ccc", "#ccc", "#ccc"];
var nextcolourtwo = 0;


var box3 = document.getElementById("img3");
var coloursthree = ["#ccc", "#000", "#ccc", "#ccc", "#ccc", "#ccc"];
var nextcolourthree = 0;


var box4 = document.getElementById("img4");
var coloursfour = ["#ccc", "#ccc", "#000", "#ccc", "#ccc", "#ccc"];
var nextcolourfour = 0;


var box5 = document.getElementById("img5");
var coloursfive = ["#ccc", "#ccc", "#ccc", "#000", "#ccc", "#ccc"];
var nextcolourfive = 0;


var box6 = document.getElementById("img6");
var colourssix = ["#ccc", "#ccc", "#ccc", "#ccc", "#000", "#ccc"];
var nextcoloursix = 0;


var hr_slideshow = setInterval (function() {
document.images.pict.src = picture[nextpicture++ %picture.length];
box.style.borderColor = colours[nextcolour++ %colours.length];
box2.style.borderColor = colourstwo[nextcolourtwo++ %colours.length];
box3.style.borderColor = coloursthree[nextcolourthree++ %colours.length];
box4.style.borderColor = coloursfour[nextcolourfour++ %colours.length];
box5.style.borderColor = coloursfive[nextcolourfive++ %colours.length];
box6.style.borderColor = colourssix[nextcoloursix++ %colours.length];
}, 3000);






function stop_goto_imagehr1(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[5];
box.style.borderColor = colours[5];
box2.style.borderColor = colourstwo[5];
box3.style.borderColor = coloursthree[5];
box4.style.borderColor = coloursfour[5];
box5.style.borderColor = coloursfive[5];
box6.style.borderColor = colourssix[5];
}
function stop_goto_imagehr2(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[0];
box.style.borderColor = colours[0];
box2.style.borderColor = colourstwo[0];
box3.style.borderColor = coloursthree[0];
box4.style.borderColor = coloursfour[0];
box5.style.borderColor = coloursfive[0];
box6.style.borderColor = colourssix[0];
}
function stop_goto_imagehr3(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[1];
box.style.borderColor = colours[1];
box2.style.borderColor = colourstwo[1];
box3.style.borderColor = coloursthree[1];
box4.style.borderColor = coloursfour[1];
box5.style.borderColor = coloursfive[1];
box6.style.borderColor = colourssix[1];
}
function stop_goto_imagehr4(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[2];
box.style.borderColor = colours[2];
box2.style.borderColor = colourstwo[2];
box3.style.borderColor = coloursthree[2];
box4.style.borderColor = coloursfour[2];
box5.style.borderColor = coloursfive[2];
box6.style.borderColor = colourssix[2];
}
function stop_goto_imagehr5(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[3];
box.style.borderColor = colours[3];
box2.style.borderColor = colourstwo[3];
box3.style.borderColor = coloursthree[3];
box4.style.borderColor = coloursfour[3];
box5.style.borderColor = coloursfive[3];
box6.style.borderColor = colourssix[3];
}
function stop_goto_imagehr6(){
clearInterval(hr_slideshow);
document.images.pict.src = picture[4];
box.style.borderColor = colours[4];
box2.style.borderColor = colourstwo[4];
box3.style.borderColor = coloursthree[4];
box4.style.borderColor = coloursfour[4];
box5.style.borderColor = coloursfive[4];
box6.style.borderColor = colourssix[4];
}
function stop_hr_slideshow(){
clearInterval(hr_slideshow);
}