window.onload = function() {                  
      new Ajax.Request( "Listproduct.php",
	       { method: "GET",
		     onComplete: showProduct
		   }
	  );
 }

function showProduct(product) {    
      $("content_area").innerHTML = product.responseText;
   Listorder();
}

 function Listorder() {
      new Ajax.Request( "ShoppingCart.php",
	       { method: "GET",
		     onComplete: showCart
		   }
	  );
	 }     

 function showCart(result) {
            $("cartinfo").innerHTML = result.responseText;
  }

function NewOrder(element) {
	   var additem = element.id;
	     new Ajax.Request( "ShoppingCart.php?additem=" + additem,
	            { method: "GET",
		          onComplete: showCart		 
				 }
			 );
}

function processbarClear() {
	 var progressIndicator = '<img src="image/34.gif" /> กำลังยกเลิก...';
			$("clearcart").innerHTML=progressIndicator;
			setTimeout("ClearOrder()", 1000);
	}

 function ClearOrder() {
	 $("clearcart").innerHTML="";
	  var url = "ClearShoppingCart.php";
      new Ajax.Request( url,
	       { method: "GET",
		     onComplete: showCart
		   }
	  );
	 }     

function DragProduct(element) {        
	var idproduct = element.id
		 new Draggable(idproduct,
			            { revert: true, ghosting: true }
		 );
}

function NewOrderDrag(element) {                    
  		var additem = element.id;
        var url = "ShoppingCart.php?additem=" + additem;          
		     new Ajax.Request( url,
	            { method: "GET",
		          onComplete: showCart
		        }
			 );
}

  function handdleEvent(element) {
     var ids = element.id;
	  Event.observe(ids, "mouseover", processToolTip);
	  Event.observe(ids, "mouseout", clearToolTip);
	  Event.observe(ids, "click", clearToolTip);
  }

function processToolTip(event) {
		 var ids = Event.element(event).id;
  		     new Ajax.Request( "GetTooltipData.php?id=" + ids,
	            { method: "GET",
		          onComplete: detailToolTip
				 }
            );
	  $("tooltip").style.display = "block";
	   $("tooltip").style.width =  465+"px";
	   $("tooltip").style.background = "#ccc";
	   $("tooltip").style.fontSize = "small";
	   $("tooltip").style.padding = 5+ "px";  
	   $("tooltip").style.position = "absolute";
       $("tooltip").style.top =Event.pointerY(event) +"px";   
       $("tooltip").style.left = Event.pointerX(event)-280 +"px";	
}

function detailToolTip(result) {
    $("tooltip").innerHTML= result.responseText;

  }

  function clearToolTip(event) {
	    $("tooltip").style.display = "none";
  }

function processbarForm() {
	 var progressIndicator = '<p style= "color: blue">กำลังส่งข้อมูล<br/><img src="image/loading.gif" /></p> ';
			$("infoform").innerHTML=progressIndicator;
			setTimeout("contactRequest()", 1000);
	}

function contactRequest() {
	var  cname= $F("name");
	var  cemail = $F("email");
	var  cmessage = $F("message");
	var url = "ContactSave.php?cname="+cname+"&cemail="+cemail+"&cmessage="+cmessage;
              new Ajax.Request( url,
                 { method: "GET",
 			        onComplete: saveResult
		   }
       );
}

  function  saveResult(result) {
	    $("infoform").innerHTML= result.responseText;
	 }

  function openWithoutNavigation(url){
     var URL = url;
	 var name= "registration";
	 var width = 460;
	 var height = 500;
              window.open( 
			                     URL,                       
								 name,                    
							    'toolbar=0, menubar=0, location=0, scrollbars=1, resizable=1'+  (width?',width='+width:'')+
                                 (height?',height='+height:''),          
						         true              
               );
  }