// customize_70.js (renamed 12/10/08)
// replaces  dtlCB_70.js
// renamed 9/16/08 
// replaces dtlCB_06.js
// Customizable Handbags - Javascript 
// author: Nick-Stone.com

// modified enlarge handler because I'm switching to CSS for enlarging 
// for all browsers except IE6, which is too buggy for CSS enlarging
// so, enlarge javascript will just handle IE6 as of 9/25/07


// updated 10/12/08 add precache for customize_it_steps.php group fabric images (solids and patterns)
// updated 10/19/08
// renamed & updated 12/10/08
// updated 11/06/09 add JS form validation for new Contact Page Form  (bottom of this page)
// 					... added event handler condition to open popup for fabric enlargement
//					... re-arranged popup window variables to make fabric popup work
// updated 11/24/09 add conditional check to set_form_validation_handler() to avoid call when NULL
/////////////////////////////////////////////////////////////////

//-------------------------------------------------------------------
//-------------------------------------------------------------------
//-------------------------------------------------------------------
//
//	ONLOAD & ONUNLOAD Functions
//
//


window.onunload=function()
	// if subwindow is still open, close it onunload
	// this prevents a medium size window being reused to display a large image

	{
	if((imgWindow)&&(!imgWindow.closed))
		{
		imgWindow.close();
		}
	}

/////////////////////////////////////////////////////////////////

window.onload=function()
	{
	cache_nav_bullets();
	cache_group_fabric_images();
	set_enlarge_handlers();
	set_form_validation_handler();
//	set_customize_handlers();
//	display_paypal_btns();
//	precache_paypal_hover_btns();
//	set_paypal_button_handlers();
	// set enlarge-window defaults
	// default settings apply unless imgSize variable is set in header

	// if img to enlarge is only medium sized, as indicated with 
	// "imgSize" parameter set in variables in HTML page
	// then override default size settings
	if(imgSize && imgSize=="medium")
		{
	resize();
		}
	}
/////////////////////////////////////////////////////////////////
function set_form_validation_handler()
	{
		if(document.getElementById('incoming'))
			{
				document.getElementById('incoming').onsubmit=checkForm;
			}
	}	
	
/////////////////////////////////////////////////////////////////

var bp="images_080910/" // bp=bullet path
var bullet=new Array();  // side nav bullet images for hover

function cache_nav_bullets()
	{	
		for (var i=0;i<10;i++)
		{
		bullet[i]=new Image(17,17);
		if (i+1>9) // no leading zero when (i+1) is two digits
			{
			bullet[i].src=bp+'bullet_fan_'+[i+1]+'.jpg';
			}
			else // else, add leading zero
			{
			bullet[i].src=bp+'bullet_fan_0'+[i+1]+'.jpg';
			}
		}	
	}	
/////////////////////////////////////////////////////////////////


var group_solids=new Array();
var group_patterns= new Array();

