var started = false;
var slideshowInitialized = false;
var slideShowImagePath = '/_wrc/_images/home/';
var slideShowImages = new Array(2);
slideShowImages[0] = 'bg1.jpg|banner1.png';
slideShowImages[1] = 'bg2.jpg|banner1.png';
slideShowImages[2] = 'bg3.jpg|banner2.png';
slideShowImages[3] = 'bg4.jpg|banner2.png';
slideShowImages[4] = 'bg5.jpg|banner3.png';
slideShowImages[5] = 'bg6.jpg|banner3.png';
slideShowImages[6] = 'bg7.jpg|banner4.png';
slideShowImages[7] = 'bg8.jpg|banner4.png';

function loadSlideshowImages(){
	slideshowInitialized = true;
	var i = 0;
	var lastBannerTag = '';
	for (i=0; i<=slideShowImages.length-1; i++) {
		var bigImageTag = '<img src="' + slideShowImagePath + slideShowImages[i].split('|')[0] + '" width="940" height="404" opacity="0" />';
		var bannerTag = '<img src="' + slideShowImagePath + slideShowImages[i].split('|')[1] + '" width="790" height="66" />';
		
		//preload(slideShowImagePath + slideShowImages[i].split('|')[0]);
		//preload(slideShowImagePath + slideShowImages[i].split('|')[1]);

		if (i > 0)
		{
			$('#slideshow').append(bigImageTag);
		
			if (bannerTag != lastBannerTag || lastBannerTag == '')
				$('#banner').append(bannerTag);
		}
		
		lastBannerTag = bannerTag;
	}
	$(window).load(function(){ setInterval( "slideSwitch()", 5000 ); });
}
      
$(function(){
	// Wait until the first one has fully loaded before loading the others,
	// otherwise we get a weird flicker.
	$('#slideshow img:first').load(function(){loadSlideshowImages();});
	
	setTimeout(function() {
		if (!slideshowInitialized)
		{
			loadSlideshowImages();
			setInterval( "slideSwitch()", 5000 );
		}
	}, 2000);

	$('#slideshow img:first, #banner img:first').addClass('active');
	$('#wrc_logo').hover( function() {
			$(this).attr('src','/_wrc/_images/common/wrc_logo_over.png');
		}, function() {
			$(this).attr('src','/_wrc/_images/common/wrc_logo.jpg');
		}
	);
	
	// Top-Nav menu dropdowns
    $("ul.dropdown li").hover(function(){
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
    
    }, function(){
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
    }); 
    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" &raquo; ");	
});

function slideSwitch() {
	
  if (started)
	return;
  
  started = true;
  var $active = $('#slideshow IMG.active');
  var $activeBanner = $('#banner IMG.active');
  
  if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
  if ( $activeBanner.length == 0 ) $activeBanner = $('#banner IMG:last');

  var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');
  var $nextBanner =  $activeBanner.next().length ? $activeBanner.next() : $('#banner IMG:first');
  
  $active.addClass('last-active');
  $activeBanner.addClass('last-active');  

  $next.css({opacity: 0.0})
	  .addClass('active')
	  .animate({opacity: 1.0}, 1000, function() {
		  $active.removeClass('active last-active');
		  started = false;
	  });
	  
	var nextBannerImage = '';
	var n = 0;
	for (n=0; n<=slideShowImages.length-1; n++) {
		if ($next.attr('src') == slideShowImagePath + slideShowImages[n].split('|')[0]) {
			nextBannerImage = slideShowImagePath + slideShowImages[n].split('|')[1];
			break;
		}
	}
	
	if (nextBannerImage != $activeBanner.attr('src')) {
		$activeBanner.animate({opacity: 0.0}, 1000); 
		setTimeout(function(){
			$nextBanner.css({opacity: 0.0})
			 .addClass('active')
			 .animate({opacity: 1.0}, 1000, function() {
				 $activeBanner.removeClass('active last-active'); });
		}, 1000);
	}
}

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
    });
}