var initialized = 0;

  var bkgdarray = [];
	bkgdarray[0]="http://www.whenisthewedding.com/img_cal_bkgd/flowers02.jpg";
	bkgdarray[1]="http://www.whenisthewedding.com/img_cal_bkgd/ivy02.jpg";
	bkgdarray[2]="http://www.whenisthewedding.com/img_cal_bkgd/flowers03.jpg";
	bkgdarray[3]="http://www.whenisthewedding.com/img_cal_bkgd/ring01.jpg";
	bkgdarray[4]="http://www.whenisthewedding.com/img_cal_bkgd/church01.jpg";
	bkgdarray[5]="http://www.whenisthewedding.com/img_cal_bkgd/ivy01.jpg";
	bkgdarray[6]="http://www.whenisthewedding.com/img_cal_bkgd/flowers01.jpg";
	bkgdarray[7]="http://www.whenisthewedding.com/img_cal_bkgd/cake01.jpg";

function initialize()
{
 if (!initialized) {initialized = 1;rotateImages(0);
	var imageSet = 0;
	if(imageSet == "0")
	{
		loadDefaults("flowers01.jpg");
	}
	else
	{
		updatePreview(false);
	}document.getElementById("htmlOut").value = "";	document.getElementById("bbOut").value = "";
}
initialized = 1;
}  
  var leftimg = 0;
  var previewhitcnt = new Date().getTime();
  var userColorChange = false;
  document.cookie = "save=none";
  var hashRequest = false;
  var dataHash = false;
  
  function rotateImages(direction)
  {
    leftimg += direction;
    var maximages = bkgdarray.length;
    var numDisplay = 5;
    
    if(leftimg == -1)
    {
      leftimg = maximages-1;
    }
    
    for(i = 0; i<numDisplay; i++)
    {
      var index = (leftimg + i) % maximages;
      var sp = bkgdarray[index].split('/');
      file = sp[sp.length-1];
      var idstr = "img"+i.toString();
      document.getElementById(idstr).src = bkgdarray[index];
      document.getElementById(idstr).onclick = new Function("imgClicked('"+file+"', this.id);");
    }
  }

  function saveCalendar()
  {
    document.cookie = "save=calendar";
    document.getElementById("saveStatus").src="savedata.php?preview="+previewhitcnt++;
  }
  
  
  function displayCode() {
     if(hashRequest.readyState == 4)
	 {
		if (hashRequest.status == 200)
		{
			dataHash = hashRequest.responseText;
		}

    document.getElementById("htmlOut").value = '<a href="http://www.whenisthewedding.com"><img src="http://www.whenisthewedding.com/mycal.jpg?c='+dataHash+'" alt="wedding countdown calendar" /></a>';
    document.getElementById("bbOut").value = '[URL=http://www.whenisthewedding.com] [IMG]http://www.whenisthewedding.com/mycal.jpg?c='+dataHash+'[/IMG] [/URL]'; 
		//document.getElementById("previewLink").href="calendargen.php?c="+dataHash;
	 }
  }
  
    
 function generateCode()
  {
		try {
			hashRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try {
				hashRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e2)
			{
				hashRequest = false;			
			}
		}
		if (!hashRequest && typeof XMLHttpRequest != 'undefined')
		{
			hashRequest = new XMLHttpRequest();
		}
		if (hashRequest)
		{
			hashRequest.onreadystatechange = displayCode;
			hashRequest.open("GET", "calendargen.php?hash="+document.getElementById("displayName1").value + "-" + +document.getElementById("displayName2").value, true);
			//hashRequest.open("GET", "http://www.whenisthewedding.com/calendargen.php?hash="+document.getElementById("displayName1").value + "-" + +document.getElementById("displayName2").value, true);
			hashRequest.send(null);
		}
  }

 function postFbCal()
 {
		try {
			hashRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try {
				hashRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e2)
			{
				hashRequest = false;			
			}
		}
		if (!hashRequest && typeof XMLHttpRequest != 'undefined')
		{
			hashRequest = new XMLHttpRequest();
		}
		if (hashRequest)
		{
			hashRequest.onreadystatechange = null;  //for now
			hashRequest.open("GET", "calendargen.php?fbpost="+document.getElementById("displayName1").value + "-" + +document.getElementById("displayName2").value, true);
			//hashRequest.open("GET", "http://www.whenisthewedding.com/calendargen.php?hash="+document.getElementById("displayName1").value + "-" + +document.getElementById("displayName2").value, true);
			hashRequest.send(null);
		}
 
 }
  
  function updatePreview(boolColorChange)
  {
    if(boolColorChange == true)
    {
      userColorChange = true; //once true, this stays true
    } 
	

    document.cookie = "eventDay="+document.getElementById("eventDay").value;
    document.cookie = "eventMonth="+document.getElementById("eventMonth").value;
    document.cookie = "eventYear="+document.getElementById("eventYear").value;
    document.cookie = "displayName1="+document.getElementById("displayName1").value;
    document.cookie = "displayName2="+document.getElementById("displayName2").value;
    //document.cookie = "highlightFgColor="+document.getElementById("highlightFgColor").value;   
    document.cookie = "highlightBgColor="+document.getElementById("highlightBgColor").value;     
    document.cookie = "fgColor="+document.getElementById("fgColor").value;   
    document.cookie = "gridColor="+document.getElementById("gridColor").value;      
    document.cookie = "bgImageName="+document.getElementById("bgImageName").value;
    document.cookie = "nameFontColor="+document.getElementById("nameFontColor").value;   
    document.cookie = "nameFontStyle="+document.getElementById("nameFontStyle").value;
	//document.cookie = "showCountdown="+document.getElementById("countdownBox").value;
    document.getElementById("previewImg").src="calendargen.php?preview="+previewhitcnt++;
	generateCode();
  }
  
  function setDays() 
  {
    var year = document.getElementById("eventYear");
    var month = document.getElementById("eventMonth");
    var day = document.getElementById("eventDay");
    var selectedYear = year.options[year.selectedIndex].value;
    var selectedMonth = month.options[month.selectedIndex].value;
    var selectedDay = day.options[day.selectedIndex].value; 
    
    var dd = new Date(selectedYear, selectedMonth, 0);
    days = dd.getDate();
    day.options.length = 0;
    for (var i = 1; i <= days; i++)
    {
      day.options[day.options.length] = new Option(i,i);
    }
    if ( selectedDay <= days)
    {
      day.value = selectedDay;
    }
    else
    {
      day.value = days;
    }
    updatePreview(false);
  }  
  
  function imgClicked(filename, str)
  {
    document.getElementById(str).setAttribute("class", "thumbSelected");
    document.getElementById(str).setAttribute("className", "thumbSelected");
    loadDefaults(filename);
  }
  
  function imgReleased(str)
  {
    document.getElementById(str).setAttribute("class", "thumb");
    document.getElementById(str).setAttribute("className", "thumb");
  }

  
  function loadDefaults(imageName)
  {
    var black ="000000";
    var blue = "0000ff";
    var skyBlue ="87ceeb";
    var mint = "4bdc8c"; 
    var green = "008000";
    var yellow = "ffff00";
    var orange = "ffa500";
    var orangeRed = "f08c46";
    var red = "ff0000";
    var rose = "f07d7d";
    var white = "ffffff";
   
    document.getElementById("bgImageName").value = imageName;
        
    if(userColorChange==false)
    {
      document.getElementById("nameFontStyle").value = "ALS-Script.ttf";
      if(imageName=="flowers01.jpg")
      {
        document.getElementById("highlightBgColor").value = rose;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }
      else if(imageName=="flowers02.jpg")
      {
        document.getElementById("highlightBgColor").value = orangeRed;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }
      else if(imageName=="flowers03.jpg")
      {
        document.getElementById("highlightBgColor").value = rose;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }
      else if(imageName=="ivy01.jpg")
      {
        document.getElementById("highlightBgColor").value = mint;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }  
      else if(imageName=="ivy02.jpg")
      {
        document.getElementById("highlightBgColor").value = mint;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }
      else if(imageName=="ring01.jpg")
      {
        document.getElementById("highlightBgColor").value = rose;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }
      else if(imageName=="cake01.jpg")
      {
        document.getElementById("highlightBgColor").value = green;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;     
      }      
      else
      {
        document.getElementById("highlightBgColor").value = black;
        //document.getElementById("highlightFgColor").value;     
        document.getElementById("fgColor").value = black;   
        document.getElementById("gridColor").value = black;      
        document.getElementById("nameFontColor").value = black;      
      } 
    }
    updatePreview(false);
  }
  

  window.onload = function () { rotateImages(0); initialize()};