// JavaScript Document
if(typeof MIO == 'undefined') var MIO = {};

MIO.nav = {
	saveState : true,
	elems : [],
	togs : {},
	anim : {},
	navToggle : function(el){
		eval('var isOpen = this.togs.'+el.id+';');
		eval('this.togs.'+el.id+' = (isOpen) ? false : true;');
		if(!isOpen){
			eval('MIO.nav.anim.'+el.id+'Open.animate();');
			eval('YAHOO.util.Cookie.set("'+el.id+'",true);');
		}else{
			eval('MIO.nav.anim.'+el.id+'Close.animate();');
			eval('YAHOO.util.Cookie.set("'+el.id+'",false);');
		}
	},
	/**
	 * Initialize, send array of IDs you want to have sub menu to work on
	 */
	init : function(ids, useState){
		if(typeof ids != 'undefined'){this.elems = ids;}
		if(typeof useState != 'undefined'){this.saveState = useState;}
		for(var x in this.elems){
			var el = document.getElementById(this.elems[x]+'_sub');
			var ht = el.offsetHeight;
			if(YAHOO.util.Cookie.exists(this.elems[x]) && this.saveState){
				if(YAHOO.util.Cookie.get(this.elems[x]) == 'true'){
					eval("this.togs."+this.elems[x]+" = true;");
				}else{
					eval("this.togs."+this.elems[x]+" = false;");
					el.style.height = '0px';
				}
			}else{
				el.style.height = '0px';
				YAHOO.util.Cookie.set(this.elems[x],false);	
			}
			eval("this.anim."+this.elems[x]+"Open = new YAHOO.util.Anim('"+this.elems[x]+"_sub', {height:{from:0,to:"+ht+"}},.25);");
			eval("this.anim."+this.elems[x]+"Close = new YAHOO.util.Anim('"+this.elems[x]+"_sub', {height:{from:"+ht+",to:0}},.25);");
		}
	}
}