function PickColor(whichone)
{
 window.open('ColorPick.asp?whichone=' + whichone,'colorWindow','top=100,left=200,width=520,height=435,scrollbars=no,,resizable=no');
 }
 
function WallColorPick()
{
  window.open('WallColorPick.asp','colorWindow2','top=210,left=450,width=270,height=270,scrollbars=no,,resizable=no');
}



// <input type="hidden" id="HasImageWeightHeight" name="HasImageWeightHeight" value="<%=HasImageWeightHeight%>">


  
function SetMatOption(choice)
{
 // alert(choice);
  theForm.MatType.value = choice;
  if (choice == "None")
    {
      document.getElementById ("TopLarge").disabled = true;
      document.getElementById ("TopSmall").disabled = true;
      document.getElementById ("BottomLarge").disabled = true;
      document.getElementById ("BottomSmall").disabled = true;
      document.getElementById ("LeftLarge").disabled = true;
      document.getElementById ("LeftSmall").disabled = true;
      document.getElementById ("RightLarge").disabled = true;
      document.getElementById ("RightSmall").disabled = true;
      
      document.getElementById ("TopOffsetLarge").disabled = true;
      document.getElementById ("TopOffsetSmall").disabled = true;
      document.getElementById ("BottomOffsetLarge").disabled = true;
      document.getElementById ("BottomOffsetSmall").disabled = true;
      document.getElementById ("LeftOffsetLarge").disabled = true;
      document.getElementById ("LeftOffsetSmall").disabled = true;
      document.getElementById ("RightOffsetLarge").disabled = true;
      document.getElementById ("RightOffsetSmall").disabled = true;
    }
  else if (choice == "Single")
     {
      document.getElementById ("TopLarge").disabled = false;
      document.getElementById ("TopSmall").disabled = false;
      document.getElementById ("BottomLarge").disabled = false;
      document.getElementById ("BottomSmall").disabled = false;
      document.getElementById ("LeftLarge").disabled = false;
      document.getElementById ("LeftSmall").disabled = false;
      document.getElementById ("RightLarge").disabled = false;
      document.getElementById ("RightSmall").disabled = false;
      
      document.getElementById ("TopOffsetLarge").disabled = true;
      document.getElementById ("TopOffsetSmall").disabled = true;
      document.getElementById ("BottomOffsetLarge").disabled = true;
      document.getElementById ("BottomOffsetSmall").disabled = true;
      document.getElementById ("LeftOffsetLarge").disabled = true;
      document.getElementById ("LeftOffsetSmall").disabled = true;
      document.getElementById ("RightOffsetLarge").disabled = true;
      document.getElementById ("RightOffsetSmall").disabled = true;
     }  
  else 
  
      {
      document.getElementById ("TopLarge").disabled = false;
      document.getElementById ("TopSmall").disabled = false;
      document.getElementById ("BottomLarge").disabled = false;
      document.getElementById ("BottomSmall").disabled = false;
      document.getElementById ("LeftLarge").disabled = false;
      document.getElementById ("LeftSmall").disabled = false;
      document.getElementById ("RightLarge").disabled = false;
      document.getElementById ("RightSmall").disabled = false;
      
      document.getElementById ("TopOffsetLarge").disabled = false;
      document.getElementById ("TopOffsetSmall").disabled = false;
      document.getElementById ("BottomOffsetLarge").disabled = false;
      document.getElementById ("BottomOffsetSmall").disabled = false;
      document.getElementById ("LeftOffsetLarge").disabled = false;
      document.getElementById ("LeftOffsetSmall").disabled = false;
      document.getElementById ("RightOffsetLarge").disabled = false;
      document.getElementById ("RightOffsetSmall").disabled = false;
      }
}


var MouseOutToggle = true;
var SelectTab = ""


function changeImage(imgName)
{
  
  theForm.FromTab.value = "I";
  theForm.ImageUpdate.value = "Yes";
  theForm.HasImage.value = imgName;
  theForm.HasImageWeightHeight.value = document.getElementById(imgName).value;
  //alert(theForm.HasImage.value);
  theForm.method = "get";
  theForm.action = "?theFrameType=" + document.getElementById ("theFrameType").value +
                      "&theFrameColor ="  + document.getElementById ("theFrameColor") +
                        "&theFrameWidth ="  + document.getElementById ("theFrameWidth") +
                        "&theSelectedFrameWidth ="  + document.getElementById ("theSelectedFrameWidth") ;

  theForm.submit();
}