function cache_group_fabric_images()
{
for (var i=0;i<11;i++)
	{
	group_solids[i]=new Image(150,150);
	}
group_solids[0].src="images_080910/solid_groups/ambience_bemberg_120x.jpg";	
group_solids[1].src="images_080910/solid_groups/antique_satin_120x.jpg";	
group_solids[2].src="images_080910/solid_groups/bridal_silk_120x.jpg";	
group_solids[3].src="images_080910/solid_groups/bridal_taffeta_120x.jpg";	
group_solids[4].src="images_080910/solid_groups/china_silk_poly_120x.jpg";	
group_solids[5].src="images_080910/solid_groups/duchess_satin_120x.jpg";	
group_solids[6].src="images_080910/solid_groups/e_w_satin_120x.jpg";	
group_solids[7].src="images_080910/solid_groups/p_p_dupioni_silk_120x.jpg";	
group_solids[8].src="images_080910/solid_groups/pongee_120x.jpg";	
group_solids[9].src="images_080910/solid_groups/r_c_dupioni_silk_120x.jpg";	
group_solids[10].src="images_080910/solid_groups/sweetheart_satin_120x.jpg";	


for (var i=0;i<16;i++)  // need to add faux fur below and change to i<17
	{
	group_solids[i]=new Image(150,150);
	}
group_solids[0].src="images_080910/pattern_groups/amy_butler_august_120x.jpg";	
group_solids[1].src="images_080910/pattern_groups/amy_butler_belle_120x.jpg";	
group_solids[2].src="images_080910/pattern_groups/amy_butler_lotus_120x.jpg";	
group_solids[3].src="images_080910/pattern_groups/amy_butler_nigella_120x.jpg";	
group_solids[4].src="images_080910/pattern_groups/bishop_satin_120x.jpg";	
group_solids[5].src="images_080910/pattern_groups/exotic_chenille_120x.jpg";	
group_solids[6].src="images_080910/pattern_groups/irish_chocolate_120x.jpg";	
group_solids[7].src="images_080910/pattern_groups/jacquard_campari_120x.jpg";	
group_solids[8].src="images_080910/pattern_groups/joel_dewberry_ginseng_120x.jpg";	
group_solids[9].src="images_080910/pattern_groups/kaufmann_boscobel_120x.jpg";	
group_solids[10].src="images_080910/pattern_groups/kaufmann_fret_120x.jpg";	
group_solids[11].src="images_080910/pattern_groups/kaufmann_monkey_120x.jpg";	
group_solids[12].src="images_080910/pattern_groups/kaufmann_sugar_120x.jpg";	
group_solids[13].src="images_080910/pattern_groups/michael_miller_pod_120x.jpg";	
group_solids[14].src="images_080910/pattern_groups/midtown_120x.jpg";	
group_solids[15].src="images_080910/pattern_groups/milan_120x.jpg";	

}

/////////////////////////////////////////////////////////////////

//var paypalbutton=new Array();  //  global array

//function precache_paypal_hover_btns() 
//	{
//	paypalbutton[0]=new Image(156,92);
//	paypalbutton[1]=new Image(156,92);
//	paypalbutton[2]=new Image(154,92);  // smaller button width for view cart
//	paypalbutton[0].src="images/admin/add_as_shown_hover_03.gif"; // as shown
//	paypalbutton[1].src="images/admin/add_to_cart_hover_03.gif"; // as customized
//	paypalbutton[2].src="images/admin/view_cart_hover_03.gif";  // view cart
//	}


/////////////////////////////////////////////////////////////////

function set_enlarge_handlers()
	{
	if (document.getElementById("imgbox")) 
		{
		var list=document.getElementById("imgbox").getElementsByTagName("a");
	
		for(var i=0;i<list.length;i++)
			{
			// filter out links to "customize this handbag"
			if(list[i].className!="customize-it")
				{
				list[i].onclick=checkForImgWindow;
				list[i].onkeypress=checkForImgWindow;
				}  // end IF NOT("customize-it")
			}  // end FOR
		}  // end IF("imgbox")
	if (document.getElementById("fabric-colors"))
		{
//alert("found fabric-colors and about to set handler to checkForImgWindow()")		
		var list=document.getElementById("fabric-colors").getElementsByTagName("a");
		for(var i=0;i<list.length;i++)
			{
				list[i].onclick=checkForImgWindow;
				list[i].onkeypress=checkForImgWindow;
			}  // end FOR
		}  // end IF("fabric-colors")
	}  // end function



/////////////////////////////////////////////////////////////////


//function set_customize_handlers()
//	{
	// filter out leather bags that don't have customize form
//	if(document.getElementById("fabform"))
//		{
//		var form=document.getElementById("fabform");
//		var input_list=form.getElementsByTagName("input");
//		for(var i=0;i<input_list.length;i++)
//			{
//			radioFabArray[i]=input_list[i].value;
//			radioOutLinerArray[i]=input_list[i].name;
			// set radio handlers
//			input_list[i].onclick=dimColors;
//			input_list[i].onkeypress=dimColors;
			//input_list[i].onclick=testdim;
//			}

		// set select handlers
//		var selist=form.getElementsByTagName("select");
//		for(i=0;i<selist.length;i++)
//			{
//			selist[i].onchange=getColor;
			//selist[i].onchange=test;
//			}
//		}
//	}


/////////////////////////////////////////////////////////////////

