$(document).ready(function(){
	
	trim = function(str, chars) {
	    return ltrim(rtrim(str, chars), chars);
	}
	ltrim = function(str, chars) {
	    chars = chars || "\\s";
	    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
	}

	rtrim = function(str, chars) {
	    chars = chars || "\\s";
	    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
	}
	
	// textsize thingy
	$("#text-size .small").click(function(){
		$("p").css("font-size", "9px");		
		return false;
	})
	
	$("#text-size .medium").click(function(){
		$("p").css("font-size", "12px");
		return false;
	})
	
	$("#text-size .large").click(function(){
		$("p").css("font-size", "16px");
		return false;
	})

	// hide them
	$(".studio_menu").hide();
	$(".projects_menu").hide();
	$(".commissions_menu").hide();
	$(".workshops_menu").hide();
	$(".about_menu").hide();
	$(".retail_menu").hide();
	
	// triggers
	// Studio!
	$("#index #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/index/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/index/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/index/"+name+".gif')")
				
		}
	)
	
	$("#index span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#index #navi ."+name+"").css("background-image", "url('img/navi/index/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#index #navi ."+name+"").css("background-image", "url('img/navi/index/"+name+".gif')")
			
		}
	)
	
	$("#index span a").hover(
		function(){ $(this).css({"color" : "#bcbb1c", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	// 
	$("#studio #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/studio/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/studio/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/studio/"+name+".gif')")
				
		}
	)
	
	$("#studio span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#studio #navi ."+name+"").css("background-image", "url('img/navi/studio/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#studio #navi ."+name+"").css("background-image", "url('img/navi/studio/"+name+".gif')")
			
		}
	)
	
	$("#studio span a").hover(
		function(){ $(this).css({"color" : "#bcbb1c", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	// 
	$("#project #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/project/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/project/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/project/"+name+".gif')")
				
		}
	)
	
	$("#project span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#project #navi ."+name+"").css("background-image", "url('img/navi/project/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#project #navi ."+name+"").css("background-image", "url('img/navi/project/"+name+".gif')")
			
		}
	)
	
	$("#project span a").hover(
		function(){ $(this).css({"color" : "#dd9dbf", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	// 
	$("#commissions #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/commissions/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/commissions/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/commissions/"+name+".gif')")
				
		}
	)
	
	$("#commissions span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#commissions #navi ."+name+"").css("background-image", "url('img/navi/commissions/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#commissions #navi ."+name+"").css("background-image", "url('img/navi/commissions/"+name+".gif')")
			
		}
	)
	
	$("#commissions span a").hover(
		function(){ $(this).css({"color" : "#6ba43c", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	//
	$("#workshops #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/workshops/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/workshops/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/workshops/"+name+".gif')")
				
		}
	)
	
	$("#workshops span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#workshops #navi ."+name+"").css("background-image", "url('img/navi/workshops/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#workshops #navi ."+name+"").css("background-image", "url('img/navi/workshops/"+name+".gif')")
			
		}
	)
	
	$("#workshops span a").hover(
		function(){ $(this).css({"color" : "#cb3a4e", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	//
	$("#retail #navi li a").hover(
		function(){
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/retail/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/retail/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/retail/"+name+".gif')")
				
		}
	)
	
	$("#retail span").hover(
		function(){
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#retail #navi ."+name+"").css("background-image", "url('img/navi/retail/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#retail #navi ."+name+"").css("background-image", "url('img/navi/retail/"+name+".gif')")
			
		}
	)
	
	$("#retail span a").hover(
		function(){ $(this).css({"color" : "#9dceef", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	//
	$("#about #navi li a").hover(
		function(){
			
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/about/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/about/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/about/"+name+".gif')")
				
		}
	)
	
	$("#about span").hover(
		function(){
			
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#about #navi ."+name+"").css("background-image", "url('img/navi/about/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#about #navi ."+name+"").css("background-image", "url('img/navi/about/"+name+".gif')")
			
		}
	)
	
	$("#about span a").hover(
		function(){ $(this).css({"color" : "#bcbb1c", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	//
	$("#contact #navi li a").hover(
		function(){
					
			var m = $(this).position().left;
			var name = $(this).attr("class");
			
			if(name == "index" || name == "contact"){
				$(this).css("background-image", "url('img/navi/contact/"+name+"_d.gif')")
				return true;
	
			}else{
		
				$("."+name+"_menu").fadeIn().css("left", m);
				$(this).css("background-image", "url('img/navi/contact/"+name+"_d.gif')")
				
			}
		},
		function(){
			var name = $(this).attr("class");
				
			$("."+name+"_menu").hide();
			$(this).css("background-image", "url('img/navi/contact/"+name+".gif')")
				
		}
	)
	
	$("#contact span").hover(
		function(){
			
			var name = $(this).attr("class").split("_")[0];
			
			$(this).show();
			$("#contact #navi ."+name+"").css("background-image", "url('img/navi/contact/"+name+"_d.gif')")
			
		},
		function(){
			var name = $(this).attr("class").split("_")[0];
			$(this).hide();
			$("#contact #navi ."+name+"").css("background-image", "url('img/navi/contact/"+name+".gif')")
			
		}
	)
	
	$("#contact span a").hover(
		function(){ $(this).css({"color" : "#bcbb1c", "cursor" : "pointer"}) },
		function(){ $(this).css({"color" : "#FFFFFF", "cursor" : "pointer"}) }
	)
	
	
	
	// Remove triggers for empty content
	var studiocontent = trim($("#wrap * span.studio_menu").html());
	var projectscontent = trim($("#wrap * span.projects_menu").html());
	var commissionscontent = trim($("#wrap * span.commissions_menu").html());
	var retailcontent = trim($("#wrap * span.retail_menu").html());
	var workshopscontent = trim($("#wrap * span.workshops_menu").html());
	var aboutcontent = trim($("#wrap * span.about_menu").html());
	
	if(studiocontent.length == 0){
		$("#wrap * span.studio_menu").remove();
	};
	
	if(retailcontent.length == 0){
		$("#wrap * span.retail_menu").remove();
	};
	
	if(projectscontent.length == 0){
		$("#wrap * span.projects_menu").remove();
	};
	
	if(commissionscontent.length == 0){
		$("#wrap * span.commissions_menu").remove();
	};
	
	if(workshopscontent.length == 0){
		$("#wrap * span.workshops_menu").remove();
	};
	
	if(aboutcontent.length == 0){
		$("#wrap * span.about_menu").remove();
	};
	
	
	
	
})