function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 810,top = 400');");
}
function updatecolor(){
	
	var col='#'+document.getElementById("bcolor").value;
	document.getElementById("color").style.backgroundColor=col;
}
function Showbordercolor(color){
	
        if(color=='1')
	 {
	 document.getElementById("bcolor").style.backgroundColor='#ffffff';
          document.getElementById("bcolor").style.color='#000000';
	 document.simplecanvas.bcolor.value='FFFFFF';
         document.simplecanvas.bcolor.disabled=true;
	 }
	 else if(color=='0')
	 {
	 document.getElementById("bcolor").style.backgroundColor='#000000';
         document.getElementById("bcolor").style.color='#ffffff';
	 document.simplecanvas.bcolor.value='000000';
         document.simplecanvas.bcolor.disabled=true;
	 }
         else if(color=='2')
         {
         document.getElementById("bcolor").style.backgroundColor='#c0dffd';
         document.getElementById("bcolor").style.color='#000000';
	 document.simplecanvas.bcolor.value='C0DFFD';
         document.simplecanvas.bcolor.disabled=false;

         }
	
}
function Showborder(divId){
	
	 
	 document.getElementById("img").style.backgroundColor='#ffffff';
	 document.getElementById("color").style.backgroundColor='#ffffff';
	 document.getElementById("mirror").style.backgroundColor='#ffffff';
	 document.getElementById(divId).style.backgroundColor='#ABE6A8';
	 if(divId=='color')
	 {
	          document.getElementById("bordercolor_0").disabled=false;
		  document.getElementById("bordercolor_1").disabled=false;
		  document.getElementById("bordercolor_2").disabled=false;
		  document.getElementById("bordercolor_0").checked=true;
		  document.getElementById(divId).style.backgroundColor='#ABE6A8';
		 // document.getElementById("bcolor").disabled=false;
		  document.getElementById("bcolor").value='FFFFFF';
                  document.getElementById("bcolor").style.backgroundColor='#ffffff';
	 }
	 else
	 {
		  document.getElementById("bordercolor_0").disabled=true;
		  document.getElementById("bordercolor_1").disabled=true;
		  document.getElementById("bordercolor_2").disabled=true;
		  document.getElementById("bcolor").disabled=true;
		 
	 }
}
function Show(divId,id){
	var isempty=document.getElementById("bcolor").value;
	if(isempty==''||isempty==null)
	{
		isempty='ffffff';
	}
	   var col='#'+isempty;
	   for (i=0; i<document.simplecanvas.border_style.length; i++) 
		{
         if (document.simplecanvas.border_style[i].checked==true)
         {
            var border = document.simplecanvas.border_style[i].value;
         }
        }
		if(border==1&&id!='one')
		{
		document.getElementById("img").style.backgroundColor='#ABE6A8';
	        document.getElementById("color").style.backgroundColor='#ffffff';
	        document.getElementById("mirror").style.backgroundColor='#ffffff';
		}
		else if(border==2&&id!='one')
		{
		document.getElementById("img").style.backgroundColor='#ffffff';
	        document.getElementById("color").style.backgroundColor='#ffffff';
	        document.getElementById("mirror").style.backgroundColor='#ABE6A8';
		}
		else if(border==3&&id!='one')
		{
		document.getElementById("img").style.backgroundColor='#ffffff';
	        document.getElementById("color").style.backgroundColor='#ABE6A8';
	        document.getElementById("mirror").style.backgroundColor='#ffffff';
			 document.getElementById("bordercolor_0").disabled=false;
		  document.getElementById("bordercolor_1").disabled=false;
		  document.getElementById("bordercolor_2").disabled=false;
		   document.getElementById("bcolor").disabled=false;
		}
	 
     var canh=document.getElementById('canvas_h').length;
	 var myselect=document.simplecanvas.canvas_h;
	 var canw=document.getElementById('canvas_w').length;
	 var mywid=document.simplecanvas.canvas_w;
	 if(id=='one')
	 {
	 //document.getElementById("one").style.backgroundColor='#ABE6A8';
	 document.getElementById("two").style.backgroundColor='#ffffff';
	 document.getElementById("three").style.backgroundColor='#ffffff';
	 document.getElementById("four").style.backgroundColor='#ffffff';
	 document.getElementById("five").style.backgroundColor='#ffffff';
	 
	
	if(canh==41)
	{
	  for (var i=49; i < 55;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
	}
	else if(canh==43)
	{
	  for (var i=51; i < 55;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
	}
	if(canw==41)
	{
		for (var i=49; i < 97;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_w,j,i);
	      }
		
	}

	  document.getElementById("border_style1").disabled=true;
	  document.getElementById("border_style2").disabled=true;
	  document.getElementById("border_style3").disabled=true;
	      document.getElementById("bordercolor_0").disabled=true;
		  document.getElementById("bordercolor_1").disabled=true;
		  document.getElementById("bordercolor_2").disabled=true;
		   document.getElementById("bcolor").disabled=true;
	//  document.getElementById("border_style1").checked=false;
	 // document.getElementById("border_style2").checked=false;
	  //document.getElementById("border_style3").checked=false;
	  document.getElementById("img").style.backgroundColor='#ffffff';
	  document.getElementById("color").style.backgroundColor='#ffffff';
	  document.getElementById("mirror").style.backgroundColor='#ffffff';
	  
			
	 }
	 else if(id=='two')
	 {
	// document.getElementById("one").style.backgroundColor='#ffffff';
	 document.getElementById("two").style.backgroundColor='#ABE6A8';
	 document.getElementById("three").style.backgroundColor='#ffffff';
	 document.getElementById("four").style.backgroundColor='#ffffff';
	 document.getElementById("five").style.backgroundColor='#ffffff';
	 
	if(canh==43)
	{
	   myselect.remove(myselect.length-2);
	   myselect.remove(myselect.length-1);
	}
	else if(canh==47)
	{
	   myselect.remove(myselect.length-6);
	   myselect.remove(myselect.length-5);
	   myselect.remove(myselect.length-4);
	   myselect.remove(myselect.length-3);
	   myselect.remove(myselect.length-2);
	   myselect.remove(myselect.length-1);
	
	}
	
	if(canw!=41)
	{
		
		for (var i=48; i > 0;i--){
		 		 
			   mywid.remove(mywid.length-i);
	      }
		
	}
	
	  document.getElementById("border_style1").disabled=false;
	  document.getElementById("border_style2").disabled=false;
	  document.getElementById("border_style3").disabled=false;
	  
	 }
	 else if(id=='three')
	 {
	// document.getElementById("one").style.backgroundColor='#ffffff';
	 document.getElementById("two").style.backgroundColor='#ffffff';
	 document.getElementById("three").style.backgroundColor='#ABE6A8';
	 document.getElementById("four").style.backgroundColor='#ffffff';
	 document.getElementById("five").style.backgroundColor='#ffffff';
	  
	if(canh==41)
	{
	  for (var i=49; i < 55;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
	}
	else if(canh==43)
	{
	  for (var i=51; i < 55;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
	}
	if(canw==41)
	{
		for (var i=49; i < 97;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_w,j,i);
	      }
		
	}
      document.getElementById("border_style1").disabled=false;
	  document.getElementById("border_style2").disabled=false;
	  document.getElementById("border_style3").disabled=false;
	 
	   }
	  else if(id=='four')
	 {
	// document.getElementById("one").style.backgroundColor='#ffffff';
	 document.getElementById("two").style.backgroundColor='#ffffff';
	 document.getElementById("three").style.backgroundColor='#ffffff';
	 document.getElementById("four").style.backgroundColor='#ABE6A8';
	 document.getElementById("five").style.backgroundColor='#ffffff';
	   
	   
	  if(canh==47)
	  {
	   myselect.remove(myselect.length-4);
	   myselect.remove(myselect.length-3);
	   myselect.remove(myselect.length-2);
	   myselect.remove(myselect.length-1);
	  }
	  else if(canh==41)
	  {
		  for (var i=49; i < 51;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
		  
	  }
	if(canw==41)
	{
		for (var i=49; i < 97;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_w,j,i);
	      }
		
	}
	  document.getElementById("border_style1").disabled=false;
	  document.getElementById("border_style2").disabled=false;
	  document.getElementById("border_style3").disabled=false;
	 }
	  else if(id=='five')
	 {
	 //document.getElementById("one").style.backgroundColor='#ffffff';
	 document.getElementById("two").style.backgroundColor='#ffffff';
	 document.getElementById("three").style.backgroundColor='#ffffff';
	 document.getElementById("four").style.backgroundColor='#ffffff';
	 document.getElementById("five").style.backgroundColor='#ABE6A8';
	 var myselect=document.simplecanvas.canvas_h;
	  
	   if(canh==47)
	   {
	   
	   myselect.remove(myselect.length-4);
	   myselect.remove(myselect.length-3);
	   myselect.remove(myselect.length-2);
	   myselect.remove(myselect.length-1);
		   //document.simplecanvas.canvas_h.remove(i);
			 // removeOption(document.simplecanvas.canvas_h,j,i);
	      
	   }
	    else if(canh==41)
	   {
		  for (var i=49; i < 51;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_h,j,i);
	      }
		  
	  }
	if(canw==41)
	{
		for (var i=49; i < 97;i++){
		  var j=i+'"';
		 
			  addOption(document.simplecanvas.canvas_w,j,i);
	      }
		
	}
	  document.getElementById("border_style1").disabled=false;
	  document.getElementById("border_style2").disabled=false;
	  document.getElementById("border_style3").disabled=false;
	 
	 }
	 updatePrice();
}
function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
function ShowHide(divId){
	
	if(divId=='custom')
	  {
		document.simplecanvas.canvas_h.disabled=false;
		document.simplecanvas.canvas_w.disabled=false;
		for (i=0; i<document.simplecanvas.CanSize.length; i++) 
		{
		 document.simplecanvas.CanSize[i].disabled=true;
         if (document.simplecanvas.CanSize[i].checked==true)
         {
		  //document.simplecanvas.CanSize[i].checked=false;
         }
        }  
		
	  }
	else if(divId=='standard'){
		 document.simplecanvas.canvas_h.disabled=true;
		 document.simplecanvas.canvas_w.disabled=true;
		 for (i=0; i<document.simplecanvas.CanSize.length; i++) 
		 {
		 document.simplecanvas.CanSize[i].disabled=false;
         }  
		 
		}
	updatePrice();
 }