$(document).ready(function(){

$("#hello h1").animate({top: "8px"}, 2000 );


$("#switch .s1") .click( function() {
	$("#switch") .css("background-position" , "0 132px");
	$("#container") .animate({width: "464px"}, 1000);
 });

$("#switch .s2") .click( function() {
	$("#switch") .css("background-position" , "0 88px");
	$("#container") .animate({width: "100%"}, 600);
 });

$("#switch .s3") .click( function() {
	$("#switch") .css("background-position" , "0 44px");
	$("#container") .animate({width: "4176px"}, 1000);
 });

    
$("#interact .menupix ul li").click(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#interact .pixinfo p").html(imgAlt);         
     });


$("#think .menupix ul li").click(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#think .pixinfo p").html(imgAlt);         
     });


$("#thinkquest .menupix ul li").click(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#thinkquest .pixinfo p").html(imgAlt);         
     });


$("#illustrate .menupix ul li").click(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#illustrate .pixinfo p").html(imgAlt);         
     });


$("#brand .menupix ul li").click(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#brand .pixinfo p").html(imgAlt);         
     });


$("#numyum .numpix ul li").hover(function(){
          //Set Variables
          var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image         
          $("#numyum .pixinfo p").html(imgAlt);         
     });




});