jQuery(document).ready(function($){

$.fn.animateFrames = function() {


// to turn on the slide show, uncomment the following lines and remove the slideshowFrame01 call below it
for (var i = 4; i < 9; i++) {
    var x, timer;
    x = i % 4;
    timer = (i-4)*7000;
    switch (x)
    {
        case 0 :
            setTimeout(function(){$().slideshowFrame01();}, timer);
            break;
        case 1 :
            setTimeout(function(){$().slideshowFrame02();}, timer);
            break;
        case 2 :
            setTimeout(function(){$().slideshowFrame03();}, timer);
            break;
        case 3 :
            setTimeout(function(){$().slideshowFrame04();}, timer);
            break;
        default :
            setTimeout(function(){$().slideshowFrame01();}, timer);
    }    
}

//$().slideshowFrame01();

};


$().animateFrames();


$("a:contains('View First Banner')").click(function(){
   $().slideshowHideAll();
   $("#banner01").fadeIn(4000);
   $("#caption01").animate({ height: 52 }, "slow");
   $(this).blur();
   $(this).css({ backgroundPosition: 'bottom center' });  
});

$("a:contains('View Second Banner')").click(function(){
   $().slideshowHideAll();
   $("#banner02").fadeIn(4000);
   $("#caption02").animate({ height: 52 }, "slow");
   $(this).blur();
   $(this).css({ backgroundPosition: 'bottom center' });  
});

$("a:contains('View Third Banner')").click(function(){
   $().slideshowHideAll();
   $("#banner03").fadeIn(4000);
   $("#caption03").animate({ height: 52 }, "slow");
   $(this).blur();
   $(this).css({ backgroundPosition: 'bottom center' });  
});

$("a:contains('View Fourth Banner')").click(function(){
   $().slideshowHideAll();
   $("#banner04").fadeIn(4000);
   $("#caption04").animate({ height: 52 }, "slow");
   $(this).blur();
   $(this).css({ backgroundPosition: 'bottom center' });  
});


});