/****************************************
$().ready()
- this function is triggered when all page elements have been loaded
and are ready to be manipulated. just like onload="init()"
****************************************/

/*
Notes:
Mouseovers currently don't work well in IE6 and below. The problem:
IE6 doesn't support tranparent pngs well, and we use a lot of gradient backgrounds that are good for png's. PNG issues are fixed by some javascript library (jquery.pngfix.js) but this breaks the mouseovers the way we do them here. Therefore, to make mousovers work well in IE6 and below, the mouseover buttons should not be png's or a different mouseover method shold be tried.

To make the mouseover's work in IE6, comment the lines related to buttons below that have this format:
//IE png fix.
 $("#BUTTON_NAME").pngfix();
*/



$().ready(function(){

  //signup form background
  if($(".call1").length) {  
    $(".call1").pngfix();    
  }
//skills buttons background
  if($("#skills_buttons").length) {  
    $("#skills_buttons").pngfix();    
  }
				   
	$("#txtEmail").focus(function() {
	   if (this.value == "Email Address"){
		 this.value = "";		 
	   }
	 });
	$("#txtEmail").blur(function() {
	   if (this.value == ""){
		 this.value = "Email Address";
	   }
	 }); 


//Preschool skills button
  if($("#but-pre").length) {
    	//IE png fix.
    $("#but-pre").pngfix();
    $("#but-pre").hover(function() {
      $(this).addClass('but-pre-on');
    }, function() {
      $(this).removeClass('but-pre-on');
    }).click(function() {
     $("div#tog-ttl").text( "Preschool Skills");
     $("div#tog-txt").text( "Leveled learning activities teach key skills for school, such as counting, math and phonics skills.");
    });
  }
  if($("#but-comp").length) {
  	//IE png fix.
    $("#but-comp").pngfix();
    $("#but-comp").hover(function() {
      $(this).addClass('but-comp-on');
    }, function() {
      $(this).removeClass('but-comp-on');
    }).click(function() {
     $("div#tog-ttl").text( "Computer Skills");
     $("div#tog-txt").text( "ClickStart My First Computer introduces basic computing skills such as keyboard navigation, screen navigation and mousing.");
    });
  }
//Sign up submit
  if($("#but-sign").length) {
    //IE png fix.
    $("#but-sign").pngfix();
    $("#but-sign").hover(function() {
        $(this).addClass('but-sign-on');
    }, function() {
        $(this).removeClass('but-sign-on');
    }).click(function() {
    	alert('To implement sign up form');
    	return false;
    });       
  }	   
   //Special offers button
  if($("#cs-special-but").length) {
    //IE png fix.
    $("#cs-special-but").pngfix();
    $("#cs-special-but").hover(function() {
      $(this).addClass('cs-special-but-over');
    }, function() {
      $(this).removeClass('cs-special-but-over');
    }).click(function() {
    	alert('To implement speical offer button');
    	return false;
    });
  }
  
//Demo button
  if($("#but-demo").length) {
    	//IE png fix.
    $("#but-demo").pngfix();
    $("#but-demo").hover(function() {
      $(this).addClass('but-demo-on');
    }, function() {
      $(this).removeClass('but-demo-on');
    }).click(function() {processActionPlayDemo("http://www2.leapfrog.com/environments/clickstart/shell.html");
    });
  }



$(window).bind('load', function() {
  $.preloadImages("../img/but_skills_preschool_on.png", "../img/but_skills_computer_on.png", "../img/but-sign_on.png", "../img/but-demo_on.png",  "../img/but-buynow_on.png", "..img/but-visit-lp_on.png");
});
	
	
	//Buy Now button
  if($("#but-buynow").length) {
    	//IE png fix.
    $("#but-buynow").pngfix();
    $("#but-buynow").hover(function() {
      $(this).addClass('but-buynow-on');
    }, function() {
      $(this).removeClass('but-buynow-on');
    }).click(function() {window.location = "http://www.leapfrog.com/en/families/clickstart/cs_clickstart.html";
    });
  }

});