//function display_paypal_btns() 
//	{
	// light javascript buttons
	// hide noscript buttons

	// IE DOM Syntax & IE Stylesheets
//	if (document.all) 
//		{
//		document.styleSheets[3].rules[0].style.visibility="visible";
//		document.styleSheets[3].rules[1].style.visibility="hidden";
//		document.styleSheets[3].rules[2].style.visibility="hidden";
//		} 
	// W3C DOM Syntax & MOZ Stylesheets
//	else 
//		{
//		document.styleSheets[1].cssRules[0].style.visibility="visible";
//		document.styleSheets[1].cssRules[1].style.visibility="hidden";
//		}
//	}


/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////

//function set_paypal_button_handlers()
//	{
	// set handlers for button images 

//	document.getElementById("add-as-shown").onmouseover=rollover_add_as_shown;
//	document.getElementById("add-as-shown").onmouseout=rollout_add_as_shown;
//	document.getElementById("add-as-shown").onclick=zone_as_is;

//	document.getElementById("view-cart").onmouseover=rollover_view;
//	document.getElementById("view-cart").onmouseout=rollout_view;
//	document.getElementById("view-cart").onclick=viewcart;
//	}
		
		
	// some leather bags do offer custom choices, so enable the add-to-cart-as-customized button
//		document.getElementById("add-as-customized").onmouseover=rollover_add_as_customized;
//		document.getElementById("add-as-customized").onmouseout=rollout_add_as_customized;
//		document.getElementById("add-as-customized").onclick=zone_custom;


	// filter out pages without customizable options e.g. leather bags
//	if(document.getElementById("duplicate-cart"))
//		{
	

//		document.getElementById("add-as-customized-duplicate").onmouseover=rollover_add_as_customized;
//		document.getElementById("add-as-customized-duplicate").onmouseout=rollout_add_as_customized;
//		document.getElementById("add-as-customized-duplicate").onclick=zone_custom;

//		document.getElementById("view-cart-duplicate").onmouseover=rollover_view;
//		document.getElementById("view-cart-duplicate").onmouseout=rollout_view;
//		document.getElementById("view-cart-duplicate").onclick=viewcart;
//		}




/////////////////////////////////////////////////////////////////
// -------------------------------------------------
//	HOVER FUNCTIONS for CART BUTTONS
//


// rollover buttons are cached in a global variable array: paypalbutton
// rollout buttons are not in a variable array because precaching is not necessary

function rollover_add_as_shown(){
// alert(paypalbutton[0]);
	document.getElementById("add-as-shown").src=paypalbutton[0].src;
//	document.getElementById("add-as-shown").src="images/admin/add_as_shown_hover_03.gif";
	}

function rollout_add_as_shown() {
	document.getElementById("add-as-shown").src="images/admin/add_as_shown_03.gif";
	}


function rollover_add_as_customized(){
	document.getElementById("add-as-customized").src=paypalbutton[1].src;
	document.getElementById("add-as-customized-duplicate").src=paypalbutton[1].src;

//	document.getElementById("add-as-customized").src="images/admin/add_to_cart_hover_03.gif";
//	document.getElementById("add-as-customized-duplicate").src="images/admin/add_to_cart_hover_03.gif";
	}

function rollout_add_as_customized() {
	document.getElementById("add-as-customized").src="images/admin/add_to_cart_03.gif";
	document.getElementById("add-as-customized-duplicate").src="images/admin/add_to_cart_03.gif";
	}

function rollover_view() {
	document.getElementById("view-cart").src=paypalbutton[2].src; 
	document.getElementById("view-cart-duplicate").src=paypalbutton[2].src;  

//	document.getElementById("view-cart").src="images/admin/view_cart_hover_03.gif" 
//	document.getElementById("view-cart-duplicate").src="images/admin/view_cart_hover_03.gif" 
	}

function rollout_view(){
	document.getElementById("view-cart").src="images/admin/view_cart_03.gif";	
	document.getElementById("view-cart-duplicate").src="images/admin/view_cart_03.gif";	
	}




/////////////////////////////////////////////////////////////////


// -------------------------------------------------
//	ZONE FUNCTIONS 
//

var zoneWindow
var fabselected
var colorselected

