$(document).ready(

  function(){

    $("#info-panel-content").hide();
    $("#info-panel").css('width',($("img#cartoon-image").width()-20));
    $("#rating").css('width',($("img#cartoon-image").width()-20));
    $("#info-panel-toggle").click(
      function () { 
        $("#info-panel-content").slideToggle();
      }
    );


    //hover brick buttons
    $('#buttons li')
      .removeClass('highlight')
      .find('a')
      .append('<span class="hover"></span>')
      .each(function(){
        //cache the new span
        var $span = $('> span.hover', this).css('opacity',0);
        $(this).hover(function(){
          //on hover
          $span.stop().fadeTo(250,1);
        }, function(){
          //off hover
          $span.stop().fadeTo(750,0);
        })
      });


  //hide everything else from IE 6 and lower
  if ($.browser.msie && jQuery.browser.version <= 6) return;
  
  $("#sharing-main-options a").hover(function(){
    $(this).stop().animate({marginTop: "-4px"},"fast");
  },function(){
    $(this).stop().animate({marginTop: "0"},"fast");      
  });


	// Fade in cartoon once loaded
	// there are issues with this, so temporarily dissabling it.
  return;
	
	$("#cartoon").css({opacity:"0"});
	$("#wall").prepend('<img id="loader" src="/resources/loader.gif" style="position:absolute; left:467px; top:215px; z-index:999;"/>').load();

	$("#cartoon-image").load( function(){
		$("#loader").hide();
		$("#cartoon").show().animate({opacity:"1"});
	});


});