// JS for amish yard

hs.graphicsDir = 'highslide/graphics/';
var n = -1;
var backs = new Array();
backs[0] = "IMG_5170.jpg";
backs[1] = "244_4434.jpg";
backs[2] = "IMG_4727.jpg";
backs[3] = "IMG_4771.jpg";
backs[4] = "file025.jpg";
backs[5] = "IMG_5900.jpg";
backs[6] = "IMG_2471.jpg";
backs[7] = "IMG_2871.jpg";
backs[8] = "IMG_3276.jpg";

// *** background header image rotator
function nextBack() {
	n = (n + 1) % 6;
	document.getElementById('header').style.backgroundImage = "url(/ay_headers/" + backs[n] + ")";
}

// *** product colorpicker selector

function hide(id) {
	/* document.getElementById(id).style.display = "none"; */
	document.getElementById(id).className = "selector-hidden";
}

function show(id) {
	var g = document.getElementById(id).parentNode.childNodes; //get the div that contains the id, and then fetch all children
	for ( var i=0;i<g.length;i++)
	{
		g[i].className="selector-hidden"; //hide the children
	}
	
	document.getElementById(id).className = "selector-default"; //then turn id back on
	
}