function loadmainimage(image)
{
	document.getElementById("mainimage").src=image;
	//document.getElementById("backmainimage").src=image;
	// alert(image);
  
}
function loaduserimage1(image)
{
	
		
			document.getElementById("userimage1").src=image;
		
	
	// alert(image);
  
}

function uparrow1()
{
	

			  
			
				var str = document.getElementById("userimage").style.top;
				//alert(str);
			
					var result = str.split('p');
			
					result=result[0];
				//alert(result[0]);
				var result1=parseInt(result)-2;
				if(result1>=450)
				{
					document.getElementById("userimage").style.top=result1+"px";
				}
				else
				{
			//	alert("you are exceeding up arrow");
				}
	
}
function downarrow1()
{
	 
			  
				var str = document.getElementById("userimage").style.top;
				//alert(str);
				var result = str.split('p');
				result=result[0];
				//alert(result[0]);
				var result1=parseInt(result)+2;
					var frontimageheight=document.getElementById("userimage").style.height;
			
				frontimageheight=aplitpx(frontimageheight);
				
				if((frontimageheight+result1)<600)
			
				{
				document.getElementById("userimage").style.top=result1+"px";
				}
				else
				{
					//alert("you r exceeding down arrow");
				}
	
}

function leftarrow1()
{
	
			var str = document.getElementById("userimage").style.left;
			//alert(str);
			var result = str.split('p');
			result=result[0];
			//alert(result[0]);
			var result1=parseInt(result)-2;
			
			
		
			if(result1>135)
			{
			document.getElementById("userimage").style.left=result1+"px";
			}
			else
			{
				//alert("your exeed left arrow ");
			}
	
}
function rightarrow1()
{
	
					
			var str = document.getElementById("userimage").style.left;
			
				var result = str.split('p');
				result=result[0];
				var result1=parseInt(result)+2;
				
			var frontimagewidth=document.getElementById("userimage").style.width;
			
				frontimagewidth=aplitpx(frontimagewidth);
				
			if((frontimagewidth+result1)<320)
			{
				 
				document.getElementById("userimage").style.left=result1+"px";
				
			}
			else
			{
				//alert("you are exceeding right arrow");
			}
	
	
}
function zoomin()
{
	 	      
				var frontimagewidth=document.getElementById("userimage").style.width;
				frontimagewidth=aplitpx(frontimagewidth);
				frontimagewidth=frontimagewidth+2;
				
				var frontimageheight=document.getElementById("userimage").style.height;
				frontimageheight=aplitpx(frontimageheight);
				frontimageheight=frontimageheight+2
				
				var frontimageleft=document.getElementById("userimage").style.left;
				frontimageleft=aplitpx(frontimageleft);
				var frontimagetop=document.getElementById("userimage").style.top;
				frontimagetop=aplitpx(frontimagetop);
		
		  if(frontimagewidth+frontimageleft>=300)
		  {
			alert("you are exceeding boundry level");  
		  }
		 else if(frontimageheight+frontimagetop>=600)
		  {
			alert("you are exceeding boundry level");  
		  }
		  else
		  {
		
			 if(frontimagewidth<140)
			   {
				 document.getElementById("userimage").style.width=frontimagewidth+"px";
					document.getElementById("userimage1").width=frontimagewidth;
			   }
			   else
			   {
				    alert("you are exceeding zoom level");
			   }
			    if(frontimageheight<140)
			   {
				document.getElementById("userimage").style.height=frontimageheight+"px";
				document.getElementById("userimage1").height=frontimageheight;
			   }
		  }
		 
			   
			   
	
}

function zoomout()
{
	
			   	var frontimagewidth=document.getElementById("userimage1").width;
			
				
				frontimagewidth=frontimagewidth-2;
				
				var frontimageheight=document.getElementById("userimage1").height;
			
		
				frontimageheight=frontimageheight-2
					
				document.getElementById("userimage").style.width=frontimagewidth+"px";
				document.getElementById("userimage1").width=frontimagewidth;
			 
				document.getElementById("userimage").style.height=frontimageheight+"px";
				document.getElementById("userimage1").height=frontimageheight;
			   
}






