// var jQuery = jQuery.noConflict();
// File must be on webserver instead of lojQuerycal file or Chrome and IE won't work.
// URL must be remote or won't work for IE and Chrome.
var wcSponsorXMLURL = '/wcdata.xml';

var wcPopupDisplay = false;
var wcMouseInBanner = false;
var wcAnimating = 'NONE';
var wcLastEvent = null; // delay event firing
var wcLastSponsorLink = 'wcb-sponsorSet1';
var wcNumSponsorSets = 0;
var tid;

// all time are in milli seconds
var delayB2Animation = 5000;   // delay of the second banner animation.   
var popupTransitionTiming = 300;
var sponsorRowShowDuration = 1000;
var sponsorRowBlankOutDuration = 1500;
var sponsorRow2Delay = sponsorRowBlankOutDuration + sponsorRowShowDuration;

function pauseSponsorLoop(showLast)
{
	jQuery('#wcb-sponsorSet1').css('display','none').stop(true);
  jQuery('#wcb-sponsorSet2').css('display','none').stop(true);
  if (wcNumSponsorSets == 3) {
	  jQuery('#wcb-sponsorSet3').css('display','none').stop(true);
	}
	if (showLast == true) {
		// debuglog('Pause Loop, show ' + wcLastSponsorLink);
  	jQuery('#' + wcLastSponsorLink).css('opacity', 1).css('display','block');
  }
}

function showPopup()
{
  if (!wcPopupDisplay) 
  {
		clearTimeout(tid);
    wcPopupDisplay = true;

		pauseSponsorLoop();
		jQuery('.wcb-sponsorSlide').css( 'display', 'none');
		jQuery('#welcome-center-b1r1').css( 'display', 'none');
		jQuery('#welcome-center-b1r2').css( 'display', 'none');
	  jQuery('#welcome-center-curtain').css('top', '-45px');
		jQuery('#welcome-center-b2r1').css('top',0);
		
		if (jQuery.browser.msie) {
			// jQuery('#modal-screen').show();
			jQuery('#welcome-center-popup').show();
		} else {
			jQuery('#modal-screen').fadeIn(popupTransitionTiming);
			jQuery('#welcome-center-popup').fadeIn(popupTransitionTiming);
		}
	}
}
function hidePopup()
{
	if (wcPopupDisplay) 
	{
		// redisplay the last sponsor set.
		switch (wcLastSponsorLink) {
			case 'wcb-sponsorSet1':
				debuglog( 'sponsor1');
				jQuery('#wcb-sponsorSet1').show();
				jQuery('#wcb-sponsorSet2').hide();
				if (wcNumSponsorSets == 3) { jQuery('#wcb-sponsorSet3').hide(); }
				break;
			case 'wcb-sponsorSet2':
				debuglog( 'sponsor2');
				jQuery('#wcb-sponsorSet1').hide();
				jQuery('#wcb-sponsorSet2').show();
				if (wcNumSponsorSets == 3) { jQuery('#wcb-sponsorSet2').hide(); }
				break;
			case 'wcb-sponsorSet3':
				debuglog( 'sponsor3');
				jQuery('#wcb-sponsorSet1').hide();
				jQuery('#wcb-sponsorSet2').hide();
				jQuery('#wcb-sponsorSet2').show();
				break;
			default:
				debuglog( 'sponsor1');
				jQuery('#wcb-sponsorSet1').show();
				jQuery('#wcb-sponsorSet2').hide();
				if (wcNumSponsorSets == 3) { jQuery('#wcb-sponsorSet3').hide(); }
		}
	
		wcPopupDisplay = false;
		if (jQuery.browser.msie) {
			//jQuery('#modal-screen').hide();
			jQuery('#welcome-center-popup').hide();
			sponsorLoop();
		}
		else {
			jQuery('#welcome-center-popup').fadeOut(popupTransitionTiming);
	  	jQuery('#modal-screen').fadeOut(popupTransitionTiming, sponsorLoop);
		}
	}
}

function bindSponsorMouseEvents() {
  jQuery('#welcome-center-banner-two').mouseenter(function() {
			pauseSponsorLoop(true);
    }).mouseleave(function() {
			sponsorLoop();
    });
}

function bannerAnimationBegin() {
	if (jQuery.browser.msie) {
  	jQuery('#welcome-center-banner-two').css('display', 'block');
  	jQuery('#welcome-center-banner-one').show();
  }
  jQuery('#welcome-center-b2r1').css({ top: '-30px' });
  showSecondBanner();
}

