$(document).ready(function() {


/* details.html ****************************************************************/
	$("div.portfolio_section_detail img.hovered").hide();
	$("div.portfolio_section_detail img.active").css({'display':'block'});
	$("div.portfolio_section_detail h3.active").css({'color':'#000'});
	
	$("div.portfolio_section_detail").hover(function() {
		$(this).find('img').fadeIn(200);
		$(this).find('h3').css({'color': '#000','cursor':'pointer'});;
	}, function() {
		$(this).find('img.hovered').fadeOut(200);
		$(this).find('h3').css({'color': '#666'});
		$(this).find('h3.active').css({'color': '#000'});
	});
	
	$("div.portfolio_section_detail").click(function(){
    	window.location=$(this).find("a").attr("href");
    	return false;
	});


	$('button.prev').hover(function (){
		$(this).attr({'class':'prev prev_hover'}).css({'cursor':'pointer'});;
	},function(){
		$(this).attr({'class':'prev'});
	});

	$('button.next').hover(function (){
		$(this).attr({'class':'next next_hover'}).css({'cursor':'pointer'});
	},function(){
		$(this).attr({'class':'next'});
	});



	$(".imagearea").jCarouselLite({
	    btnNext: "div#screen .next",
	    btnPrev: "div#screen .prev",
	    visible: 1,
	    speed: 450,
		easing: "backout"
	});
	
	
}); // End jQuery