var outerfab
var linerfab

var outercolor
var linercolor

var outerfabtext
var linerfabtext

var outercolortext
var linercolortext

var fabimgfolder

var acb=0 //acb add to cart AsCustomizedBelow (0 || 1)


/////////////////////////////////////////////////////////////////

function zone_custom(evt) 
	{
	acb=1;
	document.forms["paypaladd"].amount.value = surcharge + asShownPrice ;
	populatez1();
	}


function zone_as_is(evt)
	// called by paypal_button_handler
	{
	// set customized variable to false
	acb=0;
	//populate paypaladd form variable with as-shown price
	document.forms["paypaladd"].amount.value = asShownPrice ;
	populatez1();
	}

/////////////////////////////////////////////////////////////////

function askZone() 
	{
	}


/////////////////////////////////////////////////////////////////

function closeZoneWindow()
	{
	}


/////////////////////////////////////////////////////////////////

function checkZone() 
	{

	}


/////////////////////////////////////////////////////////////////


function populatez1() 
	{
	if (confirm("If your shipping destination is anywhere in the United States, press 'OK' to continue.  Otherwise, please press 'Cancel' and contact us for an international shipping quote." ))
		{
//		document.forms["paypaladd"].handling_cart.value = "0.00";
//		document.forms["paypaladd"].shipping.value = "0.00";
//		document.forms["paypaladd"].shipping2.value = "0.00";
		// alert("populate additional options, if applicable, then submit")
		populate();
		}
	else
		{
		location.href="contact.html";
		}
	}

/////////////////////////////////////////////////////////////////


function populatez2() 
	{
	}
/////////////////////////////////////////////////////////////////

function populatez3() 
	{
	}
/////////////////////////////////////////////////////////////////


function populate() 
	{
	// check if buying asShown (acb=0) or asCustomizedBelow (acb=1)
	// alert(" pass outer and liner global variables to Paypal form")
	if (acb==1) 
		{
		document.forms["paypaladd"].on0.value = "Outer: " + outerfab;
		document.forms["paypaladd"].os0.value = outercolor;
		document.forms["paypaladd"].on1.value = "Liner: " + linerfab;
		document.forms["paypaladd"].os1.value = linercolor;
		} 
	else 
		{
		document.forms["paypaladd"].on0.value = "Outer: " + asXFab;
		document.forms["paypaladd"].os0.value = asXColor;
		document.forms["paypaladd"].on1.value = "Liner: " + asLFab;
		document.forms["paypaladd"].os1.value = asLColor;
		}
	// add back forms target, removed from HTML for W3C standards compliance
	document.forms["paypaladd"].target="Paypal";
	// submit
	document.forms["paypaladd"].submit();
	}
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////


function viewcart() 
	{
	// add back forms target, removed from HTML for W3C standards compliance
	document.forms["cartform"].target="Paypal";
	// submit
	document.forms["cartform"].submit();
	}






////////////////////////////////////////////////////////////////////

//-------------------------------------------------------------------
//-------------------------------------------------------------------
//-------------------------------------------------------------------

//	CUSTOMIZE FUNCTIONS

var radioFabArray		= new Array()
var radioOutLinerArray 	= new Array()


/////////////////////////////////////////////////////


////////////////////////////////////////////////////////////////////
function dimColors(evt) 
// Disables select controls (color choices)
	{
	var ol=this.name;
	var fab=this.value;
	 //1.  Loop to disable all selects & reset options to option 0
	 //1.5  also uncheck radio btns in non-active group

	var daForm=document.fabform ;
	for (var i=0; i < daForm.elements.length; i++) 
		{
		// if element is a select, disable & reset it
		if (daForm.elements[i].type=="select-one") 
			{
			daForm.elements[i].disabled=1;
			daForm.elements[i].selectedIndex=0;
			} 
		else if (ol !== daForm.elements[i].name)
			{
			// else element is radio btn
			// if radio element is not in the group with focus(either outer or liner group), uncheck it
			daForm.elements[i].checked=0;
			}
		}
		 // 2. call lightNewColor to enable the appropriate select box
		lightNewColor(ol,fab);
	}