function showFirstBanner(isInitial) {
  if (isInitial == null || typeof(isInitial) == 'undefined') 
  {
    isInitial = false;
  }
  
  // dont do anything it is animating
  if (wcAnimating == 'FIRSTBANNER') {
		return;
  }
	
  wcAnimating = 'FIRSTBANNER';
	
  // stop sponsor loop
	pauseSponsorLoop();
  
  if (isInitial) 
  {
    // slide the text into place.
    jQuery('#welcome-center-b1r1').animate({
      left: 0,
      opacity: 1
    });
    jQuery('#welcome-center-b1r2').delay(200).animate({
      left: 0,
      opacity: 1
    }, 200, 'linear', function() {
      wcAnimating = 'NONE';
    });
  }
  else 
  {
    jQuery('#welcome-center-b2r1').animate({
      top: '-30px'
    }, 100, 'linear', function() {
      jQuery('#welcome-center-curtain').animate({
        top: 0
      }, 'fast', 'linear', function() {
        // slide the text into place.
        jQuery('#welcome-center-b1r1').animate({
          left: 0,
          opacity: 1
        });
        jQuery('#welcome-center-b1r2').delay(200).animate({
          left: 0,
          opacity: 1
        }, 200, 'linear', function() {
          wcAnimating = 'NONE';
          if (wcLastEvent == 'MOUSEENTER') 
          {
            showSecondBanner();
          }
        });
      });
    });
  }
}

function showSecondBanner() {
  if (wcAnimating == 'SECONDBANNER')
	{
    return;
	}
	
  wcAnimating = 'SECONDBANNER';
	
  jQuery('#welcome-center-b1r2').animate({
    opacity: 0,
    left: 60
  }, 'fast', 'linear', function() {
    jQuery('#welcome-center-b2r1').animate({
      top: 0
    });
  });
  
  jQuery('#welcome-center-b1r1').delay(200).animate( { opacity: 0, left: 60}, 'fast' );
  jQuery('#welcome-center-curtain').delay(200)
		.animate({ 'top': '-45'}, 'fast', 'linear', function() {
    	wcLastSponsorLink = 'wcb-sponsorSet1';
	    jQuery('#wcb-sponsorSet1').delay(300).fadeIn(400, sponsorLoop); 
	  });
}

function sponsorLoop() {
	if (wcNumSponsorSets > 1) {
		switch (wcLastSponsorLink) {
		case 'wcb-sponsorSet1':
			jQuery('#wcb-sponsorSet1').delay(sponsorRowShowDuration).fadeOut( 400 );
			jQuery('#wcb-sponsorSet2').delay(sponsorRow2Delay).fadeIn( 400, function(){ 
				wcLastSponsorLink = 'wcb-sponsorSet2';
				sponsorLoop();
			});
			break;
		case 'wcb-sponsorSet2':
			jQuery('#wcb-sponsorSet2').delay(sponsorRowShowDuration).fadeOut( 400 );			
		  if (wcNumSponsorSets == 3) {
				jQuery('#wcb-sponsorSet3').delay(sponsorRow2Delay).fadeIn( 400, function(){
					wcLastSponsorLink = 'wcb-sponsorSet3';
					sponsorLoop();
				});
				jQuery('#wcb-sponsorSet2').delay(sponsorRowShowDuration).fadeOut( 400 );
			} else {
				jQuery('#wcb-sponsorSet1').delay(sponsorRow2Delay).fadeIn( 400, function(){
					wcLastSponsorLink = 'wcb-sponsorSet1';
					sponsorLoop();
				});
			}
			break;
		case 'wcb-sponsorSet3':
			jQuery('#wcb-sponsorSet3').delay(sponsorRowShowDuration).fadeOut( 400 );
			jQuery('#wcb-sponsorSet1').delay(sponsorRow2Delay).fadeIn( 400, function(){
				wcLastSponsorLink = 'wcb-sponsorSet1';
				sponsorLoop();
			});
			break;
		}
	}
}