function alignment(alignment)
{
	if(document.getElementById("tshirt").checked==true)
		{
				document.getElementById("userimage").align=alignment;
			
		}
		if(document.getElementById("tshirt1").checked==true)
		{
				
			document.getElementById("backuserimage").align=alignment;
		}
}



function text1(row,textvalue)
{
	
			if(row=='r1')
			{
				document.getElementById("text1font").innerHTML=textvalue;
				document.getElementById("r1textt").value=textvalue;
			}
			else if(row=='r2')
			{
				document.getElementById("text2font").innerHTML=textvalue;
				document.getElementById("r2textt").value=textvalue;
			}
			else if(row=='r3')
			{
				document.getElementById("text3font").innerHTML=textvalue;
				document.getElementById("r3textt").value=textvalue;
			}
			
		
		
	
		
}

function changefonesize(row,fontsiz)
{
			 if(row=='r1')
			{
				document.getElementById("text1font").size=fontsiz;
				document.getElementById("r1textfontweihid").value=fontsiz;
			}
			else if(row=='r2')
			{
				document.getElementById("text2font").size=fontsiz;
				document.getElementById("r2textfontweihid").value=fontsiz;
			}
			else if(row=='r3')
			{
				document.getElementById("text3font").size=fontsiz;
				document.getElementById("r3textfontweihid").value=fontsiz;
			}
			
	
}

function changefontstyle(row,fontstyle)
{
					if(row=='r1')
			{
				document.getElementById("text1font").style.fontFamily=fontstyle;
				document.getElementById("r1fontstyle").value=fontstyle;
			}
			else if(row=='r2')
			{
				document.getElementById("text2font").style.fontFamily=fontstyle;
				document.getElementById("r2fontstyle").value=fontstyle;
			}
			else if(row=='r3')
			{
				document.getElementById("text3font").style.fontFamily=fontstyle;
				document.getElementById("r3fontstyle").value=fontstyle;
			}
		
	
	
}

function changefontcolor(row,fontstyle)
{
	
			if(row=='r1')
			{
				document.getElementById("text1font").style.color=fontstyle;
				document.getElementById("r1textcolor").value=fontstyle;
			}
			else if(row=='r2')
			{
				document.getElementById("text2font").style.color=fontstyle;
				document.getElementById("r2textcolor").value=fontstyle;
			}
			else if(row=='r3')
			{
				document.getElementById("text3font").style.color=fontstyle;
				document.getElementById("r3textcolor").value=fontstyle;
			}
			
		
	
}

function changetextalign(row,textalign)

{
	
			if(row=='r1')
			{
				document.getElementById("text1").align=textalign;
				document.getElementById("r1textalign").value=textalign;
				
			}
			else if(row=='r2')
			{
				document.getElementById("text2").align=textalign;
				document.getElementById("r2textalign").value=textalign;
			}
			else if(row=='r3')
			{
				document.getElementById("text3").align=textalign;
				document.getElementById("r3textalign").value=textalign;
			}
			
	
}

function selecttexttab()
{

		document.getElementById("userimage").style.visibility="hidden";
		document.getElementById("captext").style.visibility="visible";
		document.getElementById("design_type").value="text";
	
	
	
}

function selectdesigntab(image_type1)
{
	document.getElementById("userimage").style.visibility="visible";
		document.getElementById("captext").style.visibility="hidden";
		document.getElementById("design_type").value="image";
		document.getElementById("image_type").value=image_type1;
	
}

/**************** Front t shirt preview ***************/

function addtocart()
{
	
	if(confirm("Are You Sure Want TO Buy this Product"))
	{
		var designtype=document.getElementById("design_type").value;
		if(designtype=='text')
		{
			frontfontpreview()
			
		}
		else if(designtype=='image')
		{
			 
			 frontpreview1();
			
		}
	}
	else
	{
	}
	
}


