$(function(){

// CONTACT/OPTIONS PANELS FUNCTIONALITY
$(".contact").click(function(){
	$(this).animate({ marginTop: 0 }).addClass("open");
});
$(".options").click(function(){
	$(this).animate({ marginLeft: 0 }).addClass("open");
});
$(".body").mouseover(function(){
	$(".contact.open").animate({ marginTop: -155 }).removeClass("open");
	$(".options.open").animate({ marginLeft: -155 }).removeClass("open");
});

//CONTACT FORM FUNCTIONALITY
$(".contact").submit(function(){
	var $this = $(this)
	if($(this).validate())
		$.ajax({
			type: "POST",
			url: "index.php",
			data: $this.serialize(),
			success: function(data){
				$this.html( '<div class="msg">'+data+'</div>' );
			}
		});
	
	return false;
});

//PORTFOLIO AND OPTIONS FILTERING
var $current = $([]),
	filter = $(".options li li:first").text(),
	filter_field = "year";
	
$(".header").html(filter);

//PORTFOIO POPULATION
$(".portfolio").items(w).chain({
	".portfolio-item-img": { style: "background-image: url(dynamic/work/{thumb})" },
	builder: function(){
		
		//PORTFOLIO ITEM ONCLICK
		var $this = this.click(function(){
			$current = $this;
			
			//PORTFOLIO ITEM DETAIL/OVERLAY DISPLAY
			$(".portfolio-detail").fadeIn().items("replace", [$this.item()]).chain({
				builder: function(){
					var i = this.item();
					
					//CONVERT ITEM image_1, image_2, ETC
					images = [];
					for(var j=1; j<6; j++)
						if(i["image_"+j]) images.push({image: i["image_"+j]});
						
					//PORTFOLIO ITEM DETAIL/OVERLAY: DISPLAY IMAGE TOTAL
					$(".portfolio-detail-totalimages").html(images.length);
					
					//PORTFOLIO ITEM DETAIL/OVERLAY: IMAGES POPULATION AND SLIDESHOW SETUP
					$(".portilio-detail-slides")
						.items(images)
						.chain({ 
							".image": { src: "dynamic/work/{image}" }
						})
						.slideshow({
							width: "100%",
							height: 720,
							change: function(i, e){
								$(".portfolio-detail-currentimage").html(parseInt(i)+1);
							}
						})
					
					//PORTFOLIO ITEM DETAIL/OVERLAY: CLOSE BUTTON FUNCTIONALITY
					$(".portfolio-detail-close").click(function(){
						$(".portfolio-detail").fadeOut();
					});
					//PORTFOLIO ITEM DETAIL/OVERLAY: NEXT/PREV PORTFOLIO ITEM BUTTON FUNCTIONALITY
					$(".portfilio-detail-next").click(function(){
						$current.nextAll("li:visible").filter(":first").click();
					});
					/*
					$(".portfilio-detail-next").click(function(){
						$current.nextAll("li:visible").filter(":first").click();
					});*/
					$(".portfilio-detail-prev").click(function(){
						$current.prevAll("li:visible").filter(":first").click();
					});
					if($this.nextAll("li:visible").length == 0) 
						$(".portfilio-detail-next").addClass("portfolio-detail-inactive");
					if($this.prevAll("li:visible").length == 0) 
						$(".portfilio-detail-prev").addClass("portfolio-detail-inactive");

				}
			});
			
		});
	}
}).items("filter", filter, filter_field);


$(".options-ul ul li").click(function(){
	filter = $(this).text();
	filter_field = $(this).attr("t");
	$(".portfolio").items("filter", filter, filter_field);
	$(".header").html(filter);
})

});