function myCallBack(){}
function none(){}
var myDIV;
function transitionEffect(ob,parent,effect,duration)
{
	myDIV = ob;
	
	if(effect=="slideLeftIn")
	{
		var $screenWidth = 	$("#"+parent).outerWidth();
		alert($screenWidth)
		var $marginLefty = $("#"+ob);
		
		$marginLefty.css('marginLeft',-$marginLefty.outerWidth());
		$marginLefty.css('display','block');
		$marginLefty.animate({marginLeft: $screenWidth/3},duration,'swing',function(){$marginLefty = $("#"+myDIV);
																																										
																																										$marginLefty.animate({marginLeft:(0) });myCallBack();});

	}
	
	if(effect=="slideLeft")
	{
		var $screenWidth = 	$("#"+parent).outerWidth();
		var $marginLefty = $("#"+ob);
		
		$marginLefty.css('marginLeft',-$marginLefty.outerWidth());
		$marginLefty.css('display','block');
		$marginLefty.animate({marginLeft:(0) });
		

	}
	
	if(effect=="slideRightIn")
	{
		var $screenWidth = 	$("#"+parent).outerWidth();
		var $marginLefty = $("#"+ob);
		
		$marginLefty.css('marginRight',-$marginLefty.outerWidth());
		$marginLefty.css('display','block');
		$marginLefty.animate({marginRight: $screenWidth/3},duration,'swing',function(){$marginLefty = $("#"+myDIV);
								//	alert("("+$screenWidth+"-"+$marginLefty.outerWidth()+")/"+2+"= "+(($screenWidth-$marginLefty.outerWidth())/2))																																	
																																										$marginLefty.animate({marginRight:0 });myCallBack();});

	}
	

	
	
	if(effect=="slideTopIn")
	{
		var $screenWidth = 	$("#"+parent).outerWidth();
		var $marginLefty = $("#"+ob);
		
		$marginLefty.css('marginTop',-$("#"+parent).outerWidth());
		$marginLefty.css('display','block');
		$marginLefty.animate({marginTop: $screenWidth/3},duration,'swing',function(){$marginLefty = $("#"+myDIV);
																																										
																																										$marginLefty.animate({marginTop:0},duration/2);myCallBack();});

	}
	
}


function getProductsContent(id)
{
	$("#productInfo").html("<img src='images/loading.gif'>")
	 bodyContent = $.ajax(
		 {
		  url: "ajax/ajaxGetProductInfo.php",
		  global: false,
		  type: "POST",
		  data: ({id:id, date : new Date().getTime()}),
		  dataType: "html",
		  success: function(html){
		  if(html!="")
		  {
			  	$("#productInfo").html(html)
			  	transitionEffect("productInfo","right","slideLeft",1000);
		  		
		  }
				
		  }
	   }
		).responseText;
		
}

function getPageContent(id)
{
	$("#productInfo").html("<img src='images/loading.gif'>")
	 bodyContent = $.ajax(
		 {
		  url: "ajax/ajaxGetPageInfo.php",
		  global: false,
		  type: "POST",
		  data: ({id:id, date : new Date().getTime()}),
		  dataType: "html",
		  success: function(html){
		  if(html!="")
		  {
			  	$("#productInfo").html(html)
			  	transitionEffect("productInfo","right","slideLeft",1000);
		  		
		  }
				
		  }
	   }
		).responseText;
		
}