$(document).ready(function() {

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

    //Click and Hover events for thumbnail list
    $(".image_thumb div.imageThumbHolder:first").addClass('active');
    $(".image_thumb div.imageThumbHolder").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('.block').html(); 	//Get HTML of block
        var imgLink = $(this).find('.moreSliderBig').attr("href");
        var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block
		
        if ($(this).is(".active")) {  //If it's already active, then...
            return false; // Don't click through
        } else {
            //Animate the Teaser
            $(".main_image .block").animate({
                opacity: 0,
                marginBottom: -imgDescHeight
            }, 250 , function() {
                $(".main_image .block").html(imgDesc).animate({
                    opacity: 0.85,
                    marginBottom: "0"
                }, 250 );
                $(".main_image img").attr({
                    src: imgTitle ,
                    alt: imgAlt ,
                    title: imgAlt
                });
                $(".main_image a").attr({
                    href: imgLink
                });
            });
        }
		
        $(".image_thumb div.imageThumbHolder").removeClass('active'); //Remove class of 'active' on all lists
        $(this).addClass('active');  //add class of 'active' on this list only
        return false;
		
    }) .hover(function(){
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
			
    //Toggle Teaser
    $("a.collapse").click(function(){
        $(".main_image .block").slideToggle();
        $("a.collapse").toggleClass("show");
    });

    
    setInterval( showNext, 8000);

    function showNext(){
        var currentId = $('div.items div.active').attr('id');
        var nextId=parseInt(currentId)+1;
        if($('div.items div.active').hasClass('last')){
            nextId=0;
        }
        $('.image_thumb div#'+nextId).click();
//        $('.image_thumb div#'+nextId).click(function(){
//
//        });
        $('div.navigator a[href="'+parseInt(parseInt(nextId)/3)+'"]').click();
    }
	
});//Close Function