$(document).ready(function(){
		

		 //hide the all of the element with class msg_body
		 $(".togglebox .body").hide();
		 
		 
		 //toggle the componenet with class msg_body
		 $(".togglebox .title").click(function()
			 {
		   		$(this).next(".togglebox .body").slideToggle(300);
			 });
			 
			 
			   $("table.draggable").tableDnD({onDragClass: "dragging"});
			 
			 
			  //first slide down and blink the message box
				  $(".message").animate({
				  bottom: "0px"
				  }, 2000 );
				
				  //close the message box when cross red image is clicked
				  $("#close_message").click(function()
				  {
				  		//alert("asdf");
				        $(".message").fadeOut("slow");
				  });

	///////////   tab box  functions ////////////////////////////////////////////////////		
	// creates tab box menu / div setup
	    $("#tabbox > ul").tabs({ fx: { opacity: 'toggle' } });
    	//alert('hi');


	 




        $(".sortable").tablesorter(); 

		 $(".togglebox .body").eq(0).slideToggle(300);
		// $(".togglebox .body .open").slideToggle(300);
		 
		$(".fader").fadeTo("fast", 0.33);
		$(".fader").hover(function(){
		     	 $(this).fadeTo("slow", 1); },function(){$(this).fadeTo("slow", 0.5);
				   	});

		// focus on first text field on page with a form class of focus 
		$('form.focus input').eq(0).focus();
			
		$('a.title').cluetip({splitTitle: '|'});	
});