//NAV OBJECT
function navObj(){
	console.log('New navObj');
	this.nav_ids= new Array();
	this.currently_clicked="";
	this.do_nav_click=do_nav_click;
	this.change_nav_state=change_nav_state;
	this.set_state=set_state;
	
	//set_state
	function set_state(elm_id){
		change_nav_state("rollover",elm_id);
		this.currently_clicked=elm_id;
	}
	
	//do_nav_click
	//hide all that were not clicked. don't touch one that is already rollover over
	function do_nav_click(elm_id_clicked){
		this.currently_clicked=elm_id_clicked;
		for (var i=0; i<this.nav_ids.length; i++){
			if (elm_id_clicked != this.nav_ids[i]){ //
				change_nav_state('rollout',this.nav_ids[i]); //hide all others - do rollout action
			}
		}
	}
	
	//change_nav_state
	//do nav rollover and rollout
	function change_nav_state(action,elm_id){
		var full_roll_id="id_nav_"+elm_id+"_on"; 
		switch (action){
			case "rollover":
				$(full_roll_id).removeClass('hidden');
				break;
			case "rollout":
				if (elm_id != this.currently_clicked){
					$(full_roll_id).addClass('hidden');
				}
				break;
		}
	}

}


