dojo.require("dojo.fx");           

var block_menu_anim = false; 
	                          
	
//**************************//
//         Top Menu         //
//**************************//  

function expand_menu(index) {  
                    
    if (!block_menu_anim) {
		switch(index) {
			case 1: expand = dojo.animateProperty( {node: "menulink1", duration: 500, delay: 50, properties: {height: {end: 158}}});
			    	slide = dojo.fx.slideTo({node: "menulink1", duration: 500, delay: 50, left: 25, top: -20});
   					break;  
		    case 2: expand = dojo.animateProperty( {node: "menulink2", duration: 500, delay: 50, properties: {height: {end: 158}}});
					slide = dojo.fx.slideTo({node: "menulink2", duration: 500, delay: 50, left: 195, top: -20});
					break;
			case 3: expand = dojo.animateProperty( {node: "menulink3", duration: 500, delay: 50, properties: {height: {end: 158}}});
					slide = dojo.fx.slideTo({node: "menulink3", duration: 500, delay: 50, left: 365, top: -20});
					break;
			case 4: expand = dojo.animateProperty( {node: "menulink4", duration: 500, delay: 50, properties: {height: {end: 158}}});
					slide = dojo.fx.slideTo({node: "menulink4", duration: 500, delay: 50, left: 535, top: -20});
					break;
			case 5: expand = dojo.animateProperty( {node: "menulink5", duration: 500, delay: 50, properties: {height: {end: 158}}});
					slide = dojo.fx.slideTo({node: "menulink5", duration: 500, delay: 50, left: 705, top: -20});
					break;																																
		}                        
		  			                                                           
		currentAnimation = dojo.fx.combine([expand,slide]);  
		currentAnimation.play();    
	}
}       

function contract_menu(index) {     
						  	                 
if (!block_menu_anim) {                        	    
	switch(index) {
		case 1: contract = dojo.animateProperty( {node: "menulink1", duration: 500, delay: 50, properties: {height: {end: 38}}});
			    slide = dojo.fx.slideTo({node: "menulink1", duration: 500, delay: 50, left: 25, top: 100});
				break;  
		case 2: contract = dojo.animateProperty( {node: "menulink2", duration: 500, delay: 50, properties: {height: {end: 38}}});
				slide = dojo.fx.slideTo({node: "menulink2", duration: 500, delay: 50, left: 195, top: 100});
				break;
		case 3: contract = dojo.animateProperty( {node: "menulink3", duration: 500, delay: 50, properties: {height: {end: 38}}});
				slide = dojo.fx.slideTo({node: "menulink3", duration: 500, delay: 50, left: 365, top: 100});
				break;
		case 4: contract = dojo.animateProperty( {node: "menulink4", duration: 500, delay: 50, properties: {height: {end: 38}}});
				slide = dojo.fx.slideTo({node: "menulink4", duration: 500, delay: 50, left: 535, top: 100});
				break;
		case 5: contract = dojo.animateProperty( {node: "menulink5", duration: 500, delay: 50, properties: {height: {end: 38}}});
				slide = dojo.fx.slideTo({node: "menulink5", duration: 500, delay: 50, left: 705, top: 100});
				break;																																
	}                          
	currentAnimation = dojo.fx.combine([contract,slide]);  
	currentAnimation.play();  
}                             
}

function close_menu(site_url,index,area,subject,style) {

index = parseInt(index);
block_menu_anim = true;

	switch(index) {
            case 1: contract = dojo.animateProperty( {node: "menulink1", duration: 500, delay: 50, properties: {height: {end: 38}}});
                    slide = dojo.fx.slideTo({node: "menulink1", duration: 500, delay: 50, left: 25, top: 100, onEnd: function() {
                                             block_menu_anim = false; window.location = site_url+"/subject/view/"+area+"/"+subject+"/"+style; }});
                break;
            case 2: contract = dojo.animateProperty( {node: "menulink2", duration: 500, delay: 50, properties: {height: {end: 38}}});
                    slide = dojo.fx.slideTo({node: "menulink2", duration: 500, delay: 50, left: 195, top: 100, onEnd: function() {
                                             block_menu_anim = false; window.location = site_url+"/subject/view/"+area+"/"+subject+"/"+style; }});
                    break;
            case 3: contract = dojo.animateProperty( {node: "menulink3", duration: 500, delay: 50, properties: {height: {end: 38}}});
                    slide = dojo.fx.slideTo({node: "menulink3", duration: 500, delay: 50, left: 365, top: 100, onEnd: function() {
                                             block_menu_anim = false; window.location = site_url+"/subject/view/"+area+"/"+subject+"/"+style; }});
                    break;
            case 4: contract = dojo.animateProperty( {node: "menulink4", duration: 500, delay: 50, properties: {height: {end: 38}}});
                    slide = dojo.fx.slideTo({node: "menulink4", duration: 500, delay: 50, left: 535, top: 100, onEnd: function() {
                                             block_menu_anim = false; window.location = site_url+"/subject/view/"+area+"/"+subject+"/"+style; }});
                    break;
            case 5: contract = dojo.animateProperty( {node: "menulink5", duration: 500, delay: 50, properties: {height: {end: 38}}});
                    slide = dojo.fx.slideTo({node: "menulink5", duration: 500, delay: 50, left: 705, top: 100, onEnd: function() {
                                             block_menu_anim = false; window.location = site_url+"/subject/view/"+area+"/"+subject+"/"+style; }});
                    break;
	}

	currentAnimation = dojo.fx.combine([contract,slide]);  
	currentAnimation.play();  
}      

dojo.addOnLoad( function() {

	var node1 = dojo.byId("menulink1");
   	var node2 = dojo.byId("menulink2");
   	var node3 = dojo.byId("menulink3");
   	var node4 = dojo.byId("menulink4");
   	var node5 = dojo.byId("menulink5");

 	dojo.connect(node1,"mouseenter",function() { expand_menu(1); })
    dojo.connect(node2,"mouseenter",function() { expand_menu(2); })
   	dojo.connect(node3,"mouseenter",function() { expand_menu(3); })
    dojo.connect(node4,"mouseenter",function() { expand_menu(4); })
	dojo.connect(node5,"mouseenter",function() { expand_menu(5); })

 	dojo.connect(node1,"mouseleave",function() { contract_menu(1); })
    dojo.connect(node2,"mouseleave",function() { contract_menu(2); })
   	dojo.connect(node3,"mouseleave",function() { contract_menu(3); })
    dojo.connect(node4,"mouseleave",function() { contract_menu(4); })
	dojo.connect(node5,"mouseleave",function() { contract_menu(5); })

} );