/* http://designm.ag/tutorials/image-rotator-css-jquery/ */

$(document).ready(function() {    

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

    //Click and Hover events for thumbnail list
    $(".photo_small ul li:last").addClass('active'); 
    $(".photo_small ul li").click(function(){ 

        // if they click on an item, stop the auto-rotate
        clearInterval(playSlideshow);    

        //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 imgDescHeight = $(".main_image").find('.block').height();    //Calculate height of block    
        var imgLink = $(this).find('.link').html();
        
        if ($(this).is(".active")) {  //If it's already active, then...
            return false; // Don't click through
        } else {
            //Animate the Teaser                
            $(".main_image img").animate({ opacity: 0}, 250 );
            $(".main_image a").attr({ href: imgLink });
            $(".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}).animate({ opacity: 1}, 250 );
            });    
        }
        
        $(".photo_small ul li").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");
    });
    
});//Close Function


function doSlideSwitch(obj) {
    var $$ = obj;
    var imgAlt = $$.find('img').attr("alt"); //Get Alt Tag of Image
    var imgTitle = $$.find('a').attr("href"); //Get Main Image URL
    var imgDesc = $$.find('.block').html(); //Get HTML of block
    var imgDescHeight = $(".main_image").find('.block').height(); 
    var imgLink = $$.find('.link').html();

    // 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 img").animate({ opacity: 0}, 250 );
            $(".main_image a").attr({ href: imgLink });
            $(".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}).animate({ opacity: 1}, 250 );
            });    
    }

    $(".photo_small ul li").removeClass('active'); //Remove class of 'active' on all lists
    $$.addClass('active');  //add class of 'active' on this list only
    return false;
};

function slideSwitch() {
    var $active = $('#slideshow li.active');
    if ( $active.length == 0 ) $active = $('#slideshow li:first');

    // use this to pull the divs in the order they appear in the markup
    var $next =  $active.prev().length ? $active.prev()
    : $('#slideshow li:last');
    doSlideSwitch($next);
};

$(function() {
    playSlideshow = setInterval( "slideSwitch()", switchDelay );
});