var $j = jQuery.noConflict();
$j(document).ready(function() {

//Show Banner
$j(".jStory .desc").show(); //Show Banner
$j(".jStory .block").animate({ opacity: 0.80 }, 1 ); //Set Opacity

//Click and Hover events for thumbnail list
$j(".jStoryNav ul li:first").addClass('active');

$j(".jStoryNav ul li:last").addClass('last');

$j(".jStoryNav ul li").click(function(){
	//Set Variables
	var imgAlt = $j(this).find('img').attr("alt"); //Get Alt Tag of Image
	var imgTitle = $j(this).find('a').attr("href"); //Get Main Image URL
	var imgDesc = $j(this).find('.block').html(); //Get HTML of block
	var imgDescHeight = $j(".jStory").find('.block').height(); //Calculate height of block

	if ($j(this).is(".active")) { //If it's already active, then…
		return false; // Don't click through
	} else {
	//Animate the Teaser
		$j(".jStory .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 500 ,
		function() {
			$j(".jStory .block").html(imgDesc).delay(1000).animate({ opacity: 0.80, marginBottom: 0 }, 500 );
			$j(".jStory img").attr({ src: imgTitle , alt: imgAlt});
		});
	}

	$j(".jStoryNav ul li").removeClass('active'); //Remove class of 'active' on all lists
	$j(this).addClass('active'); //add class of 'active' on this list only
		return false;
	}).hover(function(){
		$j(this).addClass('hover');
	}, function() {
		$j(this).removeClass('hover');
	});

// * Code added by Jeff Schram
// * if we are hovering over the image area, pause the clickNext function
// * by default, our new pauseClickNext variable is false
pauseClickNext = false;

$j(".jStory .ramp").hover(function (){pauseClickNext = true;},function (){pauseClickNext = false;});

$j(".jStory .ramp").hover(function (){var obj= document.getElementById("main-image");obj.style.cursor='pointer';});

$j(".jStory .ramp").click(function (){
	if ( document.getElementById("one").className == "active"){
		window.location="http://www.google.com";
	}
	else if ( document.getElementById("two").className == "active"){
		window.location="http://www.mckillen.net";
	}
	else if ( document.getElementById("three").className == "active"){
		window.location="http://www.hoo.com";
	}
	else if ( document.getElementById("four").className == "active"){
		window.location="http://www.tape.com";
	}
	else if ( document.getElementById("five").className == "last active"){
		window.location="http://www.ask.com";
	}
	}
);

//Toggle Teaser
$j("a.collapse").click(function(){
	$j(".jStory .block").slideToggle();
	$j("a.collapse").toggleClass("show");
});

$j(".jStoryNav").hover(function (){pauseClickNext = true;},function (){pauseClickNext = false;});

// * Code credit to Soh Tanaka http://designm.ag/ and Jeff Schram, SchramDesign, http://schramdesign.com
// * Define function to click the next link
// * notice that it checks for a class of 'last', we added that above
var clickNext = function(){
	if(!pauseClickNext) {
		/// find the next li after .active
		var $next_li = $j("li.active").next("li");
		if($j("li.active").hasClass("last") ){
			$j(".jStoryNav ul li:first").trigger("click");
		} else {
			$next_li.trigger("click");
		}
	}
};


setInterval(clickNext, 7000);

});