$(document).ready(function()
{
	$("#projects .project").hover(function() {
		var direction = this.parentNode.className;
		var widthP = -($(this).children("div.media").next().width());
		$(this).children("div.media").next().css("display","block");	
		if ($(this).attr("class").indexOf("tall") != -1) {
			$(this).children("div.media").next().css("height","454px");
		}
		else {
			$(this).children("div.media").next().css("height","224px");
		}

		if (direction.indexOf("odd") != "-1") {
			$(this).children("div.media").next().stop().animate({ left: widthP}, 300);
		}
		else if (direction.indexOf("even") != "-1") {
			$(this).children("div.media").next().stop().animate({ right: widthP}, 300);
		}
	},
	function() {
		var direction = this.parentNode.className;
		if (direction.indexOf("odd") != "-1") {
			$(this).children("div.media").next().stop().animate({ left: 0}, 300);
		}
		else if (direction.indexOf("even") != "-1") {
			$(this).children("div.media").next().stop().animate({ right: 0}, 300);
		}
	});
	$("#link-contact").hover(function() {
		$(this).prev().attr("src","assets/img/nav-driehoek.gif");
	},
	function() {
		$(this).prev().attr("src","assets/img/nav-zeshoek.gif");
	});
	
	$("#link-clients").hover(function() {
		$(this).prev().attr("src","assets/img/nav-vierhoek.gif");
	},
	function() {
		$(this).prev().attr("src","assets/img/nav-vijfhoek.gif");
	});
	$("#img-contact").hover(function() {
		$(this).attr("src","assets/img/nav-driehoek.gif");
	},
	function() {
		$(this).attr("src","assets/img/nav-zeshoek.gif");
	});
	
	$("#img-clients").hover(function() {
		$(this).attr("src","assets/img/nav-vierhoek.gif");
	},
	function() {
		$(this).attr("src","assets/img/nav-vijfhoek.gif");
	});
	$("#link-clients").click(function() {
		$("#contact").css("display","none");
		$("#clients").css("display","block");
		return false;
	});
	$("#contact").css("display","none");
	$("#link-contact").click(function() {
		$("#contact").css("display","block");
		$("#clients").css("display","none");
		return false;
	});
	$("#img-clients").click(function() {
		$("#contact").css("display","none");
		$("#clients").css("display","block");
		return false;
	});
	$("#img-contact").click(function() {
		$("#contact").css("display","block");
		$("#clients").css("display","none");
		return false;
	});
	$("#contact a").click(function() {
		window.location="mailto:info@gonzales.be";
		return false;
	});
	$(document).click(function() {
		$("#contact").css("display","none");
	});
	$("#clients-close").hover(function() {
		$("#clients-close img").attr("src","assets/img/clients-close-hover.gif");
	},
	function() {
		$("#clients-close img").attr("src","assets/img/clients-close.gif");
	});
	$("#clients-close").click(function() {
		$(this).parent().css("display","none");
	});
	$("#projects .project img").css("display","none");
	$("#projects .project img.star").css("display","inline");
	$("#projects .project .swf").css("display","none");
	$("#projects .project img:first-child").css("display","block");
	$("#projects .project .swf:first-child").css("display","block");
	$("#projects .project .label li a").click(function() {
		var img = $(this).text();
		$(this).parent().parent().parent().parent().children(".media").children(".swf").css("display","none");
		$(this).parent().parent().parent().parent().children(".media").children("img").css("display","none");
		$(this).parent().parent().children("li").removeClass("active");
		$(this).parent().addClass("active");
		$(this).parent().parent().parent().parent().children(".media").children("img." + img).css("display","block");
		$(this).parent().parent().parent().parent().children(".media").children(".swf." + img).css("display","block");
		return false;
	});
	
	$("#projects .project .label div li a").click(function() {
		var img = $(this).text();
		$(this).parent().parent().parent().parent().parent().children(".media").children(".swf").css("display","none");
		$(this).parent().parent().parent().parent().parent().children(".media").children("img").css("display","none");
		$(this).parent().parent().parent().children("li").removeClass("active");
		$(this).parent().parent().addClass("active");
		$(this).parent().parent().parent().parent().parent().children(".media").children("img." + img).css("display","block");
		$(this).parent().parent().parent().parent().parent().children(".media").children(".swf." + img).css("display","block");
		return false;
	});
});