function frontpreview1()
{

			 var mainimage=document.getElementById("mainimage").src;			
			var userimage=document.getElementById("userimage1").src;			 
			var frontimageleft=document.getElementById("userimage").style.left;	
			var result = frontimageleft.split('p');
			result=result[0];
			//alert(result[0]);
			var frontimageleft=parseInt(result)+2;
			
			var frontimagetop=document.getElementById("userimage").style.top;
			var result = frontimagetop.split('p');
			result=result[0];
			//alert(result[0]);
			var frontimagetop=parseInt(result)+2;
			
			var userimagewidth=document.getElementById("userimage1").width;
			var userimageheight=document.getElementById("userimage1").height;
			
			var mug_id=document.getElementById("mug_id2").value;
			 var quantity=document.getElementById("quantity").value;
			 var singlecost=document.getElementById("cost").value;
			 var offer=document.getElementById("offer").value;
			 var offer_id=document.getElementById("offer_id").value;
			 var total_cost=document.getElementById("total_cost").value;
			
			 var image_type=document.getElementById("image_type").value;
	
	         var url1="?mainimage="+mainimage+"&userimage="+userimage+"&frontimageleft="+frontimageleft+"&frontimagetop="+frontimagetop+"&userimagewidth="+userimagewidth+"&userimageheight="+userimageheight+"&mug_id="+mug_id+"&quantity="+quantity+"&singlecost="+singlecost+"&offer="+offer+"&offer_id="+offer_id+"&total_cost="+total_cost+"&design_type=image"+"&image_type="+image_type;
			 var url="merge_two_image.php"+url1;
			
			
			document.getElementById("value1").value=url;
			//alert(url);
			 datastoreing(url1,url);
			//alert(url);
		// cap_image_gen(url);
		   
			//document.getElementById("preview").value=url;
			//	document.getElementById("imagepreview").src=url;
				
	
	
}

function frontfontpreview()
{
	
	
		
	var row1text=document.getElementById("r1textt").value;
	var row1fontwei=document.getElementById("r1textfontweihid").value;
	var row1fonttype=document.getElementById("r1fontstyle").value;
	
	var row1textalign=document.getElementById("r1textalign").value;
	var row1fontcolor=document.getElementById("r1textcolor").value;
	row1fontcolor=row1fontcolor.replace('#', 'h');
	
	
	var row2text=document.getElementById("r2textt").value;
	var row2fontwei=document.getElementById("r2textfontweihid").value;
	var row2fonttype=document.getElementById("r2fontstyle").value;	
	var row2textalign=document.getElementById("r2textalign").value;
	var row2fontcolor=document.getElementById("r2textcolor").value;
	row2fontcolor=row2fontcolor.replace('#', 'h');
	
	
	var row3text=document.getElementById("r3textt").value;
	var row3fontwei=document.getElementById("r3textfontweihid").value;
	var row3fonttype=document.getElementById("r3fontstyle").value;	
	var row3textalign=document.getElementById("r3textalign").value;
	var row3fontcolor=document.getElementById("r3textcolor").value;
	row3fontcolor=row3fontcolor.replace('#', 'h');
	
	 var mug_id=document.getElementById("mug_id2").value;
	 var quantity=document.getElementById("quantity").value;
	 var singlecost=document.getElementById("cost").value;
	 var offer=document.getElementById("offer").value;
	 var offer_id=document.getElementById("offer_id").value;
	 var total_cost=document.getElementById("total_cost").value;
	
	 
	
	var mainimage=document.getElementById("mainimage").src;

var urltext="?row1text="+row1text+"&row1fontwei="+row1fontwei+"&row1fonttype="+row1fonttype+"&row1textalign="+row1textalign+"&row1fontcolor="+row1fontcolor+"&row2text="+row2text+"&row2fontwei="+row2fontwei+"&row2fonttype="+row2fonttype+"&row2textalign="+row2textalign+"&row2fontcolor="+row2fontcolor+"&row3text="+row3text+"&row3fontwei="+row3fontwei+"&row3fonttype="+row3fonttype+"&row3textalign="+row3textalign+"&row3fontcolor="+row3fontcolor+"&mainimage="+mainimage+"&mug_id="+mug_id+"&quantity="+quantity+"&singlecost="+singlecost+"&offer="+offer+"&offer_id="+offer_id+"&total_cost="+total_cost+"&design_type=text";
 var url="write_text.php"+urltext;

			document.getElementById("value1").value=url;
			datastoreing(urltext,url);
		 // cap_image_gen(url);
		  
 //document.getElementById("textpreview").value=url;
 //document.getElementById("frontpreview").src=url;
	
}


