// JavaScript Document


var visibility1 = ["hidden", "hidden", "hidden", "hidden", "hidden", "visible"];
var nextimage1 = 0;

var visibility2 = ["visible", "hidden", "hidden", "hidden", "hidden", "hidden"];
var nextimage2 = 0;

var visibility3 = ["hidden", "visible", "hidden", "hidden", "hidden", "hidden"];
var nextimage3 = 0;

var visibility4 = ["hidden", "hidden", "visible", "hidden", "hidden", "hidden"];
var nextimage4 = 0;

var visibility5 = ["hidden", "hidden", "hidden", "visible", "hidden", "hidden"];
var nextimage5 = 0;

var visibility6 = ["hidden", "hidden", "hidden", "hidden", "visible", "hidden"];
var nextimage6 = 0;


var box1 = 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.pict1.style.visibility = visibility1[nextimage1++ %visibility1.length];
document.images.pict2.style.visibility = visibility2[nextimage2++ %visibility1.length];
document.images.pict3.style.visibility = visibility3[nextimage3++ %visibility1.length];
document.images.pict4.style.visibility = visibility4[nextimage4++ %visibility1.length];
document.images.pict5.style.visibility = visibility5[nextimage5++ %visibility1.length];
document.images.pict6.style.visibility = visibility6[nextimage6++ %visibility1.length];
box1.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_imagehr(num){
clearInterval(hr_slideshow);
document.images.pict1.style.visibility = visibility1[num];
document.images.pict2.style.visibility = visibility2[num];
document.images.pict3.style.visibility = visibility3[num];
document.images.pict4.style.visibility = visibility4[num];
document.images.pict5.style.visibility = visibility5[num];
document.images.pict6.style.visibility = visibility6[num];
box1.style.borderColor = colours[num];
box2.style.borderColor = colourstwo[num];
box3.style.borderColor = coloursthree[num];
box4.style.borderColor = coloursfour[num];
box5.style.borderColor = coloursfive[num];
box6.style.borderColor = colourssix[num];
}

function stop_hr_slideshow(){
clearInterval(hr_slideshow);
}