function SetAllMat(whichone)
{
  if (whichone == "TopLarge") 
     {
       document.getElementById ("BottomLarge").value =  document.getElementById ("TopLarge").value;
       document.getElementById ("LeftLarge").value =  document.getElementById ("TopLarge").value;
       document.getElementById ("RightLarge").value =  document.getElementById ("TopLarge").value;
     }
  else if (whichone == "TopSmall")
     {
       document.getElementById ("BottomSmall").value =  document.getElementById ("TopSmall").value;
       document.getElementById ("LeftSmall").value =  document.getElementById ("TopSmall").value;
       document.getElementById ("RightSmall").value =  document.getElementById ("TopSmall").value; 
     } 
   else if (whichone == "TopOffsetSmall")
     {
       document.getElementById ("BottomOffsetSmall").value =  document.getElementById ("TopOffsetSmall").value;
       document.getElementById ("LeftOffsetSmall").value =  document.getElementById ("TopOffsetSmall").value;
       document.getElementById ("RightOffsetSmall").value =  document.getElementById ("TopOffsetSmall").value; 
     } 
    else if (whichone == "TopOffsetLarge")
     {
       document.getElementById ("BottomOffsetLarge").value =  document.getElementById ("TopOffsetLarge").value;
       document.getElementById ("LeftOffsetLarge").value =  document.getElementById ("TopOffsetLarge").value;
       document.getElementById ("RightOffsetLarge").value =  document.getElementById ("TopOffsetLarge").value; 
     }         
}

function CheckMat()
{
 //check radio buton
 var None, Single, Double;
 None = theForm.radioMat(0).checked;
 Single = theForm.radioMat(1).checked;
 Double= theForm.radioMat(2).checked;
 
 if (None == true) 
    {
      //do nothing
      //if (((document.getElementById ("TopOffsetLarge").value == "0" && document.getElementById ("TopOffsetSmall").value == ".0")
      //  || (document.getElementById ("BottomOffsetLarge").value == "0" && document.getElementById ("BottomOffsetSmall").value == ".0")
      //  || (document.getElementById ("LeftOffsetLarge").value == "0" && document.getElementById ("LeftOffsetSmall").value == ".0")
      //  || (document.getElementById ("RightOffsetLarge").value == "0" && document.getElementById ("RightOffsetSmall").value == ".0"))
      //  ||
      //   ((document.getElementById ("TopLarge").value == "0" && document.getElementById ("TopSmall").value == ".0")
      //  || (document.getElementById ("BottomLarge").value == "0" && document.getElementById ("BottomSmall").value == ".0")
       // || (document.getElementById ("LeftLarge").value == "0" && document.getElementById ("LeftSmall").value == ".0")
      //  || (document.getElementById ("RightLarge").value == "0" && document.getElementById ("RightSmall").value == ".0"))) 
      //  {
       
     //   }
     //  else
     //     {
	//		alert("You don't have any Mat setting change, no need to update.");
	//		return;
      //     }
    }
 else if (Single == true)
   {
    if ((document.getElementById ("TopLarge").value == "0" && document.getElementById ("TopSmall").value == ".0")
        || (document.getElementById ("BottomLarge").value == "0" && document.getElementById ("BottomSmall").value == ".0")
        || (document.getElementById ("LeftLarge").value == "0" && document.getElementById ("LeftSmall").value == ".0")
        || (document.getElementById ("RightLarge").value == "0" && document.getElementById ("RightSmall").value == ".0"))
     {
       alert("You seleced Single Mat, the width(offset) can not be 0\r\rPlease use the dropdown to set Outside Mat width")
       return;
      }
   }
 else if (Double == true)
   {
    if (((document.getElementById ("TopOffsetLarge").value == "0" && document.getElementById ("TopOffsetSmall").value == ".0")
        || (document.getElementById ("BottomOffsetLarge").value == "0" && document.getElementById ("BottomOffsetSmall").value == ".0")
        || (document.getElementById ("LeftOffsetLarge").value == "0" && document.getElementById ("LeftOffsetSmall").value == ".0")
        || (document.getElementById ("RightOffsetLarge").value == "0" && document.getElementById ("RightOffsetSmall").value == ".0"))
        ||
         ((document.getElementById ("TopLarge").value == "0" && document.getElementById ("TopSmall").value == ".0")
        || (document.getElementById ("BottomLarge").value == "0" && document.getElementById ("BottomSmall").value == ".0")
        || (document.getElementById ("LeftLarge").value == "0" && document.getElementById ("LeftSmall").value == ".0")
        || (document.getElementById ("RightLarge").value == "0" && document.getElementById ("RightSmall").value == ".0"))) 
     {
       alert("You seleced Double Mat, the width(offset) can not be 0\r\rPlease use the dropdown to set both Outside and Inside Mat width")
       return;
     }
   }
 
 theForm.FromTab.value = "M";
 theForm.MatUpdate.value = "Yes";
 theForm.method = "get";
 theForm.action = "FrameHome.asp?";
 theForm.submit();
}

