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 change(){
	   for (i=0; i<document.simplecanvas.layout.length; i++) 
		{
         if (document.simplecanvas.layout[i].checked==true)
         {
            var lay = document.simplecanvas.layout[i].value;
         }
        }
		
		var changepanel='twopanel'+lay;
		var changepanelfull=changepanel+'_full';
	    document.getElementById('twopanel').innerHTML = '<img id='+changepanel+' src="images/multicanvas/thumbs/'+changepanel+'.jpg" data-zoomsrc="images/multicanvas/thumbs/'+changepanelfull+'.jpg" alt="'+changepanel+'" />';
		 var src="images/multicanvas/thumbs/"+changepanel+".jpg";
		 MojoZoom.makeZoomable(  
               document.getElementById(changepanel),   
                "images/multicanvas/thumbs/"+changepanelfull+".jpg"
                );  
		
        var changepanel='threepanel'+lay;
		var changepanelfull=changepanel+'_full';
	    document.getElementById('threepanel').innerHTML = '<img id='+changepanel+' src="images/multicanvas/thumbs/'+changepanel+'.jpg" data-zoomsrc="images/multicanvas/thumbs/'+changepanelfull+'.jpg" alt="'+changepanel+'" />';
        MojoZoom.makeZoomable(  
               document.getElementById(changepanel),   
                "images/multicanvas/thumbs/"+changepanelfull+".jpg"
                );  
	   
	   var changepanel='fourpanel'+lay;
		var changepanelfull=changepanel+'_full';
	    document.getElementById('fourpanel').innerHTML = '<img id='+changepanel+' src="images/multicanvas/thumbs/'+changepanel+'.jpg" data-zoomsrc="images/multicanvas/thumbs/'+changepanelfull+'.jpg" alt="'+changepanel+'" />';
         MojoZoom.makeZoomable(  
               document.getElementById(changepanel),   
                "images/multicanvas/thumbs/"+changepanelfull+".jpg"
                );  
		var changepanel='sixpanel'+lay;
		var changepanelfull=changepanel+'_full';
	    document.getElementById('sixpanel').innerHTML = '<img id='+changepanel+' src="images/multicanvas/thumbs/'+changepanel+'.jpg" data-zoomsrc="images/multicanvas/thumbs/'+changepanelfull+'.jpg" alt="'+changepanel+'" />';
		 MojoZoom.makeZoomable(  
               document.getElementById(changepanel),   
                "images/multicanvas/thumbs/"+changepanelfull+".jpg"
                );  
 
}
function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

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)
		{
		document.getElementById("img").style.backgroundColor='#ABE6A8';
	        document.getElementById("color").style.backgroundColor='#ffffff';
	        document.getElementById("mirror").style.backgroundColor='#ffffff';
		}
		else if(border==2)
		{
		document.getElementById("img").style.backgroundColor='#ffffff';
	        document.getElementById("color").style.backgroundColor='#ffffff';
	        document.getElementById("mirror").style.backgroundColor='#ABE6A8';
		}
		else if(border==3)
		{
		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;
		}
	 
    
	 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';
	 
	 
	  
	 }
	 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';
	  
	
     
	 
	   }
	  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';
	 
	 }
	  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';
	 	 
	 }
	 updatePrice();
}
function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
function ShowHide(divId){
	//alert(divId);
	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";
	 }
	  for (i=0; i<document.simplecanvas.canlayout.length; i++) 
		{
         if (document.simplecanvas.canlayout[i].checked==true)
         {
            var canlay = document.simplecanvas.canlayout[i].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)";
	   }
		  
	updatePrice();
 }