/*
if (document.getElementById && document.getElementsByTagName && document.createElement) {
	window.onload = initToggleCategories();
}
*/

document.observe("dom:loaded", function() {
  initToggleCategories();
});


function initToggleCategories() {
	//var as = document.getElementById('toggle').getElementsByTagName('a');
	//var as = $('toggle').getElementsByTagName('a');
	var as = $('toggle').select('a');
	for (var i = 0; i < as.length; i++) {
		var o = i+1;
		as[i].onclick = function() {
			toggle(this,o);
			return false;
		}
	}
	// Activate the first tab by default or previously selected tab from cookie
	var cookieVal = null;
	idx = (cookieVal != null)?cookieVal.substring(3)-1:0;
	toggle(as[idx]);
	if (cookieVal !=null){
		//showhideContent(cookieVal);
	}
}

function toggle(a,o) {
	var as = document.getElementById("toggle").getElementsByTagName("a");
	for (var i = 0; i < as.length; i++) {
		var img = as[i].getElementsByTagName("img")[0];
		var className;
		if (as[i] == a) {
			//img.src = img.src.replace(/(_active)?\./, "_active.");
			img.src = img.src.replace(/(_active)?\.png/, "_active.png");
			className = "active";
		}
		else {
			img.src = img.src.replace(/_active/, "");
			className = "normal";
		}
		if (i == as.length - 1) {
			className += " last";
		}
		as[i].parentNode.className = className;
	}	
}

function showhideContent(layer_ref) {
	var id = layer_ref.substr(layer_ref.length - 1, 1);
	if(showhideContent.last == undefined) {
		showhideContent.last = document.getElementById('tab1');
	} 
	showhideContent.last.style.display = 'none';
	showhideContent.last = document.getElementById("tab" + id);
	if(showhideContent.last != undefined) {
		showhideContent.last.style.display = 'block';
		document.getElementById("prodtrack" + id).style.display = 'block';
		if (document["slider" + id] == undefined) {
		document["slider" + id] = new Control.Slider('prodhandle' + id, 'prodtrack' + id, {
			axis: 'vertical',
			range: $R(0,10),
			values: [0,1,2,3,4,5,6,7,8,9,10],
			onSlide: function(v) { scrollVertical(v, $('prodbox' + id), slider); },
			onChange: function(v) { scrollVertical(v, $('prodbox' + id), slider); }
		});}
		document["slider" + id].setValue(0);

	}
}