function NeutralizeMat()
{
 var Single, Double;
 Single = theForm.radioMat(1).checked;
 Double= theForm.radioMat(2).checked;
 if (Single == true)
   {
    if ((document.getElementById ("TopLarge").value == "0" && document.getElementById ("TopSmall").value == ".0")
        || (document.getElementById ("BottomLarge").value == "0" && document.getElementById ("BottomSmall").value == ".0")
        || (document.getElementById ("LeftLarge").value == "0" && document.getElementById ("LeftSmall").value == ".0")
        || (document.getElementById ("RightLarge").value == "0" && document.getElementById ("RightSmall").value == ".0"))
     {
        theForm.radioMat(0).checked = true;
        document.getElementById ("TopLarge").disabled = true;
		document.getElementById ("TopSmall").disabled = true;
		document.getElementById ("BottomLarge").disabled = true;
		document.getElementById ("BottomSmall").disabled = true;
		document.getElementById ("LeftLarge").disabled = true;
		document.getElementById ("LeftSmall").disabled = true;
		document.getElementById ("RightLarge").disabled = true;
		document.getElementById ("RightSmall").disabled = true;
      
		
      }
   }
  if (Double == true)
   {
    if (((document.getElementById ("TopOffsetLarge").value == "0" && document.getElementById ("TopOffsetSmall").value == ".0")
        || (document.getElementById ("BottomOffsetLarge").value == "0" && document.getElementById ("BottomOffsetSmall").value == ".0")
        || (document.getElementById ("LeftOffsetLarge").value == "0" && document.getElementById ("LeftOffsetSmall").value == ".0")
        || (document.getElementById ("RightOffsetLarge").value == "0" && document.getElementById ("RightOffsetSmall").value == ".0"))
        ||
        ((document.getElementById ("TopLarge").value == "0" && document.getElementById ("TopSmall").value == ".0")
        || (document.getElementById ("BottomLarge").value == "0" && document.getElementById ("BottomSmall").value == ".0")
        || (document.getElementById ("LeftLarge").value == "0" && document.getElementById ("LeftSmall").value == ".0")
        || (document.getElementById ("RightLarge").value == "0" && document.getElementById ("RightSmall").value == ".0")))
     {
        theForm.radioMat(0).checked = true;
        document.getElementById ("TopLarge").disabled = true;
		document.getElementById ("TopSmall").disabled = true;
		document.getElementById ("BottomLarge").disabled = true;
		document.getElementById ("BottomSmall").disabled = true;
		document.getElementById ("LeftLarge").disabled = true;
		document.getElementById ("LeftSmall").disabled = true;
		document.getElementById ("RightLarge").disabled = true;
		document.getElementById ("RightSmall").disabled = true;
      
		document.getElementById ("TopOffsetLarge").disabled = true;
		document.getElementById ("TopOffsetSmall").disabled = true;
		document.getElementById ("BottomOffsetLarge").disabled = true;
		document.getElementById ("BottomOffsetSmall").disabled = true;
		document.getElementById ("LeftOffsetLarge").disabled = true;
		document.getElementById ("LeftOffsetSmall").disabled = true;
		document.getElementById ("RightOffsetLarge").disabled = true;
		document.getElementById ("RightOffsetSmall").disabled = true;
     }
   }

}


function CheckGo()
	{
	  theForm.HasFrame.value = "";
	  theForm.method = "get";
	  theForm.FromTab.value = "F";
	  theForm.FrameUpdate.value = "Yes";
	  theForm.action = "FrameHome.asp";
	  theForm.submit();
	}

function whyMat()
{
  window.open('whyMat.asp','matwindow','top=100,left=180,width=395,height=280,scrollbars=no,,resizable=no')
}
function why()
{
  var themessage;
  themessage = "When upload a file, please limit the file size to under 1 Meg,\rfile size more than 1 Meg will be deleted from our system.\r\rIndicates your actual picture dimension will help us properly\rscale your image to the correct X-Y proportion(Aspect Ratio)."
  alert(themessage);
}
function changeColor(theTab)
{
 
  document.getElementById (theTab).className = "Panel_Menu_over";
  MouseOutToggle = true
 
}
function changeColorBack(theTab)
{
 if ((MouseOutToggle == true && theTab != SelectTab) || (SelectTab == ""))
     document.getElementById (theTab).className = "Panel_Menu";
 else
      document.getElementById (theTab).className = "Panel_Menu_out";
     
  
}