//aplting the px value
function aplitpx(str)
{
		var result = str.split('p');
				result=parseInt(result[0]);
				return result;
}

//hiding the moving arrow 


function frontimagearrowhiding()
{
	
		var str = document.getElementById("userimage").style.left;
			var result = str.split('p');
			result=result[0];
			var result1=parseInt(result)+2;
			var frontimagewidth=document.getElementById("userimage").style.width;
			frontimagewidth=aplitpx(frontimagewidth);
			
		    if((frontimagewidth+result1)<320)
			{
				
					 
				
			
				 if(document.getElementById("rightarrow").style.visibility!='visible')
				  {
						document.getElementById("rightarrow").style.visibility="visible";
						document.getElementById("rightarrow").style.position="absolute";
						document.getElementById("disrightarrow").style.visibility="hidden";
						document.getElementById("disrightarrow").style.position="absolute";
				  }
			}
			else
			{
				
				
				 if(document.getElementById("rightarrow").style.visibility!='hidden')
				  {
					
					document.getElementById("disrightarrow").style.visibility="visible";
					document.getElementById("disrightarrow").style.position="absolute";
					document.getElementById("rightarrow").style.visibility="hidden";
					document.getElementById("rightarrow").style.position="absolute";
				  }
			}// JavaScript Document
			
	//left arrow

		if((result1-4)>135)
			{
				 
				  if(document.getElementById("leftarrow").style.visibility!='visible')
				  {
					document.getElementById("leftarrow").style.visibility="visible";
					document.getElementById("leftarrow").style.position="absolute";
						document.getElementById("disleftarrow").style.visibility="hidden";
						document.getElementById("disleftarrow").style.position="absolute";
				  }
			}
			else
			{
				
				  if(document.getElementById("leftarrow").style.visibility!='hidden')
				  {
					document.getElementById("disleftarrow").style.visibility="visible";
					document.getElementById("disleftarrow").style.position="absolute";
					document.getElementById("leftarrow").style.visibility="hidden";
					document.getElementById("leftarrow").style.position="absolute";
				  }
			}
			
			//down arrow
			
		var str = document.getElementById("userimage").style.top;
				//alert(str);
				var result = str.split('p');
				result=result[0];
				var result1=parseInt(result)+2;
					var frontimageheight=document.getElementById("userimage").style.height;
			
				frontimageheight=aplitpx(frontimageheight);
				
				if((frontimageheight+result1)<600)
			
				{
					if(document.getElementById("downarrow").style.visibility!='visible')
				  {
					document.getElementById("downarrow").style.visibility="visible";
					document.getElementById("downarrow").style.position="absolute";
					document.getElementById("disdownarrow").style.visibility="hidden";
					document.getElementById("disdownarrow").style.position="absolute";
				  }
				}
				else
				{
						if(document.getElementById("downarrow").style.visibility!='hidden')
					  {
						document.getElementById("disdownarrow").style.visibility="visible";
						document.getElementById("disdownarrow").style.position="absolute";
					document.getElementById("downarrow").style.visibility="hidden";
					document.getElementById("downarrow").style.position="absolute";
					  }
				}
				
				//up arrow
				
				
				var str = document.getElementById("userimage").style.top;
				//alert(str);
			
					var result = str.split('p');
			
					result=result[0];
				//alert(result[0]);
				var result1=parseInt(result)-2;
				if(result1>=450)
				{
				  if(document.getElementById("uparrow").style.visibility!='visible')
				  {
						document.getElementById("uparrow").style.visibility="visible";
						document.getElementById("uparrow").style.position="absolute";
						document.getElementById("disuparrow").style.visibility="hidden";
						document.getElementById("disuparrow").style.position="absolute";
				  }
				}
				else
				{
					 if(document.getElementById("uparrow").style.visibility!='hidden')
					  {
						document.getElementById("disuparrow").style.visibility="visible";
						document.getElementById("disuparrow").style.position="absolute";
					document.getElementById("uparrow").style.visibility="hidden";
					document.getElementById("uparrow").style.position="absolute";
					  }
				}
	
}




