// JavaScript Document
$(document).ready(function() {
	$("#searchfield")
		.focus(function() {
			if($(this).val()=="enter search phrase...") { 
				$(this)
					.val("")
					.css({'background-position' : '0px -19px', 'color' : '#222222'});
			}	
		})
		.blur(function() {
			if($(this).val()=="") { 
				$(this)
					.val("enter search phrase...")	
					.css({'background-position' : '0px 0px', 'color' : '#cccccc'});
		    }
		});
	$("#searchbutton")
		.mousedown(function() { 
			$(this).css('background-position', '0px -19px'); 
			
		})
		.mouseup(function() { $(this).css('background-position', '0px 0px'); });
	
	$("#sitesearch form").submit(function() {
		if($("#searchfield").val()=="enter search phrase..." | $("#searchfield").val()=="") { return false; }
	});
	
	$("ul#toplevel li a").click(function() {
		var u=$(this).attr("href");
		var p=$(this).parent("li");
		if(!$(this).parent("li").hasClass("active")) {
			$("#toplevel li.active").removeClass("active");
			p.addClass("active");
			clicked(p.attr("id"));
		}
		return false;
	});
	
	$(".sublevel a").click(function() {
		if(!$(this).hasClass("active")) {
			$(".sublevel a.active").removeClass("active");
			$(this).addClass("active");	
		}
		moveon($("#toplevel li.active").attr("id"));
		return false;
	});
	
	function clicked(p) {
		if(p.substr(0,3)!="pro") {
			hideSubMenu(p);
		} else {
			showSubMenu(p);
		}
	}
	
	function showSubMenu(m) {
		var a="."+m;
		var b=(a==".products") ? ".projects" : ".products";
		if($(b).css("display")=="block") {
			$(b).slideUp({
			duration: 300,
			easing: "quartEaseOut",
			complete: function() { 
					$(a).slideDown({
						duration: 500,
						easing: "quartEaseOut"
					});
				}
			});
		} else {
			$(a).slideDown({
				duration: 500,
				easing: "quartEaseOut"
			});
		}
	}
	
	function hideSubMenu(p) {
		var a=false;
		if($(".projects").css("display")=="block") { a="projects"; } else if($(".products").css("display")=="block") { a="products"; } 
		if(a) {
			$("."+a).slideUp({
				duration: 300,
				easing: "quartEaseOut",
				complete: moveon(p)
			});
		} else {
			moveon(p);
		}
	}
	
	
	function moveon(p) {
		var t="-128px";
		if(p.substr(0,3)!="pro") {
			var u=$("#toplevel li.active a").attr("href");
		} else {
			var u=$("."+p+" a.active").attr("href");	
		}
		switch(p) {
			case "home":
				t="-40px";
				break;
			case "projects":
				t="-175px";
				break;
			case "products":
				t="-257px";
				break;
		}
				
		$("#mainmenu").stop().delay(100).animate({
			"top": t
		},{
			queue:false, 
			duration:300, 
			//easing:"backEaseIn",
			complete: function() { window.location.href=u; }
		});
	}
	
	var config = {    
     sensitivity: 3,
     interval: 200,
     over: showmen, 
     timeout: 1000, 
     out: hidemen 
	};
	
	$("#menulogo").click(function() {		  
		if($("#mainmenu").hasClass("down")) {
			hidemen();
		} else {
			showmen();	
		}
		return false;
	});
	
	$("#mainmenu").hoverIntent(config);
	
	
	function showmen() {
		if(!$("#mainmenu").hasClass("down")) {
			$("#menulogo").addClass="down";
			$("#mainmenu").stop();
    		$("#mainmenu").animate({"top": "-40px"},{queue:false, duration:500, easing:"backEaseOut"});
		}
	}
	
	function hidemen() {
		$("#toplevel li.active").removeClass("active");
		$("#toplevel li.cp").addClass("active");
		//handle submenus
		if($("#toplevel li.active").attr("id").substr(0,3)!="pro") { //Hide expanded submenu
			var a=false;
			if($(".projects").css("display")=="block") { a="projects"; } else if($(".products").css("display")=="block") { a="products"; } 
			if(a) {
				$("."+a).slideUp({
					duration: 300,
					easing: "quartEaseOut"
				});
			}
		} else { //replace submenus
			showSubMenu($("#toplevel li.active").attr("id"));
		}
		var t="-128px";
		var p=$("#toplevel li.active").attr("id");
		switch(p) {
			case "home":
				t="-40px";
				break;
			case "projects":
				t="-175px";
				break;
			case "products":
				t="-257px";
				break;
		}
		$("#mainmenu").stop().animate({
			"top": t
		},{
			queue:false, 
			duration:300, 
			easing:"backEaseIn"
		});
	}
	
	$(".popdown").click(function() {
		$('html, body').animate({scrollTop: '0px'}, 300);
		if($(this).attr("href")=="#") {
			showmen();
		} else {
			var m=$(this).attr("href").replace(/\//g,'');
			$("#toplevel li.active").removeClass("active");
			$("#"+m).addClass("active");
			clicked(m);
			showmen();
			return false;
		}
	});
	
	$('p.btt a').click(function(){
     $('html, body').animate({scrollTop: '0px'}, 300);
     return false;
});

});