$(document).ready(function() {
	$(".col").hide(); //Hide all content
	$(".col:first").show(); //Show first tab content

	//On Hover event
	$("a.box_img").hoverIntent(function() {

                //$(".text").animate({width: 'show'}, 1000);
                $(".text").slideDown(600); // Show caption

                $(this).stop().animate({ opacity: 0.8 }, 300); //Change opacity of the link to 80%

		$(".col").stop(true, true).fadeOut(600); //Hide all tab content

		var activeTab = $(this).attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).stop(true, true).fadeIn(600);//Fade in the active ID content

                  },
                   function() {
                       $(this).stop().animate({ opacity: 1.0 }, 300); //Change opacity of the link back to 100%

	});


});