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)<540)
			
				{
				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>200)
			{
			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)<290)
			{
				 
				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>=290)
		  {
			alert("you are exceeding boundry level");  
		  }
		 else if(frontimageheight+frontimagetop>=540)
		  {
			alert("you are exceeding boundry level");  
		  }
		  else
		  {
		
			 if(frontimagewidth<90)
			   {
				 document.getElementById("userimage").style.width=frontimagewidth+"px";
					document.getElementById("userimage1").width=frontimagewidth;
			   }
			   else
			   {
				    alert("you are exceeding zoom level");
			   }
			    if(frontimageheight<90)
			   {
				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=frontimagewidth+"px";
				document.getElementById("userimage1").height=frontimagewidth;
			   
}






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)
{

var result=row.split("r");
var val=result[1];
	
		
				document.getElementById("text"+val+"font").innerHTML=textvalue;
				document.getElementById("r"+val+"textt").value=textvalue;
			
			
			
		
		
	
		
}

function changefonesize(row,fontsiz)
{
	
	var result=row.split("r");
var val=result[1];

		
				document.getElementById("text"+val+"font").size=fontsiz;
				document.getElementById("r"+val+"textfontweihid").value=fontsiz;
		
			
	
}

function changefontstyle(row,fontstyle)
{
	
		var result=row.split("r");
var val=result[1];
				
				document.getElementById("text"+val+"font").style.fontFamily=fontstyle;
				document.getElementById("r"+val+"fontstyle").value=fontstyle;
	
		
		
	
	
}

function changefontcolor(row,fontstyle)
{
		
		var result=row.split("r");
		var val=result[1];
	
		
				document.getElementById("text"+val+"font").style.color=fontstyle;
				document.getElementById("r"+val+"textcolor").value=fontstyle;
		
		
	
}

function changetextalign(row,textalign)

{
	var result=row.split("r");
		var val=result[1];
	
		
				document.getElementById("text"+val).align=textalign;
				document.getElementById("r"+val+"textalign").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?"))
	{
		frontfontpreview()
	}
	else
	{
	}
	
}




function frontfontpreview()
{
	
	
		 var mainimage=document.getElementById("mainimage").src;
			
			var userimage=document.getElementById("userimage1").src;
			
		
	
	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 row4text=document.getElementById("r4textt").value;
	var row4fontwei=document.getElementById("r4textfontweihid").value;
	var row4fonttype=document.getElementById("r4fontstyle").value;	
	var row4textalign=document.getElementById("r4textalign").value;
	var row4fontcolor=document.getElementById("r4textcolor").value;
	row4fontcolor=row4fontcolor.replace('#', 'h');
	
	
	var row5text=document.getElementById("r5textt").value;
	var row5fontwei=document.getElementById("r5textfontweihid").value;
	var row5fonttype=document.getElementById("r5fontstyle").value;	
	var row5textalign=document.getElementById("r5textalign").value;
	var row5fontcolor=document.getElementById("r5textcolor").value;
	row5fontcolor=row5fontcolor.replace('#', 'h');
	
	var row6text=document.getElementById("r6textt").value;
	var row6fontwei=document.getElementById("r6textfontweihid").value;
	var row6fonttype=document.getElementById("r6fontstyle").value;	
	var row6textalign=document.getElementById("r6textalign").value;
	var row6fontcolor=document.getElementById("r6textcolor").value;
	row6fontcolor=row6fontcolor.replace('#', 'h');
	
	var row7text=document.getElementById("r7textt").value;
	var row7fontwei=document.getElementById("r7textfontweihid").value;
	var row7fonttype=document.getElementById("r7fontstyle").value;	
	var row7textalign=document.getElementById("r7textalign").value;
	var row7fontcolor=document.getElementById("r7textcolor").value;
	row7fontcolor=row7fontcolor.replace('#', 'h');
	
	var row8text=document.getElementById("r8textt").value;
	var row8fontwei=document.getElementById("r8textfontweihid").value;
	var row8fonttype=document.getElementById("r8fontstyle").value;	
	var row8textalign=document.getElementById("r8textalign").value;
	var row8fontcolor=document.getElementById("r8textcolor").value;
	row8fontcolor=row8fontcolor.replace('#', 'h');
	
	var row9text=document.getElementById("r9textt").value;
	var row9fontwei=document.getElementById("r9textfontweihid").value;
	var row9fonttype=document.getElementById("r9fontstyle").value;	
	var row9textalign=document.getElementById("r9textalign").value;
	var row9fontcolor=document.getElementById("r9textcolor").value;
	row9fontcolor=row9fontcolor.replace('#', 'h');
	
	
	
	
	 var busi_id=document.getElementById("business_id2").value;
	 var quantity=document.getElementById("quantity").value;
	 quantity=(quantity*1000)
	 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 card_type=document.getElementById("card_type").value;
	
	 
	 /*
	+"&mainimage="+mainimage+"&cap_id="+cap_id+"&quantity="+quantity+"&singlecost="+singlecost+"&offer="+offer+"&offer_id="+offer_id+"&total_cost="+total_cost+"&color="+color+"&design_type=text";*/
	

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+"&row4text="+row4text+"&row4fontwei="+row4fontwei+"&row4fonttype="+row4fonttype+"&row4textalign="+row4textalign+"&row4fontcolor="+row4fontcolor+"&row5text="+row5text+"&row5fontwei="+row5fontwei+"&row5fonttype="+row5fonttype+"&row5textalign="+row5textalign+"&row5fontcolor="+row5fontcolor+"&row6text="+row6text+"&row6fontwei="+row6fontwei+"&row6fonttype="+row6fonttype+"&row6textalign="+row6textalign+"&row6fontcolor="+row6fontcolor+"&row7text="+row7text+"&row7fontwei="+row7fontwei+"&row7fonttype="+row7fonttype+"&row7textalign="+row7textalign+"&row7fontcolor="+row7fontcolor+"&row8text="+row8text+"&row8fontwei="+row8fontwei+"&row8fonttype="+row8fonttype+"&row8textalign="+row8textalign+"&row8fontcolor="+row8fontcolor+"&row9text="+row9text+"&row9fontwei="+row9fontwei+"&row9fonttype="+row9fonttype+"&row9textalign="+row9textalign+"&row9fontcolor="+row9fontcolor+"&mainimage="+mainimage+"&busi_id="+busi_id+"&quantity="+quantity+"&singlecost="+singlecost+"&offer="+offer+"&offer_id="+offer_id+"&total_cost="+total_cost+"&design_type=text&userimage="+userimage+"&cardtype="+card_type;
 var url="write_text.php"+urltext;


	document.getElementById("value1").value=urltext;
		datastoreing(urltext);
		 // 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)<290)
			{
				
					 
				
			
				 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)>200)
			{
				 
				  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)<540)
			
				{
					if(document.getElementById("downarrow").style.visibility!='visible')
				  {
					document.getElementById("downarrow").style.visibility="visible";
					document.getElementById("downarrow").style.positio="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.positio="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.positio="absolute";
						document.getElementById("disuparrow").style.visibility="hidden";
						document.getElementById("disarrow").style.positio="absolute";
				  }
				}
				else
				{
					 if(document.getElementById("uparrow").style.visibility!='hidden')
					  {
						document.getElementById("disuparrow").style.visibility="visible";
						document.getElementById("disuparrow").style.positio="absolute";
					document.getElementById("uparrow").style.visibility="hidden";
					document.getElementById("uparrow").style.positio="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("image_albam").innerHTML=" <img src=../images/loading.gif align=center >";	


}

}


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("image_albam1").innerHTML=" <img src=../images/loading.gif align=center >";	


}

}

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


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

