// JavaScript Document
$(document).ready(function(){
	windowWidth = $(window).width();	
	containerPosition = $("#container").position();
	var currentImageItem = 1;
	$('.lineSeparator').css({"width" : windowWidth, "margin-left" : -containerPosition.left});		
								 
	$(".proyectItem img[rel]").overlay({effect: 'apple'});
	
	/*This position the shadow box right in top of projects thumbs*/
	$(".proyectItem img").click(function(){								
		var rel = $(this).attr("rel");	
		var windowWidth = $(window).width();
		var left = (windowWidth - 640)/2;			
		//$(rel).css({"top" : 402, "left" : left, "display" : "inline", "position" : "absolute", "z-index" : 9999 });
		/*repositions the window scroll position to center the thumbs*/
		window.scrollTo(382,left);		
		$(".close").click(function(){
			$(rel).css("display", "none");
//			$(rel + " .carouselContainer div").css("left",0);						
		});
		
		//$(rel + " .carouselContainer div:first[class='carouselItem']").addClass("active");	
		
		/*Carousel page counter*/	
		$(".carousel-control").click(function(){														  
			var totalImageItems = $(".carouselItem").length;				
			var isNext = $(this).hasClass("next");			
			currentImageItem = $(".carouselContainer div .carouselItem img").attr("class");
			if(isNext){
				currentImageItem += 1;		
				$(".pageCounter").html(currentImageItem);
			}
			else{
				currentImageItem -= 1;
				$(".pageCounter").html(currentImageItem);
			}		
		});
	});	
		
	/*Carousel*/	
	$(".carouselContainer").carousel({animSpeed: "slow"}); 	
	var pageCounter= "<div class='pageCounter'></div>";
	$(".carouselContainer").find(".previous").after(pageCounter);
	$(".pageCounter").html(currentImageItem);
	
	
});