jQuery(document).ready(function($){
	
	//Homepage script
	
	//Hide all images to start with
	$lis = $(".home-port").hide();
	
	var i = 0;
 	$($lis).hide().each(function(i){
 		$(this).delay(300*i).fadeIn(200);
 		
 	}); 
	

	$(".home-port").live('mouseenter',function(){
		$(this).find('.port-info').stop(true,true).slideDown();
		$(this).find('img').stop(true,true).animate({opacity: 0.7});
		$(this).find('.home-port-inner').stop(true,true).animate({backgroundColor: '#CFCFCF'})
	});
	
	
	$(".home-port").live('mouseleave',function(){
		$(this).find('.port-info').stop(true,true).slideUp();
		$(this).find('img').stop(true,true).animate({opacity: 1});
		$(this).find('.home-port-inner').stop(true,true).animate({backgroundColor: '#F0F0F0'})
	});
	
	// Make the whole home box clickable
	$(".home-port-inner").live("click", function(){
		
		$h3 = $(this).find("h3").html();
		
		if($h3 == "Tweet! Tweet!"){
			window.location=("http://twitter.com/weareemerge");
		}else{
			$link = $(this).find("a:first");
			window.location=$($link).attr("href");
		}
	});
	

	//Portfolio page carousel
	    $(".port-thumb").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
	        easing: "easeout",
	        speed: 750,
	        visible: 4,
	        circular: false
	    });

	 //Colorbox
	    $("a[rel='colorbox']").colorbox();
	
	    
	    $(".port-area").hover(function(){
			$(this).find(".port-page-info-cont").stop(true,true).animate({
				left: ['-296', 'easeout']
			}, 750);
			$(this).find(".portimg").animate({opacity: 0.6});
		 }, function(){
			 $(this).find(".port-page-info-cont").stop(true,true).animate({
				left: ['0', 'easeout']
			}, 750);
			$(this).find(".portimg").animate({opacity: 1});
		 }
	    ); 
	    
	  // Clickable portfolio items
	    $("div.port-area").hover(function(){
	    	$(this).css('cursor','pointer');
		 }, function(){
			$(this).css('cursor','auto');
		 }
	    ); 
	    
	    $("div.port-area").click(function(){
	    	window.location = $(this).find("a.portimg").attr('href');	
	    });

	  //Hide all portfolios to start with
		$lis = $(".port-area").hide();
		
		var i = 0;
	 	$($lis).hide().each(function(i){
	 		$(this).delay(300*i).fadeIn(200);
	 		
	 	}); 
	    
	    
});