var urltext=document.getElementById("value1").value;
var url="write_text.php"+urltext+"&tempid="+tempid;
url=url+"&sid="+Math.random();



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

} 

function stateimagegenChanged() 
{ 
if (xmlHttp1.readyState==4)
{ 

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)
{
xmlHttp3=GetXmlHttpObject();
if (xmlHttp3==null)
  {
 alert ("Your browser does not support AJAX!");
  return;
  } 
	
var url="store_businesscard.php"+url;


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

} 

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


}

}





function calculate_quantitycost(quantity)
{
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			
			var status1 = ajaxRequest.responseText;
		
		document.getElementById("cost1").value=status1;
			
			var cost_val=document.getElementById("cost1").value;
		var mat_val=document.getElementById("matfinish").value;
			document.getElementById("cost").value=parseFloat(cost_val)+parseFloat(mat_val);
			addquantity(quantity);
			//alert(status1);
			
						/*if(offer=='No Offer')
						{
							document.getElementById("offercost"+value).value="No Offer";
						}
						else
						{
							var offer_cost=(status1*offer)/100;
							status2=status1-offer_cost;
							document.getElementById("offercost"+value).value=status2;
						}
							
			document.getElementById("cost"+value).value=status1;
			
					document.getElementById("totalcost"+value).value=total_cost;
					calculating_totalcost(strlength);*/
		}
	}
	
var business_id=document.getElementById("business_id2").value;
	var url="calculate_quantity_cost.php?business_id="+business_id+"&quantity="+quantity;
	
	
	ajaxRequest.open("GET", url, true);
	ajaxRequest.send(null); 
	
		
	
}






function calculate_matfnishcost(matfinish)
{
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			
			var status1 = ajaxRequest.responseText;
	//alert(status1);
		document.getElementById("matfinish").value=status1;
		var cost_val=document.getElementById("cost1").value;
		var mat_val=document.getElementById("matfinish").value;
			document.getElementById("cost").value=parseFloat(cost_val)+parseFloat(mat_val);
		addquantity(quantity);
		//	alert(status1);
			
						/*if(offer=='No Offer')
						{
							document.getElementById("offercost"+value).value="No Offer";
						}
						else
						{
							var offer_cost=(status1*offer)/100;
							status2=status1-offer_cost;
							document.getElementById("offercost"+value).value=status2;
						}
							
			document.getElementById("cost"+value).value=status1;
			
					document.getElementById("totalcost"+value).value=total_cost;
					calculating_totalcost(strlength);*/
		}
	}
	
var business_id=document.getElementById("business_id2").value;
var quantity=document.getElementById("quantity").value;
	var url="calculate_matfinish_cost.php?business_id="+business_id+"&quantity="+quantity+"&matfinish="+matfinish;
	
	ajaxRequest.open("GET", url, true);
	ajaxRequest.send(null); 
	
		
	
}