//////////////////////////////////////////////////////////
function getColor(evt) 
	{
	// getColor called from onchange select  

	var c=this.value;
	var oi=this.className;
	var ctxt=this.options[this.selectedIndex].text;
	if (oi=="outer")
		{
		// global variable for fabric text and fabric code has already been set, 
		// now set global variables for color text and color code
		outercolor = c
		outercolortext = ctxt
		document.getElementById("outerimg").src = fabimgfolder + outercolor + ".jpg"
		document.getElementById("outerfabtextlabel").innerHTML=outerfabtext
		document.getElementById("outerfabtextlabel").style.font="15px serif";
		document.getElementById("outerfabtextlabel").style.color="darkred";
		document.getElementById("outercolortextlabel").innerHTML=outercolortext
		document.getElementById("outercolortextlabel").style.font="15px serif";
		document.getElementById("outercolortextlabel").style.color="darkred";
		}
	else
		{
		// global variable for fabric text and fabric code has already been set, 
		// now set global variables for color text and color code
		linercolor = c
		linercolortext = ctxt
		document.getElementById("linerimg").src = fabimgfolder + linercolor + ".jpg"
		document.getElementById("linerfabtextlabel").innerHTML=linerfabtext
		document.getElementById("linerfabtextlabel").style.font="15px serif";
		document.getElementById("linerfabtextlabel").style.color="darkred";
		document.getElementById("linercolortextlabel").innerHTML=linercolortext
		document.getElementById("linercolortextlabel").style.font="15px serif";
		document.getElementById("linercolortextlabel").style.color="darkred";
		}
	}

///////////////////////////////////////////////////////////////////////


function lightNewColor(ol,fab) {
	// 1. begin lightNewColor with :" + ol+ "  " + fab
	if (fab=="chenjac"){
		showChenjac(ol);
	} else if (fab=="Bengaline"){
		showBengaline(ol);
	} else if (fab=="Bemberg"){
		showBemberg(ol);
	} else if (fab=="Silkbl"){
		showSilkbl(ol);
	} else if (fab=="Silkre"){
		showSilkre(ol);
	} else if (fab=="Silkpi"){
		showSilkpi(ol);
	} else if (fab=="Silkgo"){
		showSilkgo(ol);
	} else if (fab=="Silkgr"){
		showSilkgr(ol);
	} else if (fab=="Silkbr"){
		showSilkbr(ol);
	} else if (fab=="Cottoncontempo"){
		showCottoncontempo(ol);
	} else if (fab=="Satincharmeuse"){
		showSatincharmeuse(ol);
	} else{
		showSatinbridal(ol);
	}
}

////////////////////////////////////////////////////////////////

function showChenjac(OL) {
fabimgfolder="images/fabimages/chenjacthumbs/";   //set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].chenjacZ.disabled=false;
outerfab = "chenjac";
outerfabtext="Chenille Jacquard";
}
else
{document.forms["fabform"].chenjacL.disabled=false;
linerfab = "chenjac" ;
linerfabtext="Chenille Jacquard";
}
}
/////////////////////////////////////////////////////////////////

function showBemberg(OL) {
fabimgfolder="images/fabimages/bembthumbs/";   //set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].BembergZ.disabled=false;
outerfab = "Bemberg";
outerfabtext="Bemberg";
}
else
{document.forms["fabform"].BembergL.disabled=false;
linerfab = "Bemberg" ;
linerfabtext="Bemberg";
}
}
/////////////////////////////////////////////////////////////////



function showBengaline(OL) {
// give path to global variable to retrieve img
fabimgfolder="images/fabimages/bengthumbs/";   
if (OL=="out") 
{document.forms["fabform"].BengalineZ.disabled=false;
// alert("set global variable for fabric code")
outerfab = "Bengaline";
// set global variable for fabric label
outerfabtext = "Bengaline";
}
else
{document.forms["fabform"].BengalineL.disabled=false;
// set global variable for liner code
linerfab = "Bengaline" ;
// set global variable for liner label
linerfabtext="Bengaline"; 
}
}
/////////////////////////////////////////////////////////////////


