// JavaScript Document// JavaScript Document
var fout = '#promo1'; /* needed for first time script runs */
var fin;
var timeout;
var thumb;
function toggle(fin, thumb){
if (fin != fout) { /* doesn't run first time through the script */
clearTimeout(timeout);
jQuery(fout).hide();
jQuery(fin).show();
jQuery('.thumb').css('background-color', '#999')
jQuery(thumb).css('background-color', '#333');
fout = fin;
timeout = setTimeout('toggleTimed()', 10000);
}
}
jQuery(document).ready(function() {
jQuery('#promo2').hide();
jQuery('#promo3').hide();
jQuery('#promo4').hide();
jQuery('#promo5').hide();
jQuery('#thumb1').css('background-color', '#333');
jQuery('#thumb1').click(function() {toggle('#promo1', this)});
jQuery('#thumb2').click(function() {toggle('#promo2', this)});
jQuery('#thumb3').click(function() {toggle('#promo3', this)});
jQuery('#thumb4').click(function() {toggle('#promo4', this)});
jQuery('#thumb5').click(function() {toggle('#promo5', this)});
timeout = setTimeout('toggleTimed()', 10000);
});
function toggleTimed() {
if (fout == '#promo1') {
clearTimeout(timeout);
fin = '#promo2';
jQuery(fout).fadeOut('slow');
jQuery(fin).delay(600).fadeIn('slow');
jQuery('.thumb').css('background-color', '#999')
jQuery('#thumb2').css('background-color', '#333');
fout = fin; /* sets starting deal as fade out deal */
timeout = setTimeout('toggleTimed()', 10000);
}
else if (fout == '#promo2') {
clearTimeout(timeout);
fin = '#promo3';
jQuery(fout).fadeOut('slow');
jQuery(fin).delay(600).fadeIn('slow');
jQuery('.thumb').css('background-color', '#999')
jQuery('#thumb3').css('background-color', '#333');
jQuery('#arrow').css('left', '174px');
fout = fin;
timeout = setTimeout('toggleTimed()', 10000);
}
else if (fout == '#promo3') {
clearTimeout(timeout);
fin = '#promo4';
jQuery(fout).fadeOut('slow');
jQuery(fin).delay(600).fadeIn('slow');
jQuery('.thumb').css('background-color', '#999')
jQuery('#thumb4').css('background-color', '#333');
jQuery('#arrow').css('left', '250px');
fout = fin;
timeout = setTimeout('toggleTimed()', 10000);
}
else if (fout == '#promo4') {
clearTimeout(timeout);
fin = '#promo5';
jQuery(fout).fadeOut('slow');
jQuery(fin).delay(600).fadeIn('slow');
jQuery('.thumb').css('background-color', '#999')
jQuery('#thumb5').css('background-color', '#333');
jQuery('#arrow').css('left', '328px');
fout = fin;
timeout = setTimeout('toggleTimed()', 10000);
}
else if (fout == '#promo5') {
clearTimeout(timeout);
fin = '#promo1';
jQuery(fout).fadeOut('slow');
jQuery(fin).delay(600).fadeIn('slow');
jQuery('.thumb').css('background-color', '#999')
jQuery('#thumb1').css('background-color', '#333');
jQuery('#arrow').css('left', '18px');
fout = fin;
timeout = setTimeout('toggleTimed()', 10000);
}
}
