//<![CDATA[
jQuery.noConflict();
(function($){
	
	//Navigation
	$(".nav").click(function(){addSelect(this);showPage("#"+$(this).attr("title"));});
	$(".nav[title=portfolio]").click(function(){$.getJSON("lib/portfolio.php", "id=0", overview);});
	
	//Selectbox
	$(".nav[title=portfolio]").click(function(){$.getJSON("lib/portfolio.php", "id=0", overview);});
	$("#go").click(function(){$.getJSON("lib/portfolio.php",  "id="+$("#selectbox").attr("value"), getItem);});
	
	//Contact button
	$("#contact a").hover(
		function(){$(this).animate({style:'font-size:20px; font-weight:bold;'},300);},
		function(){$(this).animate({style:'font-size:12px; font-weight:normal;'},300);}
	);
	
	//Over mij foto
	$(".profielImg").hover(
	   function(){$(".profielAction").animate({style:'top:235px;left:170px;'},300);},
	   function(){$(".profielAction").animate({style:'top:300px;left:260px;'},300);}
	);
	
	//Functions
	function showPage(page) {
		$(".page").animate({left: "-1920px"},300);
		$(page).animate({style:"left:0"},300);
	}
	function overview(data) {
		$("#content").html(data[0]);
		$(".projectThumb").click(function(){$.getJSON("lib/portfolio.php", "id="+this.title, getItem);});
		$(".projectThumb").hover(
			function(){$(".projectThumb[title="+this.title+"] span").animate({style:'color:#aaa;'},300);},
			function() {$(".projectThumb[title="+this.title+"] span").animate({style:'color:#fff;'},300);}
		);
		superSize();
	}
	function getItem(data) {
		$(".page").animate({left:"-1920px"},300,function(){
			$(".load").css("display","block");
			$("#backgroundimage").animate({opacity:0},100,function(){
				$("#backgroundimage").attr({src:data[1]});
			});
			$("#backgroundimage").load(function(){
				$("#backgroundimage").animate({opacity:1},100,function(){$(".load").css("display","none")});
			});
			$("#portfolio").animate({left:"0"},300);
			$("#content").html(data[0]);
			superSize();
			addSelect(".nav[title=portfolio]");
			minimize("#descText");
			imgPreview("div#thumbnails a");
			replaceImg("div#thumbnails a",data[1]);
		});
	}
	function addSelect(slctElm) {
		$(".nav").removeClass("selected");
		$(slctElm).addClass("selected");
	}
	function minimize(slctElm) {
		$(".minimizer").click(function () { 
			$(slctElm).slideToggle("slow");
		});
	}
	function replaceImg(slctElm) {
		$(slctElm).click(function(){
			var imagePath = $(this).attr("title");
			$(".load").css("display","block");
			$("#backgroundimage").animate({opacity:0},100,function(){
				$("#backgroundimage").attr({src:imagePath});
			});
			$("#backgroundimage").load(function(){
				$("#backgroundimage").animate({opacity:1},150,function(){$(".load").css("display","none")});
			});
		});
		
	}
	
	//Class functions
	function superSize() {
		$.fn.supersized.options = {startwidth:16,startheight:10,minsize:.50,slideshow:0,slideinterval:300};
		$("#supersize").supersized();
	}
	function imgPreview(slctElm) {
		$(slctElm).imgPreview({
			containerID: "imgPreview",
			imgCSS: {height: 80},
			onShow: function(link){$(link).stop().animate({opacity:0.4});$("img", this).css({opacity:0});},
			onLoad: function(){$(this).animate({opacity:1}, 300);},
			onHide: function(link){$(link).stop().animate({opacity:1});}
		});
	}
	function imgSwitch(slctElm) {
		$(slctElm).click(function(e){
			$("#backgroundimage").ImageStop(true,true);
			$("#backgroundimage").ImageSwitch({Type:"SingleDoor",NewImage:$(this).attr("title"),EffectOriginal: false,Speed: 300});
			e.preventDefault();
		});
	}
	
	// ClickMap
	if($("body").hasClass("clickMapViewer") == true){
		$.getJSON("lib/clickMap.php", {type:'viewer'},writeDots);		
	}
	if($("body").hasClass("clickMapOn") == true) {
		$("html").click(function(e){
			$.getJSON("lib/clickMap.php", {type:'clicker',posX:e.pageX,posY:e.pageY});
		});
	}
	function writeDots(data) {
		for(var i=0;i<data.length;i++){
			$('body').append('<div class="dot" style="left:'+data[i]['x']+'px;top:'+data[i]['y']+'px;"></div>');
		}
	}
	
})(jQuery);
//]]>