$(document).ready(function() {	

$.preloadImages("/images/supportbanner1.jpg", "/images/supportbanner2.jpg","/images/supportbanner3.jpg","/images/supportbanner4.jpg");

$(".main2_image .desc").show(); 
$(".main2_image .block").animate({ opacity: 0.9 }, 1 ); 
$(".image_thumb ul li:first").addClass('active');


$(".image_thumb ul li").click(function () {
$active = $(this);
slideSwitchClick();
})

$(".image_thumb ul li a").click(function () {
return false;
})

.hover(function(){ 
$(this).addClass('hover'); 
}, function() {
$(this).removeClass('hover'); 
});


 //runs function, set timer here
$(function() {
//setInterval( 'slideSwitchTimed()', 6000 );
playSlideshow = setInterval( "slideSwitchTimed()", 10000 );
});

//pauses on hover
$('.highlight').hover(function() {
clearInterval(playSlideshow);
},
function() {
playSlideshow = setInterval( "slideSwitchTimed()", 10000 );
});



});

function slideSwitchTimed() {
$active = $('.image_thumb ul li.active').next();
if ( $active.length == 0 ) $active = $('.image_thumb ul li:first'); 
slideSwitch();
}

function slideSwitchClick() {
slideSwitch();
}

function slideSwitch() {
var $prev = $('.image_thumb ul li.active');

$prev.removeClass('active');
$active.addClass('active');

var imgAlt = $active.find('img').attr("alt"); 
var imgTitle = $active.find('a').attr("href"); 
var imgDesc = $active.find('.block').html(); 
var imgDescHeight = $(".main2_image").find('.block').height(); 


if ($(this).is(".active")) { 
return false; 
} else { 

$(".main2_image img").animate({ opacity: 0}, 450 );
$(".main2_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 450 , function() {
$(".main2_image .block").html(imgDesc).animate({ opacity: 0.9, marginBottom: "0" }, 450 );
$(".main2_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 450 );
});
}
return false;
}