// JavaScript Document

YAHOO.util.Event.onDOMReady(setNavimations);

	var anim_array = new Array();
	var rev_anim_array = new Array();
	var anim;
	var rev_anim;
	var search_anim;
	var search_rev_anim;

	
function setNavimations(){
//	var anim_array = new Array();
	var nav_items = YAHOO.util.Dom.getElementsByClassName('navimation', 'div');
	
	var for_attributes = {
		left: { to: 19}
	};
	var rev_attributes = {
		left: { to: 0}
	};	
	
	for(var i = 0; i< nav_items.length ; i++){
		
		anim_array[i] = new YAHOO.util.Anim(nav_items[i], for_attributes, 0.25, YAHOO.util.Easing.easeOut);
		rev_anim_array[i] = new YAHOO.util.Anim(nav_items[i], rev_attributes, 0.25, YAHOO.util.Easing.easeOut);
		
		YAHOO.util.Event.on(nav_items[i], 'mouseover', navimateIn, anim_array[i]);
		
		YAHOO.util.Event.on(nav_items[i], 'mouseout', navimateOut, rev_anim_array[i]);
	}

	setupLoginPanel();
	setupSearchPanel();
}


function navimateIn(e, anim_el){
		if(anim_el.isAnimated()){
				anim_el.stop();
		}	
		anim_el.animate();
}


function navimateOut(e, anim_el){
		if(anim_el.isAnimated()){
				anim_el.stop();
		}
		anim_el.animate();
}

function setupLoginPanel(){
	
	
	var panel = document.getElementById("login_panel");
	if(panel == undefined){
		return;
	}
	var for_attributes = {
			height: { to: 80,
					unit: "px"}
	}
	var rev_attributes = {
			height: { to: 0,
					unit: "px"}
	}
	 anim = new YAHOO.util.Anim(panel, for_attributes, 0.25, YAHOO.util.Easing.easeOut);
	 rev_anim = new YAHOO.util.Anim(panel, rev_attributes, 0.25, YAHOO.util.Easing.easeOut);
	
	var button = document.getElementById("login_button");
	button.href = "javascript:void(0)";
	button.onclick = openLoginPanel;
	
}

function openLoginPanel(){
	var button = document.getElementById("login_button");
	button.onclick = closeLoginPanel;
	anim.animate();
	
}
function closeLoginPanel(){
	var button = document.getElementById("login_button");
	button.onclick = openLoginPanel;
	rev_anim.animate();
	
}

function setupSearchPanel(){


	var panel = document.getElementById("search_panel");
	if(panel == undefined){
		return;
	}
	var for_attributes = {
			height: { to: 60,
					unit: "px"}
	}
	var rev_attributes = {
			height: { to: 0,
					unit: "px"}
	}
	 search_anim = new YAHOO.util.Anim(panel, for_attributes, 0.25, YAHOO.util.Easing.easeOut);
	 search_rev_anim = new YAHOO.util.Anim(panel, rev_attributes, 0.25, YAHOO.util.Easing.easeOut);

	var button = document.getElementById("search_button");
	button.href = "javascript:void(0)";
	button.onclick = openSearchPanel;

}

function openSearchPanel(){
	var button = document.getElementById("search_button");
	button.onclick = closeSearchPanel;
	search_anim.animate();
	search_anim.onComplete.subscribe(function(){document.getElementById("search_panel").style.height =  "auto";});

}
function closeSearchPanel(){
	var button = document.getElementById("search_button");
	button.onclick = openSearchPanel;
	search_rev_anim.animate();

}