$(window).load(function(){
 $("#bottomPane").slideDown('slow'); /* Don't show until ready and z-indexing is sorted */
});
$(function(){
 $("#bottomPane").hide(); /* Hide until all loaded and z-indexed */
 var tmr1;
 var tmr2;
 var speed=600;
 var period=12000;
 $(".csstransitions #play").addClass('visible');
 $(".csstransitions #news").addClass('ready');
 $("#bannerSwitcher").show();
 var iCurrentSlide=1;
 var $slides=$('.no-csstransitions .slide').hide();
 var $CSS3slides=$('.csstransitions .slide').hide();
 $(".no-csstransitions #play").css({'zIndex':6}).show();
 var nSlides = Math.max($slides.length-1,$CSS3slides.length-1); /* ignore the non javascript warning */
 bCSS3 = false;
 if ($slides.length==0)bCSS3 = true;
 $("#javascript").hide();
 
 tmr2 = setInterval(function(){changeSlide();}, period); 
 tmr3 = setTimeout(function(){
  $slides.fadeIn();
  $CSS3slides.fadeIn();
 }, period); 
 
 function clearTimersAndStyles(){
   clearTimeout(tmr1);
   clearTimeout(tmr2);
  $("#bannerSwitcher #PromoPoints a img").removeAttr("style");
 }

 $("#bannerSwitcher #bannerPrevious").click(function(ev){
  ev.preventDefault();
   clearTimersAndStyles();
  var newSlide = iCurrentSlide-1;
  if (newSlide <1)newSlide=nSlides;
  showSlide(newSlide);
  tmr2 = setInterval(function(){changeSlide();}, period);
 });
 
 $("#bannerSwitcher #bannerNext").click(function(ev){
  ev.preventDefault();
   clearTimersAndStyles();
  var newSlide = iCurrentSlide+1;
  if (newSlide > nSlides)newSlide=1
  showSlide(newSlide);
  tmr2 = setInterval(function(){changeSlide();}, period);
 });
 
 $("#bannerSwitcher #PromoPoints a").click(function(ev){
  ev.preventDefault();
   clearTimersAndStyles();
   var $this=$(this);
   var newSlide=parseInt($this.attr("class").replace("current","").replace("HoverImgCss3","").replace("pp","").replace("selected",""));
  showSlide(newSlide);
  tmr2 = setInterval(function(){changeSlide();}, period);
 });

 function changeSlide(){
  var newSlide = iCurrentSlide+1;
  //console.log("1. newSlide="+newSlide);
  if (newSlide > nSlides)newSlide = 1;
  //console.log("2. newSlide="+newSlide);
  showSlide(newSlide);
 }
 
 function IDfromIndex(iSlide){
  switch(iSlide){
   case 1:
    strSlide="#play";
    break;
   case 2:
    strSlide="#news";
    break;
   case 3:
    strSlide="#ge";
    break;
   case 4:
    strSlide="#reminders";
    break;
   case 5:
    strSlide="#friends";
    break;
  }
  return strSlide;
 }
   
 function zoomOutSlide(iSlide){
  strSlide=IDfromIndex(iSlide);
  $(strSlide).removeClass('visible').addClass('shrink');
 }
 function readySlide(iSlide){
  strSlide=IDfromIndex(iSlide);
  $slides.removeClass('ready');
  $(strSlide).addClass('ready');
 }
  function showSlide(iSlide){
   var strSlide=".no-csstransitions " + IDfromIndex(iSlide);
   var strCSS3Slide=".csstransitions " + IDfromIndex(iSlide);
   var nextSlide=iSlide+1;
   if (nextSlide>nSlides)nextSlide=1;
   var strNextSlide=".no-csstransitions " + IDfromIndex(nextSlide);
   var strNextCSS3Slide=".csstransitions " + IDfromIndex(nextSlide);
   var $CSS3slide=$(strCSS3Slide);
   var $slide=$(strSlide);
   var $nextSlide=$(strNextSlide);
   var $nextCSS3Slide=$(strNextCSS3Slide);
   
  if (bCSS3){
   /* CSS3 beauties */
   $CSS3slides.not(strNextCSS3Slide).removeClass("ready");
   $CSS3slides.not(strCSS3Slide).removeClass("visible").removeClass("shrink").css('zIndex',4);
   $(strCurrentSlide).css('zIndex',5); /* make sure current slide is below new one */
   $nextCSS3Slide.addClass("ready"); 
   $CSS3slide.addClass("visible").css({'zIndex':6}); 
   tmr1 = setTimeout(function(){ 
     $CSS3slide.addClass("shrink").removeClass("visible");
   },period-speed);
  }else{
   /* For non-css3 garbage */
   var strCurrentSlide = '.no-csstransitions '+IDfromIndex(iCurrentSlide);
   $slides.not(strCurrentSlide).css('zIndex',4); 
   $(strCurrentSlide).css('zIndex',5); /* make sure current slide is below new one */
   $slide.hide().css({'zIndex':6}).stop().fadeIn(600)/*.find(".zoom").animate({'height':300})*/; /* fade in the new slide */
   }   
  $("#bannerSwitcher #PromoPoints a img").removeAttr("style"); /* Get rid of any hoverimg stuff */
  
  $("#bannerSwitcher #PromoPoints a").removeClass("current").removeClass("selected"); /* Belt & braces */
  $("#bannerSwitcher #PromoPoints a.pp"+iSlide).addClass("selected");
 
   iCurrentSlide=iSlide;
 }
});