function tooLong(strTest,maxLength)
{

if(strTest.value.length > maxLength)
{
strTest.value = strTest.value.substr(0,125);

}
}

function updatePrice() {
	var i;
		/*for (i=0; i<document.orderform.CanType.length; i++) 
		{
         if (document.orderform.CanType[i].checked==true)
         {
            var ctype = document.orderform.CanType[i].value;
         }
        }*/
	    var ctype = document.orderform.CanType.value;
		
		if(ctype>8 && ctype<13)
		{
			   
				 
				  var canvas_size = document.orderform.canlayout.value;
				
				  for (i=0; i<document.orderform.CanSize.length; i++) 
				   {
					 if (document.orderform.CanSize[i].checked==true)
					 {
						var csize = document.orderform.CanSize[i].value;
					 }
					}  
					//alert(csize);
					 var usethis =new Array();
			ctype=ctype-8;		 
		 if(canvas_size=="twopanel")
		 {
		  usethis=twopanel[csize];
		  }
		 else if(canvas_size=='threepanel')
		 {
			 usethis=threepanel[csize];
		 }
		 else if(canvas_size=='fourpanel')
		 {
			 usethis=fourpanel[csize];
		 }
		  else if(canvas_size=='foursqr')
		 {
			 usethis=foursqr[csize];
		 }
		  else if(canvas_size=='sixsqr')
		 {
			 usethis=sixsqr[csize];
		 }
		 else if(canvas_size=='ninesqr')
		 {
			 usethis=ninesqr[csize];
		 }
		// var ii=usethis[1];
		 //alert(ii);
 		 var ccost = usethis[ctype];
	     //alert(ccost);
		 var height=usethis[5];
		 var width=usethis[6];
		}
		else
		{
		 var height=document.orderform.canvas_h.value;
		 var width=document.orderform.canvas_w.value;
		var x=height*width/144;
		
		 if(ctype<6)
		{
			for(var j=0;j<custprices.length;j++)
		   {
			 
			  var k=j+1;
			  if(x>custprices[j]&&x<custprices[k])
			  {
				 var rr=custprices[j];
				  var rang=ranges[rr][0];
    		  }
		    }
			var y=Math.sqrt(x);
		}
		 else  
		{
		    var y=x;
			var rang='0';
		}
		 
			  
			  var z;
			  var pid=ctype+"-"+rang;
			   z=product[pid][0];		 
			   var ccost=y*z;
			//alert(ccost); 
			  
		}
			 var baseprice=ccost;
			      var en= document.getElementById("coloropts").value;
				//alert(en);
				 if(en==0)
				 {
					 
				 }
				 else
				 {
					 if(en==1)
					 {
						 ccost=(ccost*1)+(15*1); 
						
					 }
					  if(en==2)
					 {
						 ccost=(ccost*1)+(15*1); 
					 }
					
				 }
				 document.getElementById("copt").innerHTML='<img src="images/enh/enh_'+en+'.jpg"  alt="color"/>';
			var en1= document.getElementById("retouchopts").value;
				 if(en1==0)
				 {
				 }
				 else
				 {
					 if(en1==3)
					 {
					 ccost=(ccost*1)+(15*1); 
					 }
					 if(en1==4)
					 { ccost=(ccost*1)+(50*1); 
					 }
					 document.getElementById("ropt").innerHTML='<img src="images/enh/enh_'+en1+'.jpg"  alt="retouch"/>';
				 }
				 var en2= document.getElementById("oilopts").value;
					
				 if(en2==0)
				 {
				 }
				 else
				 {
					 if(en2==5)
					 {
					 ccost=(ccost*1)+(79*1); 
					 }
					 if(en2==6)
					 { ccost=(ccost*1)+(249*1); 
					 }
					 document.getElementById("oopt").innerHTML='<img src="images/enh/enh_'+en2+'.jpg"  alt="oil paintings"/>';
				 }
		//alert(en+','+en1+','+en2);
		 for (i=0; i<document.orderform.enh_text.length; i++) 
		{
         if (document.orderform.enh_text[i].checked==true)
         {
            var text = document.orderform.enh_text[i].value;
         }
        }
		if(text==1)
		{
			ccost=(ccost*1)+(15*1);
                        //document.orderform.textoptions.style.display=block;
                        document.getElementById("font").disabled=false;
                        document.getElementById("position").disabled=false;
                        document.getElementById("color1").disabled=false;
                        document.getElementById("textbold").disabled=false;
                        document.getElementById("textitalic").disabled=false;
                        document.getElementById("fontsize").disabled=false;
                        document.getElementById("text").disabled=false;
                        document.getElementById("samplefonts").style.display="block";
                        document.getElementById("samplepositions").style.display="block";
                        document.getElementById("samplesizes").style.display="block";
						

		}
                else
                {
                        document.getElementById("font").disabled=true;
                        document.getElementById("position").disabled=true;
                        document.getElementById("color1").disabled=true;
                        document.getElementById("textbold").disabled=true;
                        document.getElementById("textitalic").disabled=true;
                        document.getElementById("fontsize").disabled=true;
                        document.getElementById("text").disabled=true;
			            document.getElementById("samplefonts").style.display="none";
                        document.getElementById("samplepositions").style.display="none";
                        document.getElementById("samplesizes").style.display="none";							

		           }
			//alert(en); 
     //alert('cost:'+ccost);  
	    ccost = ccost.toFixed(2);
		document.getElementById('CanTotal').value = '$' + ccost;
		document.getElementById('CanTotalX').value = ccost;
		document.getElementById('base').value = baseprice;
		//alert(baseprice);
		//grey();

}
function checkSimple () {

	var extensions = new Array("jpg","jpeg","pdf");
	var image_file = document.orderform.uploadedfile.value;
	var image_length = document.orderform.uploadedfile.value.length;
	var pos = image_file.lastIndexOf('.') + 1;
	var ext = image_file.substring(pos, image_length);
	var final_ext = ext.toLowerCase();
	var err="" ;
	var valid=0;
	var flag=0;
		  if(image_file==''||image_file==null)
		  {
			  alert("please select an image for upload");
			  return false;
		  }
		  if(document.orderform.canvasname.value==''||document.orderform.canvasname.value=='NULL')
		  {
			  err=err+'please name your canvas';
			  flag++;
			}
		   for (i = 0; i < extensions.length; i++)
		   {
			 if(extensions[i] == final_ext)
			 {
				 valid=1;
			  }
		   } 
	     if(valid==0)
	       {
		   flag++;
		   err=err+"You must upload an image file with one of the following extensions: "+ extensions.join(', ') +".\n\n";
		   }
     
			   if (document.getElementById('copy').checked)
			   {
				//popBOX('<div style="padding: 6px;"><img src="http://www.canvaspress.com/images/upload_anim.gif" width="295" height="162" alt="Uploading..." /></div>','305');
			   }
			   else 
			    {
			       flag++;
			       err=err+'Please check the Copyright Agreement.';
			     }
		if(flag==0)
		{
			popBOX('<div style="padding: 6px;"><img src="http://www.canvaspress.com/images/upload_anim.gif" width="295" height="162" alt="Uploading..." /></div>','305');
			window.scrollTo(0,0);
			return true;
		}
		else
		{
			alert(err);
			return false;
		}
	
}
function Showstyleborder(){
	
	/*for (var i=0; i<document.orderform.CanType.length; i++) 
		{
         if (document.orderform.CanType[i].checked==true)
         {
            var id = document.orderform.CanType[i].value;
         }
        }
*/
 var id = document.orderform.CanType.value;

 document.getElementById("showctype").innerHTML='<img src="images/order/'+id+'.jpg" alt="'+id+'" />';
if(id<9 || id>12)
{ 
if(id==13)
{
	var alum=document.getElementById("alum_size").value;
	if(portrait==1)
    {
	var hei=alum.split("x")[1];
	var wid=alum.split("x")[0];
	}
	else
	{
	var hei=alum.split("x")[0];
	var wid=alum.split("x")[1];
	}
	document.getElementById("canvas_h").value=hei;
    document.getElementById("canvas_w").value=wid;
}
var preh=document.getElementById("canvas_h").value;
var prew=document.getElementById("canvas_w").value;
var preh=new Number(preh);
var prew=new Number(prew);
var imgh=sysimg[2];
var imgw=sysimg[1];
var ratio=sysimg[3];
var origh = new Number((imgh * 1) * (ratio * 1));
//origh=origh.toFixed(0);
var dpi='';
var origw = new Number((imgw * 1) * (ratio * 1));
//origw=origw.toFixed(0);
var portrait=0;
if(origh>origw)
{
	portrait=1;
}
if(prew>preh)
{
	dpi=origw/prew;
}
else if(prew < preh)
{
	dpi=origh/preh;
}
else 
{
	if(origw>origh)
	{
		dpi=origw/prew;
	}
	else
	{
		dpi=origh/preh;
	}
	
}
dpi=dpi.toFixed(0);
//alert('DPI @ '+prew+' x '+preh+' is   '+dpi);
//document.write(origh);
//document.write(origw);
//alert(origh);

//alert('DPI :  '+dpi+' @ '+prew+ ' x ' +preh);
//var arr=getElementsByClassName('list','div');
//alert(arr);
//var bg='sub_'+id;
//document.getElementById(bg).style.backgroundColor="#ABE6A8";
if(id!=13)
{
removeAllOptions(document.orderform.canvas_h);	
removeAllOptions(document.orderform.canvas_w);	
if(portrait==1)
{
var minh=sizes[id][0];
var minw=sizes[id][1];
var maxh=sizes[id][2];
var maxw=sizes[id][3];
}
else
{
var minw=sizes[id][0];
var minh=sizes[id][1];
var maxw=sizes[id][2];
var maxh=sizes[id][3];
}

for(var i=minh;i<=maxh;i++)
{
	var j=i+'"';
	addOption(document.orderform.canvas_h,j,i);
	
}
for(var i=minw;i<=maxw;i++)
{
	var j=i+'"';
	addOption(document.orderform.canvas_w,j,i);
}
setSelectedIndex(document.getElementById("canvas_h"),preh);
setSelectedIndex(document.getElementById("canvas_w"),prew);
}
}
else
{
		   
		      var canvas_size = document.orderform.canlayout.value;
				for (i=0; i<document.orderform.CanSize.length; i++) 
				   {
					 if (document.orderform.CanSize[i].checked==true)
					 {
						var csize = document.orderform.CanSize[i].value;
					 }
					}
						 
				 
				 
					 for (i=0; i<document.orderform.layout.length; i++) 
				   {
					 if (document.orderform.layout[i].checked==true)
					 {
						var layou = document.orderform.layout[i].value;
					 }
					}
				//	alert('am');    	
			if((canvas_size=='foursqr')||(canvas_size=='ninesqr'))
			{
				
				
			}
			else
			{
				if(csize==5)
				{
					csize=4;
				}
			}
		 if(canvas_size=='twopanel')
		 {
		  usethis=twopanel[csize];
		 }
		 else if(canvas_size=='threepanel')
		 {
			 usethis=threepanel[csize];
		 }
		 else if(canvas_size=='fourpanel')
		 {
			 usethis=fourpanel[csize];
		 }
		  else if(canvas_size=='foursqr')
		 {
			 usethis=foursqr[csize];
		 }
		  else if(canvas_size=='sixsqr')
		 {
			 usethis=sixsqr[csize];
		 }
		 else if(canvas_size=='ninesqr')
		 {
			 usethis=ninesqr[csize];
		 }
		// var ii=usethis[1];
		 //alert(ii);
		// var ct=id-8;
 		// var ccost = usethis[ct];
	     //alert(ccost);
		 var height=usethis[5];
		 var width=usethis[6];
		 if(layou=='v')
		 {
		 document.getElementById("canvas_w").value=width;
		 document.getElementById("canvas_h").value=height;
		 }
		 else
		 {
		 document.getElementById("canvas_w").value=height;
		 document.getElementById("canvas_h").value=width; 
		 }
		
ShowHide();
}
var rad='';
var bid='';

	bid=border[id].length;
	
	/*      for(var x=0; x<bds.length; x++) {
               var borderid="bod_"+bds[x];
				document.getElementById(borderid).style.display="none";
			 }
			 */
		
			/*var borderid="bod_"+border[id][y];
			 for(var x=0; x<bds.length; x++) {
               if (bds[x] == border[id][y]) 
			   {
				document.getElementById(borderid).style.display="block";
			   }
			 
			 }*/
			 if(bid==0)
			 {
				 document.getElementById("borders").style.display="none";
				 document.getElementById("bordersdiv").style.display="none";
			 }
			 else
			 {
				  document.getElementById("bordersdiv").style.display="block";
				  document.getElementById("borders").style.display="block";
			 }
			var bod = document.orderform.border.value; 
		 document.getElementById("showborder").innerHTML='<img src="images/order/border_'+bod+'.jpg" alt="'+bod+'" />';
         if(bod==3||bod==8)
		 {
			 document.getElementById("bordercolor").style.display="block";
		 }
		 else
		 {
			 document.getElementById("bordercolor").style.display="none";
		 }

 updatePrice(); 

 var demoimg=canvas_size+layou;
 document.getElementById('demo').innerHTML="<img src='images/order/"+demoimg+".jpg' alt='multipiece'  border='0'/>";
 
  
}
function setSelectedIndex(s, valsearch)
{
// Loop through all the items in drop down list
for (i = 0; i< s.options.length; i++)
{
if (s.options[i].value == valsearch)
{
// Item is found. Set its property and exit
s.options[i].selected = true;
break;
}
}
return;
}
function addOption(selectbox,text,value )
{

var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
function removeAllOptions(selectbox)
{
var i;
for(i=selectbox.options.length-1;i>=0;i--)
{
selectbox.remove(i);
}
}
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			current.style.backgroundColor="#ffffff";
			returnElements.push(current);
		}
	}
	return returnElements;
}
function checkSimple () {

	var extensions = new Array("jpg","jpeg");
	var image_file = document.upload.uploadedfile.value;
	var image_length = document.upload.uploadedfile.value.length;
	var pos = image_file.lastIndexOf('.') + 1;
	var ext = image_file.substring(pos, image_length);
	var final_ext = ext.toLowerCase();
	var err="" ;
	var valid=0;
	var flag=0;
		  if(image_file==''||image_file==null)
		  {
			  alert("please select an image for upload");
			  return false;
		  }
		  if(document.upload.canvasname.value==''||document.upload.canvasname.value=='NULL')
		  {
			  err=err+'please name your project';
			  flag++;
			}
		   for (i = 0; i < extensions.length; i++)
		   {
			 if(extensions[i] == final_ext)
			 {
				 valid=1;
			  }
		   } 
	     if(valid==0)
	       {
		   flag++;
		   err=err+"You must upload an image file with one of the following extensions: "+ extensions.join(', ') +".\n\n";
		   }
     
			   if (document.getElementById('copy').checked)
			   {
				//popBOX('<div style="padding: 6px;"><img src="http://www.canvaspress.com/images/upload_anim.gif" width="295" height="162" alt="Uploading..." /></div>','305');
			   }
			   else 
			    {
			       flag++;
			       err=err+'Please check the Copyright Agreement.';
			     }
		if(flag==0)
		{
			document.getElementById('mask').style.display="block";
			window.scrollTo(0,0);
			return true;
		}
		else
		{
			alert(err);
			return false;
		}
	
}
function ShowHide(){
	//alert(divId);
	
	var divId;
	//alert('am');
	             for (i=0; i<document.orderform.CanSize.length; i++) 
				   {
					 if (document.orderform.CanSize[i].checked==true)
					 {
						var csize = document.orderform.CanSize[i].value;
					 }
					}
	    var csqr='CanSize1'+csize;
		var pan='CanSize'+csize;						 
	var cl=document.getElementById("canlayout").value;
	if(cl=="foursqr" || cl=="ninesqr")
	{
		divId="sqr";
		
		document.getElementById(pan).checked=true;
		document.getElementById(csqr).checked=false;
		
	}
	else
	{
		divId="panel";
		document.getElementById(pan).checked=false;
		if(csize==5)
		{
			 csqr='CanSize14';
		}
		document.getElementById(csqr).checked=true;
	}
	//alert(csqr);
	
	if(divId=="panel")
	  {
		  //alert(divId);
		document.getElementById("panel").style.display="block";
		document.getElementById("sqr").style.display="none";
	 }
	else if(divId=="sqr"){
		//alert(divId);
		document.getElementById("panel").style.display="none";
		document.getElementById("sqr").style.display="block";
	 }
	
            var canlay = document.orderform.canlayout.value;
        
	   if(canlay=='twopanel')
	   {
		 document.getElementById('36x24').innerHTML="  (2- 18x24)";
		 document.getElementById('48x32').innerHTML="  (2- 24x32)";
		 document.getElementById('60x40').innerHTML="  (2- 30x40)";
		 document.getElementById('72x48').innerHTML="  (2- 36x48)";
	   }
	   if(canlay=='threepanel')
	   {
		 document.getElementById('36x24').innerHTML="  (3- 12x24)";
		 document.getElementById('48x32').innerHTML="  (3- 16x32)";
		 document.getElementById('60x40').innerHTML="  (3- 20x40)";
		 document.getElementById('72x48').innerHTML="  (3- 24x48)";
	   }
	   if(canlay=='fourpanel')
	   {
		 document.getElementById('36x24').innerHTML="  (4-  9x24)";
		 document.getElementById('48x32').innerHTML="  (4- 12x32)";
		 document.getElementById('60x40').innerHTML="  (4- 15x40)";
		 document.getElementById('72x48').innerHTML="  (4- 18x48)";
	   }
	   if(canlay=='sixsqr')
	   {
		 document.getElementById('36x24').innerHTML="  (6- 12x12)";
		 document.getElementById('48x32').innerHTML="  (6- 16x16)";
		 document.getElementById('60x40').innerHTML="  (6- 20x20)";
		 document.getElementById('72x48').innerHTML="  (6- 24x24)";
	   }
	  if(canlay=='foursqr')
	  {
		 document.getElementById('24x24').innerHTML="  (4- 12x12)";
		 document.getElementById('36x36').innerHTML="  (4- 18x18)";
		 document.getElementById('48x48').innerHTML="  (4- 24x24)";
		 document.getElementById('60x60').innerHTML="  (4- 30x30)";
		 document.getElementById('72x72').innerHTML="  (4- 36x36)";
	   }
	   if(canlay=='ninesqr')
	   {
		 document.getElementById('24x24').innerHTML="  (9-   8x8)";
		 document.getElementById('36x36').innerHTML="  (9- 12x12)";
		 document.getElementById('48x48').innerHTML="  (9- 16x16)";
		 document.getElementById('60x60').innerHTML="  (9- 20x20)";
		 document.getElementById('72x72').innerHTML="  (9- 24x24)";
	   }
		  
	
 }
 function enhance(id)
 {
	// alert(id);
	 if(id==1)
	 {
	             var en= document.getElementById("coloropts").value;
				//alert(en);
				 if(en==0)
				 {
					
					// pixidou.Imageupdate();
					 
				 }
				 else
				 {
					if(en==1)
					 {
					     //  pixidou.BWImageupdate();
	                      //pixidou.applyGreyScaleTool();		
					 }
					 if(en==2)
					 { 
					      // pixidou.SEImageupdate();
	                      // pixidou.applySepiaTool();			
					 
					 }
					 
				 }
	 }
				
			 updatePrice();  	 
 }