function showSilkbl(OL) {
fabimgfolder="images/fabimages/silkblthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkblZ.disabled=false;
outerfab = "Silkbl";
outerfabtext="Silk: Blues, Greens";
}
else
{document.forms["fabform"].SilkblL.disabled=false;
linerfab = "Silkbl" ;
linerfabtext="Silk: Blues, Greens"; 
}
}
/////////////////////////////////////////////////////////////////

function showSilkre(OL) {
fabimgfolder="images/fabimages/silkrethumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkreZ.disabled=false;
outerfab = "Silkre";
outerfabtext="Silk: Reds, Oranges";
}
else
{document.forms["fabform"].SilkreL.disabled=false;
linerfab = "Silkre" ;
linerfabtext="Silk: Reds, Oranges";
}
}
/////////////////////////////////////////////////////////////////

function showSilkpi(OL) {
fabimgfolder="images/fabimages/silkpithumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkpiZ.disabled=false;
outerfab = "Silkpi";
outerfabtext="Silk: Pinks, Purples"; 
}
else
{document.forms["fabform"].SilkpiL.disabled=false;
linerfab = "Silkpi" ;
linerfabtext="Silk: Pinks, Purples"; 
}
}
/////////////////////////////////////////////////////////////////

function showSilkgo(OL) {
fabimgfolder="images/fabimages/silkgothumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkgoZ.disabled=false;
outerfab = "Silkgo";
outerfabtext="Silk: Golds, Yellows";
}
else
{document.forms["fabform"].SilkgoL.disabled=false;
linerfab = "Silkgo" ;
linerfabtext="Silk: Golds, Yellows";
}
}
/////////////////////////////////////////////////////////////////

function showSilkgr(OL) {
fabimgfolder="images/fabimages/silkgrthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkgrZ.disabled=false;
outerfab = "Silkgr";
outerfabtext="Silk: Grays, Blacks"; 
}
else
{document.forms["fabform"].SilkgrL.disabled=false;
linerfab = "Silkgr" ;
linerfabtext="Silk: Grays, Blacks"; 
}
}
/////////////////////////////////////////////////////////////////

function showSilkbr(OL) {
fabimgfolder="images/fabimages/silkbrthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SilkbrZ.disabled=false;
outerfab = "Silkbr";
outerfabtext="Silk: Browns, Taupes";
}
else
{document.forms["fabform"].SilkbrL.disabled=false;
linerfab = "Silkbr" ;
linerfabtext="Silk: Browns, Taupes"; 
}
}
/////////////////////////////////////////////////////////////////

function showSatinbridal(OL) {
fabimgfolder="images/fabimages/satbrthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SatinbridalZ.disabled=false;
outerfab = "Satinbridal";
outerfabtext="Bridal Satin"; 
}
else
{document.forms["fabform"].SatinbridalL.disabled=false;
linerfab = "Satinbridal" ;
linerfabtext="Bridal Satin";  
}
}
/////////////////////////////////////////////////////////////////

function showSatincharmeuse(OL) {
fabimgfolder="images/fabimages/satchthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].SatincharmeuseZ.disabled=false;
outerfab = "Satincharmeuse";
outerfabtext="Satin Charmeuse";
}
else
{document.forms["fabform"].SatincharmeuseL.disabled=false;
linerfab = "Satincharmeuse" ;
linerfabtext="Satin Charmeuse"; 
}
}
/////////////////////////////////////////////////////////////////

function showCottoncontempo(OL) {
fabimgfolder="images/fabimages/cotconthumbs/";	//set global variable to retrieve img
if (OL=="out") 
{document.forms["fabform"].CottoncontempoZ.disabled=false;
outerfab = "Cottoncontempo";
outerfabtext="Contemporary Cottons";
}
else
{document.forms["fabform"].CottoncontempoL.disabled=false;
linerfab = "Cottoncontempo" ;
linerfabtext="Contemporary Cottons"; 
}
}
/////////////////////////////////////////////////////////////////

//-------------------------------------------------------------------
//-------------------------------------------------------------------
//-------------------------------------------------------------------

// ---------------------------------------------------------------
//	ENLARGE FUNCTIONS


// ----------------------------------------------------
// set global variables for image enlarge functions

var onStage	//featured image in subwindow

