var arrowImageHeight = 35;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 0;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var imageGalleryCaptions = new Array();
	
	
	
	function showPreview(newSrc)
	{   
		if(!previewImage){
		  
			var images = document.getElementById('showimage').getElementsByTagName('img');
			if(images.length>0){
				previewImage = images[0];
			}
			else{
				previewImage = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(previewImage);	
			}
			//previewImage.src = '';
			
		}
		//if(displayWaitMessage){
        //    document.getElementById('waitMessage').style.display='block';
		//}
		//previewImage.onload = function() { hideWaitMessage(); };				
		previewImage.src = waiturl;
	
		previewImage.src = newSrc;
		
	}
	function hideWaitMessage()
	{
		document.getElementById('waitMessage').style.display='none';	
		
	}	
	
	function prepareupdate(form){
	  
	   el = document.getElementById(form);
	   inputarray = el.elements;
	   
	   query = "";
	   for(i=0; i<inputarray.length; i++){
	       if(inputarray[i].type != 'submit'){
	       if(i!=0)query+="&";
	       query+=inputarray[i].id + "=" + encodeURIComponent(inputarray[i].value);
	       }
	   }
	 
	  
	   url = 'customimage.php?' + query;
	   showPreview(url);
	}
	
	
	
	function  fontpreview(selectmenu, image) {
	  
	   el = document.getElementById(selectmenu);
	   newsrc = "fontthumbs/" + el.options[el.selectedIndex].value + ".png";
	   img = document.getElementById(image);
	   
	   img.src = newsrc;
	}
	
	function  stylepreview(selectmenu, image) {
	  
	   el = document.getElementById(selectmenu);
	   newsrc = "styles/" + el.options[el.selectedIndex].value + ".png";
	   img = document.getElementById(image);
	   img.src = newsrc;
	}
	
	
	
    function  clipartpreview(selectmenu, image) {
     
	   el = document.getElementById(selectmenu);
	   newsrc = "clipartthumbs/" + el.options[el.selectedIndex].value;
	   img = document.getElementById(image);
	   img.src = newsrc;
	}
	
	
	function prepareartboard(area) {
	
	   if(area == 'a'){
	      elArray = new Array('f1','f2','fc1','fc2','oc1','oc2','a1top','a1bot', 'i1','lc1', 'pic1file','size1','size2','logos1');
	      ab = document.getElementById('artboard1');
	   }
	   
	  else{
	    elArray = new Array('f3','f4','fc3','fc4','oc3','oc4','a2top','a2bot', 'i2','lc2', 'pic2file','size3','size4','logos2');
	     ab = document.getElementById('artboard2');
	  }
	   
  
	   query = "";
	   count = 0;
	   for(i=0; i<elArray.length; i++){
	       el = elArray[i];
	       if(document.getElementById(el)){
	         
	         if(count!=0)query+="&";
	         query+=elArray[i] + "=" + encodeURIComponent(document.getElementById(elArray[i]).value);
	         count++;
	       }
	   }
	  var timestamp = new Date();
	  url = 'artboard.php?' + query + "&" + timestamp.valueOf();
	  ab.src = waiturl2;
	  ab.src = url;
	
	}
	
	function togglelogo(logo, command){
	   
	    //Create XMLHttpRequest
         var http = false;

     if(window.XMLHttpRequest){ // Mozilla, Safari, ...
        http = new XMLHttpRequest();
        if(http.overrideMimeType){
           http.overrideMimeType('text/xml');
        }
        }
       else if(window.ActiveXObject){ // IE
         try {
            http = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
}
         http.open("get", "toggleview.php?logo="+logo+"&command="+command, true);
         http.onreadystatechange=function() {
            if(http.readyState == 4) {
               // alert(http.responseText);
            }
         }
          http.send(null);

	}
	
	
	function updatetimestamp(){
	  var timestamp = new Date();
	  el = document.getElementById('timestamp');
	  el.value = timestamp.valueOf();
	 	 
	}
	
	function quanCheck(){
	  q = document.getElementById("quantity").value;
	  if(isNaN(q) || q<12) { 
	    alert("You must order at least 12 bags!  Enter the quantity in digits.");
	    return false;
	  }
	  else {
	    return true;
	  }
	}

	function styleAlert(){
		alert("Font Style will not appear on bag or art board.  After design is submitted a true replication of your customized bag will be emailed to you with your selected Font Style.");
	}