$(document).ready(function(){

    var myclass = $("#controls").attr("class");
    var mycolor = "#"+$("#controls").attr("rel");
    
    //$("body,html").css({"backgroundColor":mycolor});
    $(".globalw").css({"backgroundColor":mycolor});
    
    var selectedpics = $("#selectmenu a."+myclass+" img");
    var selectedpicsover = $(selectedpics).attr("rel");
    
    $(selectedpics).unbind("mouseout");
    $(selectedpics).attr({'src':selectedpicsover});
	
	var pix= $(selectedpics).attr("role");
	var myvalue = 0-pix;	
	$(selectedpics).parent().css({backgroundPosition: "0px "+myvalue+"px"});

	$("#selectmenu").append('<li><a id="back">MENU</a><li>');

    $("#back").toggle(function(){

    
        $("#selectmenu li a:not(."+myclass+")").parent().hide();
            
        
    
        $("#back").parent().show();
    
    },function(){
    
        $("#selectmenu li").show();
        
        var i=2;
        $('#selectmenu img').each(function(){
	 		
	 		var mypic = $(this);
	 		$(this).data("orig",$(mypic).attr("src"));
			$(this).hide();
			
			var mwait=i*50;
			
			setTimeout(function(){
			     $(mypic).stop().show("blind", { direction: "horizontal"  }, 1000);
			},mwait);
			
			i++;
			       
	});
        
    
    });
    
   
   
    $("#back").trigger("click"); 
    
    
   

});