function addquantity(quantity)
{
	
	var price=document.getElementById("cost").value;
	var offer=document.getElementById("offer").value;
	
	
	if(offer>=1)
	{ 
	
		var total_cost=parseInt(price)*parseInt(quantity);
		
		var offercost=(parseInt(total_cost)*parseInt(offer))/100;
		
		document.getElementById("total_cost").value=total_cost-offercost;
	}
	else
	{
	document.getElementById("total_cost").value=parseInt(price)*parseInt(quantity);
	
	}
	
}


function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

var xmlHttp1;
function image_pagination(albam_id,pag_id)
{


xmlHttp1=GetXmlHttpObject();
if (xmlHttp1==null)
  {
 alert ("Your browser does not support AJAX!");
  return;
  } 
	

//alert(url);
//url=url+"&sid="+Math.random();
var url="image_pagination.php?albam_id="+albam_id+"&pagenum="+pag_id;


xmlHttp1.onreadystatechange=statepaginationChanged;
xmlHttp1.open("GET",url,true);
xmlHttp1.send(null);

} 

function statepaginationChanged() 
{ 
if (xmlHttp1.readyState==4)
{ 
var status=xmlHttp1.responseText;
  document.getElementById("image_albam").innerHTML=status;
}
else
{
//document.getElementById("hh1").innerHTML=" <img src=../images/loader.gif style=padding-top:300px >";	


}

}


var xmlHttp1;
function predefined_pagination(pag_id)
{


xmlHttp1=GetXmlHttpObject();
if (xmlHttp1==null)
  {
 alert ("Your browser does not support AJAX!");
  return;
  } 
	

//alert(url);
//url=url+"&sid="+Math.random();
var url="pre_image_pagination.php?pagenum="+pag_id;


xmlHttp1.onreadystatechange=statepreChanged;
xmlHttp1.open("GET",url,true);
xmlHttp1.send(null);

} 

function statepreChanged() 
{ 
if (xmlHttp1.readyState==4)
{ 
var status=xmlHttp1.responseText;
  document.getElementById("image_albam1").innerHTML=status;
}
else
{
//document.getElementById("hh1").innerHTML=" <img src=../images/loader.gif style=padding-top:300px >";	


}

}

//dynamic php image generation 
var xmlHttp1;
function cap_image_gen()
{


xmlHttp1=GetXmlHttpObject();
if (xmlHttp1==null)
  {
 alert ("Your browser does not support AJAX!");
  return;
  } 
	
	var url=document.getElementById("value1").value;	
	 var temp_id=document.getElementById("cap_tempid").value;
     url=url+"&temp_id="+temp_id;

alert(url);
//url=url+"&sid="+Math.random();



xmlHttp1.onreadystatechange=stateimagegenChanged;
xmlHttp1.open("GET",url,true);
xmlHttp1.send(null);

} 

function stateimagegenChanged() 
{ 
if (xmlHttp1.readyState==4)
{ 
var status=xmlHttp1.responseText;
window.location="../check_out.php";
}
else
{
//document.getElementById("hh1").innerHTML=" <img src=../images/loader.gif style=padding-top:300px >";	


}

}


//data store in to the database

var xmlHttp3;
function datastoreing(url,image_url)
{


xmlHttp3=GetXmlHttpObject();
if (xmlHttp3==null)
  {
 alert ("Your browser does not support AJAX!");
  return;
  } 
	

//alert(url);
//url=url+"&sid="+Math.random();

var url="store_cap.php"+url;


xmlHttp3.onreadystatechange=stateimagestoreChanged;
xmlHttp3.open("GET",url,true);
xmlHttp3.send(null);

} 

function stateimagestoreChanged() 
{ 
if (xmlHttp3.readyState==4)
{ 
		var status=xmlHttp3.responseText;
		
		  if(status!='error')
		{
			 document.getElementById("cap_tempid").value=status;			
			 cap_image_gen();
			
		
		}
		else
		{
		  alert("your cap is not added .Please try again");	
		}
}
else
{
//document.getElementById("hh1").innerHTML=" <img src=../images/loader.gif style=padding-top:300px >";	


}

}