function showImagePanel()
{
   NeutralizeMat();
   showGalleryPanel();
   document.getElementById ("ImagePanel").style.visibility = "visible";
   document.getElementById ("MatPanel").style.visibility = "hidden";
   document.getElementById ("FramePanel").style.visibility = "hidden";
   document.getElementById ("GalleryPanel").style.visibility = "hidden";
    document.getElementById ("GallerySelectionFrame").style.visibility = "hidden";
   
   document.getElementById ("ImageTab").className = "Panel_Menu_out";
   document.getElementById ("MatTab").className = "Panel_Menu";
   document.getElementById ("FrameTab").className = "Panel_Menu";
   document.getElementById ("GalleryTab").className = "Panel_Menu";
   SelectTab = "ImageTab"
   MouseOutToggle = false
}

function showMatPanel()
{
   showGalleryPanel();
   document.getElementById ("ImagePanel").style.visibility = "hidden";
   document.getElementById ("MatPanel").style.visibility = "visible";
   document.getElementById ("FramePanel").style.visibility = "hidden";
   document.getElementById ("GalleryPanel").style.visibility = "hidden";
   document.getElementById ("GallerySelectionFrame").style.visibility = "hidden";
    
   document.getElementById ("MatTab").className = "Panel_Menu_out";
   document.getElementById ("ImageTab").className = "Panel_Menu";
   document.getElementById ("FrameTab").className = "Panel_Menu";
   document.getElementById ("GalleryTab").className = "Panel_Menu";
   SelectTab = "MatTab"
   MouseOutToggle = false
   
   }

function showFramePanel()
{
   NeutralizeMat()
   showGalleryPanel();
   document.getElementById ("GalleryPanel").style.visibility = "hidden";
   document.getElementById ("ImagePanel").style.visibility = "hidden";
   document.getElementById ("MatPanel").style.visibility = "hidden";
   document.getElementById ("FramePanel").style.visibility = "visible";
   document.getElementById ("GallerySelectionFrame").style.visibility = "hidden";
   //document.getElementById ("FramePanel").style.top = "0"
    //document.getElementById ("FramePanel").style.left = "0"
  
   document.getElementById ("FrameTab").className = "Panel_Menu_out";
   document.getElementById ("ImageTab").className = "Panel_Menu";
   document.getElementById ("MatTab").className = "Panel_Menu";
   document.getElementById ("GalleryTab").className = "Panel_Menu";
   SelectTab = "FrameTab"
   MouseOutToggle = false
}

function showGalleryPanel()
{
   NeutralizeMat()
   document.getElementById ("ImagePanel").style.visibility = "hidden";
   document.getElementById ("MatPanel").style.visibility = "hidden";
   document.getElementById ("FramePanel").style.visibility = "hidden";
   document.getElementById ("GalleryPanel").style.visibility = "visible";
   document.getElementById ("GallerySelectionFrame").style.visibility = "visible";

  //document.getElementById ("GalleryPanel").style.top = "0"
   
   document.getElementById ("GalleryTab").className = "Panel_Menu_out";
   document.getElementById ("ImageTab").className = "Panel_Menu";
   document.getElementById ("FrameTab").className = "Panel_Menu";
   document.getElementById ("MatTab").className = "Panel_Menu";
   SelectTab = "GalleryTab"
   MouseOutToggle = false
   theForm.target = "GallerySelection";
   theForm.action = "GallerySelect.asp";
   theForm.method = "Post";
   theForm.submit();
}


function showGalleryPanel_AddNew()
{
   NeutralizeMat()
   document.getElementById ("ImagePanel").style.visibility = "hidden";
   document.getElementById ("MatPanel").style.visibility = "hidden";
   document.getElementById ("FramePanel").style.visibility = "hidden";
   document.getElementById ("GalleryPanel").style.visibility = "visible";
   document.getElementById ("GallerySelectionFrame").style.visibility = "visible";

  //document.getElementById ("GalleryPanel").style.top = "0"
   
   document.getElementById ("GalleryTab").className = "Panel_Menu_out";
   document.getElementById ("ImageTab").className = "Panel_Menu";
   document.getElementById ("FrameTab").className = "Panel_Menu";
   document.getElementById ("MatTab").className = "Panel_Menu";
   SelectTab = "GalleryTab"
   MouseOutToggle = false
   theForm.target = "GallerySelection";
   theForm.action = "GallerySelect.asp?AddNew=Yes&pn=";
   theForm.method = "Post";
   theForm.submit();
}
function setValue()
{
    theForm.ImageWidth.value =  document.getElementById ("WidthLarge").value + document.getElementById ("WidthSmall").value;
    theForm.ImageHeight.value = document.getElementById ("HeightLarge").value + document.getElementById ("HeightSmall").value;
}

