// this are the base jquery calls to enable rich user interface with palm based application
// there should be a palm.css file that will style this elements appropriately

$(document).ready(function(){

	$('input').eq(0).focus();

	$(".togglebox .title").click(function()
	 {
		$(this).next('.togglebox .body').slideToggle(300);
	 });
			 
 //hide all body elements from toggleboxes
	 $(".show").show();

 //hide all body elements from toggleboxes
	$(".hide").hide();


	///////////   Togglebox functions ////////////////////////////////////////////////////

	 $(".toggle .title").click(function()
		 {
	   		$(this).next('.toggle .body').slideToggle(300);
		 });

	 $(".toggle .hide").hide();
	 $(".toggle .show").show();

	///////////   Message box functions ////////////////////////////////////////////////////
		//slide up message
	
		   $('.message2').hide();
		   $(".message2").fadeTo("fast", .2);
		   $(".message2").slideToggle(300);
		   $(".message2").fadeTo("slow	", .9);		
		
		  //close the message box when cross red image is clicked
		  $(".message2").click(function()
		  {
	  		//alert("asdf");
	        $(".message2").fadeTo("slow", .2);
	        $(".message2").slideToggle(300);
		  });

		   $('.message3').hide();
		   $(".message3").fadeTo("fast", .2);
		   $(".message3").slideToggle(300);
		   $(".message3").fadeTo("slow	", .9);		
		
		  //close the message box when cross red image is clicked
		  $(".message3").click(function()
		  {
		  		//alert("asdf");
		        $(".message3").fadeTo("slow", .2);
		        $(".message3").slideToggle(300);
		  });

////////// Date picker //////////////////////////////////////////

	
	$(".datepicker").datepicker(
		{	
		changeYear:true, 
		changeMonth:true, 
		beforeShow: function() { 
			if($(this).attr('value') !== ''){
				$(this).datepicker('setDate',   new Date ( $(this).attr('value') )  );
			}		
		 }
	 });
	 
	 

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

	///////////   class tagged  functions ////////////////////////////////////////////////////		
		$("table.draggable").tableDnD({
			onDragClass: "dragging"					
			}); 
		
		//make table sortable
        $("table.sortable").tablesorter({
			widgets: ['zebra'],
			widgetZebra: {css: ["dark","light"]} 
			
		}); 

		//have els fade in when mouse over
		$(".fader").fadeTo("fast", 0.5);
		$(".fader").hover(function(){
		     	 $(this).fadeTo("slow", 1); },function(){$(this).fadeTo("slow", 0.5);
				   	});


// Submit site dim

   	$("input[type='submit']").attr('class','submit');   
	$("input[type='submit']").fadeon(".body", {opacity:.3, message:'Please Wait'	});
});