var imgWindow

var imgSpecs

// don't reverse single and dbl quote marks on regImgSpecs
var regWinSpecs="height=600,width=600,scrollbars=1,resizable=0"
var regImgSpecs= 'style="height:580;width:580;">'
var regWinName ="imgWindow.html"

var rsWinSpecs = "height=400,width=400,scrollbars=1,resizable=0"
var rsImgSpecs= "style='height:380;width:380;'>"
var rsWinName = "imgWindowRS.html"

// set default popup window settings for photo enlargement
var winSpecs=regWinSpecs;
var imgSpecs=regImgSpecs;
var winName=regWinName;

var imgSize

var reducedSize=0


/////////////////////////////////////////////////////////////////


function checkForImgWindow(evt) 
	{
//alert("begin checkForImgWindow");
	onStage=this.href;
	// if subwindow has been opened by a previous page, the onunload
	// closes it
	// But this checks to see if the current page has opened & left open 
	// a subwindow	
	if((!imgWindow) || (imgWindow.closed)) 
		{
		openImgWindow();
		} 

	paintWindow();

	// prevent default link behavior
	return false;
	}

/////////////////////////////////////////////////////////////////

function resize()
//  called onload if page header variable indicates smaller img
	{
		winSpecs=rsWinSpecs;
		imgSpecs=rsImgSpecs;
		winName=rsWinName;
	}

/////////////////////////////////////////////////////////////////

function openImgWindow() 
	{
 	// opens subwindow to display enlarged image 

	// IE DOM syntax
	if (document.all) {
		imgWindow=open(winName,"Enlarged",winSpecs);
		} 

	// W3C DOM syntax
	else 
		{
//alert("doing openImgWindow() for MOZ syntax browser");		
		imgWindow=window.open(winName,"Enlarged",winSpecs);
		}
	}

/////////////////////////////////////////////////////////////////

function paintWindow() 
	{
	var onStageContent="<html><head><title>FashionPalette.com - Enlarged ";
	onStageContent += "Image</title></head><body><img src=";
	onStageContent += onStage;
	onStageContent += " alt='The Big Picture' "
	onStageContent +=  imgSpecs;
	onStageContent += "</body></html>";

	// write content to imgWindow
	imgWindow.document.write(onStageContent);

	//close layout stream
	imgWindow.document.close();  
	imgWindow.focus();
	}
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////



function checkForm()
{
// which page is it?  different pages have different form inputs

// IF CONTACT PAGE
	if(document.getElementById('incoming'))
	{
			var visitor_name, email, phone, timezone, comments;
			var form = document.getElementById('incoming');
			visitor_name    = form.visitor_name;
			email   = form.email;
			phone = form.phone;
			timezone= form.timezone;

			comments = form.comments;


		if(trim(visitor_name.value) == '')
		{
			alert('Please enter your name');
			visitor_name.focus();
			return false;
		}
		else if(trim(email.value) == '')
		{
			alert('Please enter your email');
			email.focus();
			return false;
		}
		else if(!isEmail(trim(email.value)))
		{
			alert('Email address is not valid');
			email.focus();
			return false;
		}
		else if(trim(phone.value).length < 12)
		{
			alert('Please enter your phone number\nincluding area code\nxxx-xxx-xxxx');
			phone.focus();
			return false;
		}
		else if(trim(timezone.value) == 'Nothing-Selected')
		{
			alert('Please enter your time zone');
			timezone.focus();
			return false;
		}

		else
		{
			visitor_name.value    = trim(visitor_name.value);
			email.value   = trim(email.value);
			phone.value =  trim(phone.value);
			timezone.value = trim(timezone.value);

			comments.value    = trim(comments.value);
			return true;
		}

	}
}

/*
Strip whitespace from the beginning and end of a string
Input : a string
*/
function trim(str)
{
	return str.replace(/^\s+|\s+$/g,'');
}

/*
Check if a string is in valid email format.
Returns true if valid, false otherwise.
*/
function isEmail(str)
{
	var regex = /^[-_.a-z0-9]+@(([-_a-z0-9]+\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i;
		return regex.test(str);
}


/////////////////////////////////////////////////////////////////