function setFrameValue()
{
   theForm.theFrameType.value = document.getElementById ("FrameType").value;
   theForm.theFrameColor.value = document.getElementById ("FrameColor").value;
   theForm.theFrameWidth.value = document.getElementById ("FrameWidth").value;
}


function CheckSend2()
{
   if (document.getElementById ("theFile").value == "")
     {
     alert("Pick a file please");
     return false;
     }
   else if (document.getElementById("WidthLarge").value == "0")
     {
       alert("You need to specify the image width")
       return false;
     }
   else if (document.getElementById("HeightLarge").value == "0")
     {
       alert("You need to specify the image height")
       return false;
     }  
   else
      {
      var theWidth = theForm.ImageWidth.value;
      var theHeight = theForm.ImageHeight.value;
      var theMatType = theForm.MatType.value;
      var theFrame = theForm.HasFrame.value + "~" + theForm.theSelectedFrameWidth.value + "~"
                   + theForm.theFrameType.value + "~" + theForm.theFrameColor.value + "~" 
                   + theForm.theFrameWidth.value;
      var MatSetting = theMatType + "~"  
      + theForm.OutSideCoreNumber.value + "~" + theForm.InSideCoreNumber.value + "~"
      + '<%=TopLarge%>'+ "~" + '<%=TopSmall%>' + "~" 
      + '<%=BottomLarge%>' + "~" + '<%=BottomSmall%>' + "~" 
      + '<%=LeftLarge%>' + "~" +  '<%=LeftSmall%>' + "~" 
      + '<%=RightLarge%>' + "~" + '<%= RightSmall%>' +"~"                          
      + '<%=TopOffsetLarge%>'+ "~" + '<%=TopOffsetSmall%>' + "~" 
      + '<%=BottomOffsetLarge%>' + "~" + '<%=BottomOffsetSmall%>' + "~" 
      + '<%=LeftOffsetLarge%>' + "~" +  '<%=LeftOffsetSmall%>' + "~" 
      + '<%=RightOffsetLarge%>' + "~" + '<%= RightOffsetSmall%>' + "~"
      + theForm.OutSideCore.value + "~" + theForm.InSideCore.value + "~"
      + theForm.OutSideColor.value + "~" + theForm.InSideColor.value;                                                       ;   
      theForm.action = "FrameHome.asp?sendfile=1&ImageWidth=" + theWidth + "&ImageHeight=" + theHeight + "&HasFrame=" + theFrame + "&MatSetting=" + MatSetting;
    //alert("FrameHome.asp?sendfile=1&ImageWidth=" + theWidth + "&ImageHeight=" + theHeight + "&HasFrame=" + theFrame + "&MatSetting=" + MatSetting);
      theForm.submit();
      }
     
}
function changeimage()
{
var mybody = document.getElementsByTagName("body").item(0);
mytable = mybody.getElementsByTagName("table").item(2);

mytablebody=mytable.getElementsByTagName("tbody").item(0);
myrow=mytablebody.getElementsByTagName("tr").item(4);
mycel=myrow.getElementsByTagName("td").item(4);
mycel.innerHTML = "<img src=images/Ariel_cover.gif border=0 Width=<%=theWidth%> height=<%=theHeight%>>"
//mycel.style.height = "100"
//mycelimage=mycel.childNodes.item(0);
//mycelimage.height = 100;
}
function changecolor()
{
 
//var mybody = document.getElementsByTagName("body").item(0);
//mytable = mybody.getElementsByTagName("table").item(1);
//mytablebody=mytable.getElementsByTagName("tbody").item(0);
//myrow=mytablebody.getElementsByTagName("tr").item(0);
//mycel=myrow.getElementsByTagName("td").item(0);

//mycel.style.background="rgb(255,0,0)";
//mycel.style.height="30";

var mybody = document.getElementsByTagName("body").item(0);
mytable = mybody.getElementsByTagName("table").item(0);
mytablebody=mytable.getElementsByTagName("tbody").item(0);
myrow=mytablebody.getElementsByTagName("tr").item(0);
mycel=myrow.getElementsByTagName("td").item(1);
mycel.style.height = "100"
mycelimage=mycel.childNodes.item(0);
mycelimage.height = 100;
}