// On page load
jQuery(document).ready(function() {
	// bind EVENT for POPUP dialog operations
	jQuery('#welcome-center-showMeBtn').mouseenter(function() {
		showPopup();
  });
  
  jQuery('#wcPopupCloseBtn').click(function() {
		hidePopup();
		return false;
  });
		
	jQuery('#welcome-center-popup').mouseleave(hidePopup);
	
	if (jQuery.browser.msie) {
  	jQuery('#welcome-center-banner-one').css('display', 'none');
  	jQuery('#welcome-center-banner-two').css('display', 'none');
		//jQuery('#modal-screen').css('opacity', 0.4);
		
		// for some reason, IE 7 push the popup box 2 pixel lower than 
		// other browser.
  	if (jQuery.browser.version < 8) 
  		jQuery('#welcome-center-popup').css('top', '43px');
  }
	
  // drop banner.
  jQuery('#welcome-center-banner-container').delay(400).animate({
    top: -10
  }, 400).animate({
    top: -20
  }, 100, 'linear', function() {
		// slide the text into place.
    jQuery('#welcome-center-b1r1').animate({
      left: 0,
      opacity: 1
    });
    jQuery('#welcome-center-b1r2').delay(200).animate({
      left: 0,
      opacity: 1
    }, 200, 'linear', function()
		{
			if (jQuery.browser.msie)
			{
				jQuery('#welcome-center-banner-one').show();
  			jQuery('#welcome-center-banner-two').show();
			}
		})
	});
	
	setTimeout('bindSponsorMouseEvents()', delayB2Animation);
	tid = setTimeout( 'bannerAnimationBegin()', delayB2Animation);
  
  jQuery.ajax({
  	type: 'GET',
  	url: wcSponsorXMLURL,
  	dataType: 'xml',
  	success: function(xml){
  		var sponsorCnt = 0;
  		var smLogo = "";
  		var lgLogo = "";
  		var spnsrLnk = "";
  		var JSponsorSm = new Array();
  		var LgHtml = new Array();
  		jQuery('<div id="wcb-sponsorSet1" class="wcb-sponsorSlide" style="display: none;" ></div>').appendTo('#welcome-center-banner-two');
  		jQuery('<div id="wcb-sponsorSet2" class="wcb-sponsorSlide" style="display: none;" ></div>').appendTo('#welcome-center-banner-two');
  		jQuery('<div id="wcb-sponsorSet3" class="wcb-sponsorSlide" style="display: none;" ></div>').appendTo('#welcome-center-banner-two');
  		jQuery('<div id="sponsorsInPopup"></div>').appendTo('#welcome-center-popup');
						
  		jQuery(xml).find('SPONSOR').each(function(){
  			if (jQuery(this).find('FEATURED').text() == 'TRUE') {
  				smLogo = jQuery(this).find('SMLOGO').text();
  				lgLogo = jQuery(this).find('LGLOGO').text();
  				spnsrLnk = jQuery(this).find('URL').text();
  				JSponsorSm[sponsorCnt] = jQuery('<span></span>').html('<a class="nounderline" href="' + spnsrLnk + '"><img src="' + smLogo + '"/></a>');
  				LgHtml[sponsorCnt] = '<a href="' + spnsrLnk + '"><img src="' + lgLogo + '" /></a><br /><a href="' + spnsrLnk + '">Learn More&nbsp;&gt;</a>';  				
					sponsorCnt++;
  			}
  		});
  		if (sponsorCnt >= 2) {
  			switch(sponsorCnt){
	  			case 2:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					jQuery('<div class="sponsorLink1Roww2"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink1Roww2"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
  					wcNumSponsorSets = 1;
						break;
	  			case 3:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					jQuery('<div class="sponsorLink1Roww3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink1Roww3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink1Roww3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					wcNumSponsorSets = 1;
						break;
	  			case 4:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					jQuery('<div class="sponsorLink2RowsRow1w2"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow1w2"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w2"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w2"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					wcNumSponsorSets = 2;
						break;
					case 5:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w2"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w2"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 2;
						break;
					case 6:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[5].appendTo('#wcb-sponsorSet2');
  					jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink2RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w3"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w3"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink2RowsRow2w3"></div>').html(LgHtml[5]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 2;
						break;
					case 7:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[5].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[6].appendTo('#wcb-sponsorSet3');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w2"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w2"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w2"></div>').html(LgHtml[5]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w2"></div>').html(LgHtml[6]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 3;
						break;
					case 8:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[5].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[6].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[7].appendTo('#wcb-sponsorSet3');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[5]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w2"></div>').html(LgHtml[6]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w2"></div>').html(LgHtml[7]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 3;
						break;
					case 9:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[5].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[6].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[7].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[8].appendTo('#wcb-sponsorSet3');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[5]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[6]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[7]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[8]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 3;
						break;
					default:
	  				JSponsorSm[0].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[1].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[2].appendTo('#wcb-sponsorSet1');
  					JSponsorSm[3].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[4].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[5].appendTo('#wcb-sponsorSet2');
  					JSponsorSm[6].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[7].appendTo('#wcb-sponsorSet3');
  					JSponsorSm[8].appendTo('#wcb-sponsorSet3');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[0]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[1]).appendTo('#sponsorsInPopup');
	  				jQuery('<div class="sponsorLink3RowsRow1w3"></div>').html(LgHtml[2]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[3]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[4]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow2w3"></div>').html(LgHtml[5]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[6]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[7]).appendTo('#sponsorsInPopup');
  					jQuery('<div class="sponsorLink3RowsRow3w3"></div>').html(LgHtml[8]).appendTo('#sponsorsInPopup');
						wcNumSponsorSets = 3;
						break;
				}
			}

  	},
		error: function(XMLHttpRequest,  textStatus, errorThrown)
		{

		}
  });
});

var debugIdx=0;
function debuglog(msg)
{
	jQuery('#debug-win').prepend( debugIdx + ':' + msg + '<br/>');
	debugIdx ++;

}