var timeout    = 200;
var closetimer = 0;
var opentimer  = 0;
var ddmenuitem = 0;
var menuopen = false;


$(document).ready(function(){				   
	
	
	if(($.cookie('projecttype')) && ($.cookie('projecttype') != "TOUS")){
		setDropDownTitle($.cookie('projecttype'));
	}
	
	//$('#jsddm > li').bind('mouseover', jsddm_opentimer)
	$('#jsddm > li').bind('click', jsddm_click)
	$('#jsddm > li').bind('mouseout',  jsddm_closetimer)
   
	$("a.projectcat").click(function(){
		setDropDownTitle($(this).html());
		jsddm_close();
		return false;
	});
});


function inter(){
	
	alert((this));
}


function jsddm_click(){

	jsddm_canceltimer();
	jsddm_close();
	menuopen = true;
	
	$('ul, #jsddm').css('z-index', '100');
	$("[@rel=targ]").css('background-position', '0 -36px');
	ddmenuitem = $('#jsddm li').find('ul').css('visibility', 'visible');
	
	$('#jsddm > li').bind('mouseover', jsddm_open);
	
	return false;
}


function jsddm_open(){
	
	jsddm_canceltimer();
	//jsddm_close();
	menuopen = true;
	
	$('ul, #jsddm').css('z-index', '100');
	$("[@rel=targ]").css('background-position', '0 -36px');
	ddmenuitem = $('#jsddm li').find('ul').css('visibility', 'visible');
}


function jsddm_close(){

	jsddm_canceltimer();
	menuopen = false;
	
	$('#jsddm > li').unbind('mouseover', jsddm_open);
	
	if(ddmenuitem){
		ddmenuitem.css('visibility', 'hidden');
		$("[@rel=targ]").css('background-position', '0 0');
	 }
}


function jsddm_closetimer(){
	
	closetimer = window.setTimeout(jsddm_close, timeout);
	
	if(opentimer){
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}


function jsddm_opentimer(){
	
	if(menuopen == true){
		jsddm_open();
	}else{
		opentimer = window.setTimeout(jsddm_open, timeout);
	}
}


function jsddm_cancelopentimer(){
	
	if(opentimer){
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}


function jsddm_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	if(opentimer){
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}




document.onclick = jsddm_close;


function setDropDownTitle(a){
	
	$.cookie('projecttype', a, { expires: null, path: '/', domain: 'hoppermagic.com', secure: false });
	
	$("[@rel=targ] .copy").html(a);
	fadeProjectsUp();
	
	if (a != "TOUS"){
		fadeProjectsDown(a);
	}
	return false;
}


function fadeProjectsDown(a){
	
	$('ul.description li').not("[@class~="+a+"]").fadeTo(300, 0.2);
	$('ul.secondarynav li').not("[@class~="+a+"]").not('.spaced').fadeTo(300, 0.2);
}


function fadeProjectsUp(){
	
	$('ul.description li').fadeTo(0, 1);
	$('ul.secondarynav li').fadeTo(0, 1);
}