var themes = new Array();
var holiday = new Array();
function loadThemes()
{
	// EDIT THESE! 
	// TO EDIT:
	// Add ["image name w/ out _thumb","full name of theme"]
	// before LAST bracket ---> "];"
	// besure to add a comma between entries
	
	// standard themes
	themes = [["arbor","Arbor"],["quotes","Quotes"],["future","Future"],["grass","Valley"],["tan_black","Spine1"],["black_back","Relief"],["child2","Kids"],["mountain","Mountain"],["blue_back","Royal"],["sports","Sports"],["reddy","Sunset"],["sunflower","Sunflower"],["winter","Winter"]];
	
	// holiday themes
	holiday = [["valentine","Valentine"],["merryChristmas", "Merry Christmas"],["happyHoliday","Happy Holiday"],["harvestThanksgiving","Thanksgiving Harvest"],["happyThanksgiving","Thanksgiving Table"],["halloween","Halloween"],["shamrock","Shamrock"],["glory","Glory"]];
}
	
function loadPreview()
{
	var showThumbnails = document.getElementById("showThumbnails");
	
	var htmlThumbnails = "<table><tr><td align=\"center\" wrap=\"wrap\" valign=\"middle\">Standard Themes:</td>";
	var htmlTitles = "</tr><tr><td></td>";
	
	for(var i = 0; i < themes.length; i++)
	{
		htmlThumbnails += "<td><img style=\"display: inline\" title=\""+themes[i][1]+"\" src=\"images/thumbnails/"+themes[i][0]+"_thumb.jpg\" width=\"113px\" height=\"65px\" onclick=\"selectPreview(\'"+themes[i][0]+"\',\'"+themes[i][1]+"\')\"/></td>";
  		htmlTitles += "<td align=\"center\">"+themes[i][1]+"</td>";
	}
	
	 htmlThumbnails += "<td align=\"center\" wrap=\"wrap\" valign=\"middle\">Holiday Themes:</td>";
	 htmlTitles += "<td></td>";
	 
	 for(var i = 0; i < holiday.length; i++)
	 {
	 	htmlThumbnails += "<td><img style=\"display: inline\" title=\""+holiday[i][1]+"\" src=\"images/thumbnails/"+holiday[i][0]+"_thumb.jpg\" width=\"113px\" height=\"65px\" onclick=\"selectPreview(\'"+holiday[i][0]+"\',\'"+holiday[i][1]+"\')\"/></td>";
  		htmlTitles += "<td align=\"center\">"+holiday[i][1]+"</td>";
	 } 
	 htmlTitles += "</tr></table>";
	 
	 showThumbnails.innerHTML = htmlThumbnails + htmlTitles;
	 
	 selectPreview(themes[0][0],themes[0][1]);
}

function selectPreview( previewKey, previewName)
{
    var previewSrc = "images/thumbnails/" + previewKey + "_thumb.jpg";
    
    //alert ( "DEBUG: changing to : " + previewSrc );
    
    var previewImage = document.getElementById("fullPreviewImage");
    previewImage.src =  previewSrc;
    
    var fullPreviewName = document.getElementById ("fullPreviewName");
    fullPreviewName.innerHTML = previewName;
	
	var fullPreviewNameTop = document.getElementById("fullPreviewNameTop");
	fullPreviewNameTop.innerHTML = previewName;
}