// JavaScript Document
$(document).ready(function() {	
	$(".project").click(function() {
		if($(".ViewPort", this).css("display")=="none") {
			//Hide any expanded ViewPort first
			var hid=$(".project .ViewPort:visible").parent();
			hid.removeClass("bigbox").addClass("sumbox");
			if(hid.attr("id")) {
				$(hid.children(".projectThumb")).animate({
					top: "15px",
					padding: "4px",
					right: "30px",
					width: "222px",
					height: "145px"
				});
				$(hid.children(".ViewPort")).slideUp("normal");
				$(hid).animate({ 
        		height: "183px",
				marginBottom: "15px"
      			}, 500 );
				$(hid.children("p")).fadeIn("fast");
			}
			//Show ViewPort
			$(this).removeClass("sumbox").addClass("bigbox");
			$("p", this).fadeOut("fast");
			$(".navigator a", this).preload();
			$(this).animate({ 
        		height: "489px",
				marginBottom: "30px"
      			}, 500 );
			$(".ViewPort", this).slideDown("normal");
			$(".projectThumb", this).animate({
				top: "60px",
				padding: 0,
				right: "16px",
				width: "600px",
				height: "389px"
			});
		}
	});	
	
	//Navigation 
	$(".ViewPort a").click(function() {
		var main=$(this).parents(".project");
		var pr=$(this).parent().parent();
		//alert(pr.html());
		var ahref=$("li a.active", pr).attr("href");
		$("li a.active", pr).removeClass("active");
		var li=$(this).parent("li");
		if(li.hasClass("nminus")) {
			li=$("a[href='"+ahref+"']").parent("li");
			if(li.prev().attr("class")=="nleft") {
				//end of nav reached - start over on right
				var r=pr.find("li.nright").prev();
				var l=pr.find("li.nleft").next();
				$("a", r).addClass("active");
				$("li.nminus a",pr).attr("href",$("a", r).attr("href"));
				$("li.nplus a",pr).attr("href",$("a", l).attr("href"));
			} else {
				$("a",li.prev()).addClass("active");
				$("li.nminus a",pr).attr("href",$("a",li.prev()).attr("href"));
				$("li.nplus a",pr).attr("href",$("a",li.next()).attr("href"));
			}
		} else if(li.hasClass("nplus")) {
			li=$("a[href='"+ahref+"']").parent("li");
			if(li.next().attr("class")=="nright") {
				//end of nav reached - start over on left
				var r=pr.find("li.nright").prev();
				var l=pr.find("li.nleft").next();
				$("a", l).addClass("active");
				$("li.nminus a",pr).attr("href",$("a", r).attr("href"));
				$("li.nplus a",pr).attr("href",$("a", l).attr("href"));
			} else {
				$("a",li.next()).addClass("active");
				$("li.nminus a",pr).attr("href",$("a",li.prev()).attr("href"));
				$("li.nplus a",pr).attr("href",$("a",li.next()).attr("href"));
			}
		} else {
			$("li.nminus a",pr).attr("href",$("a",li.prev()).attr("href"));
			$("li.nplus a",pr).attr("href",$("a",li.next()).attr("href"));
			$(this).addClass("active");
			$(".slideTitle", main).html($("span",this).html());
		}

		var pel=$(this).parents(".project");
		var img = new Image();
        $(img).load(function () {
				$(".projectThumb", pel)
					.animate({ 'opacity': 0 }, {
							 duration: 500,
							 complete: function(){ $("img", pel).attr("src",$(img).attr("src")) }
							 })
					.animate({ 'opacity': 1 }, 500 )
		}).attr("src",$(this).attr("href"));	
		return false;
	});
	
	//Show Caption 
	$(".projectThumb").hoverIntent({
		sensitivity: 3,    
     	interval: 100,
    	over: function () {
			var p=$(this).parent(".project");
			if($(".slideTitle", p).html() && $(".slideTitle", p).css("display")=="none") {
				$(".slideTitle", p).slideDown("fast");
			}
		},	
     	timeout: 1000, // number = milliseconds delay before onMouseOut    
     	out: function () {
			var p=$(this).parent(".project");
			if($(".slideTitle", p).css("display")=="block") {
				$(".slideTitle", p).slideUp("fast");
			}
		}
	});
	
	//Close viewport
	$(".project a.close").click(function() {
		var hid=$(".project .ViewPort:visible").parent();	
		hid.removeClass("bigbox").addClass("sumbox");
		if(hid.attr("id")) {
			$(hid.children(".projectThumb")).animate({
				top: "15px",
				padding: "4px",
				right: "30px",
				width: "222px",
				height: "145px"
			});
			$(hid.children(".ViewPort")).slideUp("normal");
			$(hid).animate({ 
        	height: "183px",
			marginBottom: "15px"
      		}, 500 );
			$(hid.children("p")).fadeIn("fast");
		}
		return false;
	});
	
	
});