
YAHOO.namespace('example.anim');
YAHOO.example.anim.init = function() {

	var isOpen1 = false;
	var isOpen2 = false;
	var isOpen3 = false;
	var isOpen4 = false;
	var isOpen5 = false;

	var expandAnim1 = new YAHOO.util.Anim('panel1', { height: {to: 105} }, 1 );
	var expandAnim2 = new YAHOO.util.Anim('panel2', { height: {to: 105} }, 1 );
	var expandAnim3 = new YAHOO.util.Anim('panel3', { height: {to: 105} }, 1 );
	var expandAnim4 = new YAHOO.util.Anim('panel4', { height: {to: 105} }, 1 );
	var expandAnim5 = new YAHOO.util.Anim('panel5', { height: {to: 105} }, 1 );
	
	var collapseAnim1 = new YAHOO.util.Anim('panel1', { height: {to: 1} }, 0.2 );
	var collapseAnim2 = new YAHOO.util.Anim('panel2', { height: {to: 1} }, 0.2 );
	var collapseAnim3 = new YAHOO.util.Anim('panel3', { height: {to: 1} }, 0.2 );
	var collapseAnim4 = new YAHOO.util.Anim('panel4', { height: {to: 1} }, 0.2 );
	var collapseAnim5 = new YAHOO.util.Anim('panel5', { height: {to: 1} }, 0.2 );
	

	var doTransition1 = function(e) {

		if (isOpen1) {

			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		} else {

			expandAnim1.animate();
			isOpen1 = true;
			
			
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;
		}

		return false;
	}
	
	var doTransition2 = function(e) {

		if (isOpen2) {

			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		} else {

			expandAnim2.animate();
			isOpen2 = true;
			
			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;
		}

		return false;
	}
	var doTransition3 = function(e) {

		if (isOpen3) {

			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		} else {

			expandAnim3.animate();
			isOpen3 = true;
			
			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;
		}

		return false;
	}
	
	var doTransition4 = function(e) {

		if (isOpen4) {

			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		} else {

			expandAnim4.animate();
			isOpen4 = true;
			
			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim5.animate();			
			isOpen5 = false;
		}

		return false;
	}
	
	var doTransition5 = function(e) {

		if (isOpen5) {

			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		} else {

			expandAnim5.animate();
			isOpen5 = true;
			
			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
		}

		return false;
	}
	
	var doTransition6 = function(e) {


			collapseAnim1.animate();			
			isOpen1 = false;
			collapseAnim2.animate();			
			isOpen2 = false;
			collapseAnim3.animate();			
			isOpen3 = false;
			collapseAnim4.animate();			
			isOpen4 = false;
			collapseAnim5.animate();			
			isOpen5 = false;

		

		
	}
	
	YAHOO.util.Event.addListener('li-1', 'click', doTransition1);
	YAHOO.util.Event.addListener('li-1a', 'click', doTransition6);
	YAHOO.util.Event.addListener('li-2', 'click', doTransition2);
	YAHOO.util.Event.addListener('li-2a', 'click', doTransition6);
	YAHOO.util.Event.addListener('li-3', 'click', doTransition3);
	YAHOO.util.Event.addListener('li-3a', 'click', doTransition6);
	YAHOO.util.Event.addListener('li-4', 'click', doTransition4);
	YAHOO.util.Event.addListener('li-4a', 'click', doTransition6);
	YAHOO.util.Event.addListener('li-5', 'click', doTransition5);
	YAHOO.util.Event.addListener('li-5a', 'click', doTransition6);

	
}

YAHOO.util.Event.addListener(window, 'load', YAHOO.example.anim.init);


