jQuery(document).ready(function($){
    $('mainbox').show("normal").animate({width:"100%", opacity:1},"fast"), 
	$('mainbox').animate({height:'100%'},100);
  

    $('#newstabs').tabs();
	
	$('div.rounded, div.roundedblue, div.roundedgreen, div.roundedgray, div.roundedorange').corner();
    $("div.box, div.plain, div.boxgreen").corner('bevel');
    $("#abs").corner("cc:#08e");
	
	$("#hidePanel").click(function(){
		$("#panel").animate({height:"0px"}, 500);
		$("#panel").animate({marginLeft:"-250px"}, 500 );
		$("#leftcol").animate({width:"0px", opacity:0}, 400 );
		//$("#rightcol").animate({marginLeft:"15px"}, 500);
		$("#showPanel").show("normal");		
	});
	$("#showPanel").hover(function(){
	    $("#panel").show("normal").animate({width:"200px", opacity:1}, 200);
		$("#panel").animate({height:"100%"}, 500);
		//$("#rightcol").animate({marginLeft:"200px"}, 200);
		$("#panel").animate({marginLeft:"0px"}, 400 );
		$("#leftcol").animate({width:"200px", opacity:1}, 400 );
		$("#showPanel").hide("slow");
	});
	//to hide initially.
	$("#panel").hide();
	$("#showPanel").show("normal");
	// first tab selected
    //$("#tabs").tabs({cache: true });
    //$("#tabs").tabs({ajaxOptions:{async: false}});
	$('.ulc li a').hover(function() {
		$(this).animate({ backgroundColor: '#0f0' }, 'slow');
	},
		function() {
		$(this).animate({ backgroundColor: '#eee' }, 400);
	});
	spectrum();  
	
	function spectrum(){  
    var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';  
  	$('.header').animate( { backgroundColor: hue }, 1000);  
    spectrum();  
	}
	
  	

})