// JavaScript Document<!-- Moo FX-->

function moostart() {
	 
	myHeight1 = new fx.Height('subcat01');
	myHeight1.hide();
	$('trigger1').onclick  = function(){
	document.getElementById('subcat01').style.display = 'block';
	myHeight1.toggle();
	myHeight2.hide();
	myHeight3.hide();
	myHeight4.hide();
	toggle(1);
	
	};
	
	
	
	$('trigger1').onmouseout  = function(){
	document.getElementById('subcat01').style.display = 'block';
	myHeight1.toogle();
	myHeight2.hide();
	myHeight3.hide();
	myHeight4.hide();
	toggle(1);
	};
	
	
	
	
	myHeight2 = new fx.Height('subcat02');
	myHeight2.hide();
	$('trigger2').onclick  = function(){
	document.getElementById('subcat02').style.display = 'block';
	myHeight2.toggle();
	myHeight1.hide();
	myHeight3.hide();
	myHeight4.hide();
	toggle(2);
	
	};
	
	
	
	$('trigger2').onmouseout  = function(){
	document.getElementById('subcat02').style.display = 'block';
	myHeight2.toogle();
	myHeight1.hide();
	myHeight3.hide();
	myHeight4.hide();
	toggle(2);
	};
	
	
	
	
	
	
	myHeight3 = new fx.Height('subcat03');
	myHeight3.hide();
	$('trigger3').onclick  = function(){
	document.getElementById('subcat03').style.display = 'block';
	myHeight3.toggle();
	myHeight1.hide();
	myHeight2.hide();
	myHeight4.hide();
	toggle(3);
	
	};
	
	
	
	$('trigger3').onmouseout  = function(){
	document.getElementById('subcat03').style.display = 'block';
	myHeight3.toogle();
	myHeight1.hide();
	myHeight2.hide();
	myHeight4.hide();
	toggle(3);
	};
	
	
	
	
	
	
	myHeight4 = new fx.Height('subcat04');
	myHeight4.hide();
	$('trigger4').onclick  = function(){
	document.getElementById('subcat04').style.display = 'block';
	myHeight4.toggle();
	myHeight1.hide();
	myHeight3.hide();
	myHeight2.hide();
	toggle(4);
	
	};
	
	
	
	$('trigger4').onmouseout  = function(){
	document.getElementById('subcat04').style.display = 'block';
	myHeight4.toogle();
	myHeight1.hide();
	myHeight3.hide();
	myHeight2.hide();
	toggle(4);
	};

	
var isOpen=new Array(false);

function toggle(index){
	
	var idx = index - 1;
	
	isOpen[idx] = !isOpen[idx];
	
	for (var i = 0; i < isOpen.length; i++) {
	
	if (i != idx)
	
		isOpen[i] = false;
	
		if (isOpen[i])
		
		document.getElementById("img" + (i + 1)).src = "http://mdswebmaster.com/UK/MDS2008/js/lib/08_scripts/arrow-gfx2.gif";
		
		else
		
		document.getElementById("img" + (i + 1)).src = "http://mdswebmaster.com/UK/MDS2008/js/lib/08_scripts/arrow-gfx.gif";
	}
}
	
};