var dateSpot = '';
var date1, date2, date3;
var date1chosen, date2chosen, date3chosen;
var date1img, date2img, date3img;

var imgName = "";
var userImgReqd = "";
var rfX = 1;

 function addScript(url) {
  var s = document.createElement("script");
  s.type = "text/javascript";
  s.src = url;
  document.getElementsByTagName("head")[0].appendChild(s);
 }

 function userImageStatus()
 {
   var sUrl = "http://p4.hostingprod.com/@framethedate.com/imgstatus.php?image=" + imgName + "&x=" + rfX;
   rfX++;
   addScript(sUrl);
 }

 function trackUpload()
 {
  document.getElementById('imgResults').src = "http://p4.hostingprod.com/@framethedate.com/waiting.php";
  var now = new Date();
  var timestamp = "" + now.getYear() +"."+ now.getMonth() +"."+ now.getDay() +"."+ now.getHours() +"."+ now.getMinutes() +"."+ now.getSeconds();
  document.getElementById('imgPrefix').value = timestamp;

  imgName = document.getElementById('file').value;
  imgName = imgName.replace(/.+\\/,"");
  imgName = imgName.replace(/.+\//,"");
  imgName = document.getElementById('imgPrefix').value + "." + imgName;
  imgName = imgName.replace(/[^a-zA-Z0-9]/g,".");

  setTimeout("document.getElementById('UploadForm').submit();",1500);
  setTimeout("userImageStatus();",1500);
 }

 function userPhoto()
 {
  document.getElementById('userImageUpload').style.display = 'block';
 }
 function hideUserPhoto()
 {
  document.getElementById('userImageUpload').style.display = 'none';
 }
 
 function setTrayBG()
 {
   eval ("var previewBG = "+itemID+"BG;");
   var TrayObj = document.getElementById('numbers_tray');
   TrayObj.style.backgroundImage = "url("+previewBG+")";

   var p1Obj = document.getElementById('preview1');
   var p2Obj = document.getElementById('preview2');
   var p3Obj = document.getElementById('preview3');

   document.getElementById('userImage').style.display = 'none';
   userImgReqd = "";

   if(itemID.match(/f01/i))
   { // pedestal
    p1Obj.style.marginTop="149px";
    p2Obj.style.marginTop="149px";
    p3Obj.style.marginTop="149px";
    p1Obj.style.marginLeft="75px";
    p2Obj.style.marginLeft="150px";
    p3Obj.style.marginLeft="225px";
   }
   else if(itemID.match(/f02/i))
   { //3 opening
    p1Obj.style.marginTop="183px";
    p2Obj.style.marginTop="183px";
    p3Obj.style.marginTop="183px";
    p1Obj.style.marginLeft="51px";
    p2Obj.style.marginLeft="152px";
    p3Obj.style.marginLeft="251px";
   }
   else if(itemID.match(/f03/i))
   { // Medium
    p1Obj.style.marginTop="170px";
    p2Obj.style.marginTop="170px";
    p3Obj.style.marginTop="170px";
    p1Obj.style.marginLeft="67px";
    p2Obj.style.marginLeft="153px";
    p3Obj.style.marginLeft="239px";
   }
   else if(itemID.match(/f04/i))
   { // event
    p1Obj.style.marginTop="127px";
    p2Obj.style.marginTop="127px";
    p3Obj.style.marginTop="127px";
    p1Obj.style.marginLeft="82px";
    p2Obj.style.marginLeft="157px";
    p3Obj.style.marginLeft="232px";
    // add area to upload user supplied image
    document.getElementById('userImage').style.display = '';
    userImgReqd = "true";
   }   
   checkForStepThree();
 }

 function swapImg(imgID,x)
 {
  // hide user upload box
  hideUserPhoto();

  eval("var newImg = "+imgID+"photos["+x+"];");
  document.getElementById(imgID).src = newImg;

  var priceDiv = imgID + "price0";
  for(var i=0; document.getElementById(priceDiv); i++)
  {
   document.getElementById(priceDiv).style.display="none";
   priceDiv = imgID + "price" + i;
  }
  priceDiv = imgID + "price" + x;
  document.getElementById(priceDiv).style.display = '';
 }

 function addToCart()
 {
  var userImageURL = '';
  if(userImgReqd)
  {
   userImageURL = "&vwattr0_vw-inscription-55736572496D616765=YES|/U/" + imgName + "[]";
  }

  var cartURL = 
    "http://order.store.yahoo.net/cgi-bin/wg-order?" +
    "vwattr0_vw-inscription-4D6F6E7468=" + date1 + 
    // month
    "&vwattr0_vw-inscription-4D6F6E7468496D616765=" + 
    date1chosen + "|" + date1img + "[]" + 
    // month image
    "&vwattr0_vw-inscription-446179=" + date2 +
    // day
    "&vwattr0_vw-inscription-446179496D616765=" + 
    date2chosen + "|" + date2img + "[]" + 
    // day image
    "&vwattr0_vw-inscription-59656172=" + date3 +
    // year
    "&vwattr0_vw-inscription-59656172496D616765=" +	
    date3chosen + "|" + date3img + "[]" + 
    // year image
    userImageURL + 
    // user provided image if needed
    "&vwitem0=" + itemID +
    "&vwcatalog=yhst-78470628483934" +
    "&vwquantity0=1" +
    "&multiple-add=1";
  window.location = cartURL;
 }

 function checkForStepThree()
 {
  if((date1chosen) && (date2chosen) && (date3chosen))
  {
   if((userImgReqd) && (imgName))
   {
    document.getElementById('step_2').style.display='none';
    document.getElementById('step_3').style.display = '';
   }
   else if(!userImgReqd)
   {
    document.getElementById('step_2').style.display='none';
    document.getElementById('step_3').style.display = '';
   }
   else 
   {
    document.getElementById('step_2').style.display='';
    document.getElementById('step_3').style.display = 'none';
   }
  }
 }

 function setImg(iURL,iCode)
 {
  // hide user upload box
  hideUserPhoto();

  var previewPane = "preview" + dateSpot;
  document.getElementById(previewPane).innerHTML = "<a href=javascript:changeImg(" + dateSpot + ");><img width=70 height=70 src=" + iURL + " border=0></a>";
  eval("date"+dateSpot+"chosen = '" + iCode + "';");
  eval("date"+dateSpot+"img = '" + iURL + "';");
  checkForStepThree();
 }

 function changeImg(x)
 {
   // hide user upload box
   hideUserPhoto();

   // change yellow highlight, set date spot
   var wasSelDate = 'preview' + dateSpot;
   document.getElementById(wasSelDate).className = "";

   wasSelDate = 'preview' + x;
   document.getElementById(wasSelDate).className = "ylwHL";

   dateSpot = x;

   // load number selections for month
   eval("var whichdate = date"+x);
   eval("document.getElementById('images_selector').innerHTML = html"+whichdate);
 }

 function showNumbers()
 {
  date1 = document.getElementById('date1').value;
  date2 = document.getElementById('date2').value;
  date3 = document.getElementById('date3').value;

  // check to see if valid dates
  var isValid = false;
  var allValid = true;

  // check month
  if(date1)
  { for(var x=1; validDates[x]; x++)
    { if(validDates[x] == date1) { isValid = true; } } }
  
  if(!isValid)
  { alert("The value you entered for month is not a valid number.  Please try again.");
    allValid = false; }

  // check day
  isValid = false;
  if(date2)
  { for(var x=1; validDates[x]; x++)
    { if(validDates[x] == date2) { isValid = true; } } }
  
  if(!isValid)
  { alert("The value you entered for day is not a valid number.  Please try again.");
    allValid = false; }

  // check year
  isValid = false;
  if(date3)
  { for(var x=1; validDates[x]; x++)
    { if(validDates[x] == date3) { isValid = true; } } }
  
  if(!isValid)
  { alert("The value you entered for year is not a valid number.  Please try again.");
    allValid = false; }

  if(allValid)
  {
   document.getElementById('numbers_input').style.display = 'none';
   document.getElementById('numbers_select').style.display = '';
   setTrayBG();
   document.getElementById('step_2_expln').style.display = '';
    
   // load in temp images
   eval("document.getElementById('preview1').innerHTML = '<a href=javascript:changeImg(1);>' + tempimg"+date1+"+'</a>'");
   eval("document.getElementById('preview2').innerHTML = '<a href=javascript:changeImg(2);>' + tempimg"+date2+"+'</a>'");
   eval("document.getElementById('preview3').innerHTML = '<a href=javascript:changeImg(3);>' +  tempimg"+date3+"+'</a>'");

   // show yellow highlight for this date spot, set date spot
   document.getElementById('preview1').className = "ylwHL";
   dateSpot = 1;

   // load number selections for month
   eval("document.getElementById('images_selector').innerHTML = html"+date1);
   document.getElementById('images_selector').style.display = '';
  }


 }

var wasImgID = '';
var itemID = '';

 function setStep1(imgID,itemCode)
 {
  itemID = itemCode;
  if(wasImgID)
  {  document.getElementById(wasImgID).className = ""; }
  document.getElementById(imgID).className = "frameLink";
  wasImgID = imgID;

  document.getElementById('step_1').style.display = 'none';
  document.getElementById('step_3').style.display = 'none';
  document.getElementById('step_2').style.display = '';

  document.getElementById('step_2_div').style.display = '';

  checkForStepThree();

  setTrayBG();
 }