timers = new Array();
oldSetTimeout = window.setTimeout;
window.setTimeout = function(code, interval) {
    timers.push(oldSetTimeout(code, interval));
}

function resetTimeouts() {
    timers = new Array();
}

function clearTimeouts() {
    for (var i= 0;i < timers.length; i++) {
	clearTimeout(timers[i]);
    }
    resetTimeouts();
}

$(function() {
	$('a.lightbox').lightBox();

	$('.movieImg').hover(function() {
		var pid = $(this).attr("id");
		$('#' + pid + 'Play').show();
	    }, function() {
		var pid = $(this).attr("id");
		$('#' + pid + 'Play').hide();
	});

	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block2").animate({ opacity: 0.85 }, 1 ); //Set Opacity

	$(".image_thumb ul li:first").addClass('active'); //Add the active class (highlights the very first list item by default)
	$(".image_thumb ul li").click(function(){
	    //Set Variables
	    var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
	    var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
	    var imgDesc = $(this).find('.block2').html();  //Get HTML of the "block" container
	    var imgDescHeight = $(".main_image").find('.block2').height(); //Find the height of the "block"

	    if ($(this).is(".active")) {  //If the list item is active/selected, then...
		return false; // Don't click through - Prevents repetitive animations on active/selected list-item
	    } else { //If not active then...
		//Animate the Description
		$(".main_image .block2").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() { //Pull the block down (negative bottom margin of its own height)
		    $(".main_image .block2").html(imgDesc).animate({ opacity: 0.85,  marginBottom: "0" }, 250 ); //swap the html of the block, then pull the block container back up and set opacity
		    $(".main_image img").attr({ src: imgTitle , alt: imgAlt}); //Switch the main image (URL + alt tag)
		});
	    }
	    //Show active list-item
	    $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all list-items
	    $(this).addClass('active');  //Add class of 'active' on the selected list
	    return false;

	}) .hover(function(){ //Hover effects on list-item
	    $(this).addClass('hover'); //Add class "hover" on hover
	    }, function() {
	    $(this).removeClass('hover'); //Remove class "hover" on hover out
	});

	$("a.collapse").click(function(){
	    $(".main_banner .block2").slideToggle(); //Toggle the description (slide up and down)
	});


	var count = 1;
	var myTimer;
	myTimer = setInterval(play2, 4000);

	function play2() {
	    $('.image_thumb ul li:nth-child(' + count + ')').trigger('click');
	    count++;
	    if(count == 5) count = 1;
	}

	$(document).pngFix(); 

});