// JavaScript Document
var request;
var brand_data_in;
var style_data_in;
var heel_data_in;
var size_data_in;
var color_data_in;
var cart_request;

var ef = null;

var color_images = new Array();
color_images["color0"] = new Array("Y", "N","U");
color_images["color0"]["Y"] = "skin1/images/beige_s.jpg";
color_images["color0"]["N"] = "skin1/images/beige.jpg";
color_images["color0"]["U"] = "skin1/images/beige_na.jpg";
color_images["color0"]["name"] = "Beige";
color_images["color1"] = new Array("Y", "N","U");
color_images["color1"]["Y"] = "skin1/images/white_s.jpg";
color_images["color1"]["N"] = "skin1/images/white.jpg";
color_images["color1"]["U"] = "skin1/images/white_na.jpg";
color_images["color1"]["name"] = "White";
color_images["color2"] = new Array("Y", "N","U");
color_images["color2"]["Y"] = "skin1/images/black_s.jpg";
color_images["color2"]["N"] = "skin1/images/black.jpg";
color_images["color2"]["U"] = "skin1/images/black_na.jpg";
color_images["color2"]["name"] = "Black";
color_images["color3"] = new Array("Y", "N","U");
color_images["color3"]["Y"] = "skin1/images/brown_s.jpg";
color_images["color3"]["N"] = "skin1/images/brown.jpg";
color_images["color3"]["U"] = "skin1/images/brown_na.jpg";
color_images["color3"]["name"] = "Brown";
color_images["color4"] = new Array("Y", "N","U");
color_images["color4"]["Y"] = "skin1/images/grey_s.jpg";
color_images["color4"]["N"] = "skin1/images/grey.jpg";
color_images["color4"]["U"] = "skin1/images/grey_na.jpg";
color_images["color4"]["name"] = "Grey";
color_images["color5"] = new Array("Y", "N","U");
color_images["color5"]["Y"] = "skin1/images/gold_s.jpg";
color_images["color5"]["N"] = "skin1/images/gold.jpg";
color_images["color5"]["U"] = "skin1/images/gold_na.jpg";
color_images["color5"]["name"] = "Gold";
color_images["color6"] = new Array("Y", "N","U");
color_images["color6"]["Y"] = "skin1/images/silver_s.jpg";
color_images["color6"]["N"] = "skin1/images/silver.jpg";
color_images["color6"]["U"] = "skin1/images/silver_na.jpg";
color_images["color6"]["name"] = "Silver";
color_images["color7"] = new Array("Y", "N","U");
color_images["color7"]["Y"] = "skin1/images/blue_s.jpg";
color_images["color7"]["N"] = "skin1/images/blue.jpg";
color_images["color7"]["U"] = "skin1/images/blue_na.jpg";
color_images["color7"]["name"] = "Blue";
color_images["color8"] = new Array("Y", "N","U");
color_images["color8"]["Y"] = "skin1/images/pink_s.jpg";
color_images["color8"]["N"] = "skin1/images/pink.jpg";
color_images["color8"]["U"] = "skin1/images/pink_na.jpg";
color_images["color8"]["name"] = "Pink";
color_images["color9"] = new Array("Y", "N","U");
color_images["color9"]["Y"] = "skin1/images/purple_s.jpg";
color_images["color9"]["N"] = "skin1/images/purple.jpg";
color_images["color9"]["U"] = "skin1/images/purple_na.jpg";
color_images["color9"]["name"] = "Purple";
color_images["color10"] = new Array("Y", "N","U");
color_images["color10"]["Y"] = "skin1/images/red_s.jpg";
color_images["color10"]["N"] = "skin1/images/red.jpg";
color_images["color10"]["U"] = "skin1/images/red_na.jpg";
color_images["color10"]["name"] = "Red";
color_images["color11"] = new Array("Y", "N","U");
color_images["color11"]["Y"] = "skin1/images/yellow_s.jpg";
color_images["color11"]["N"] = "skin1/images/yellow.jpg";
color_images["color11"]["U"] = "skin1/images/yellow_na.jpg";
color_images["color11"]["name"] = "Yellow";
color_images["color12"] = new Array("Y", "N","U");
color_images["color12"]["Y"] = "skin1/images/green_s.jpg";
color_images["color12"]["N"] = "skin1/images/green.jpg";
color_images["color12"]["U"] = "skin1/images/green_na.jpg";
color_images["color12"]["name"] = "Green";
color_images["color13"] = new Array("Y", "N","U");
color_images["color13"]["Y"] = "skin1/images/orange_s.jpg";
color_images["color13"]["N"] = "skin1/images/orange.jpg";
color_images["color13"]["U"] = "skin1/images/orange_na.jpg";
color_images["color13"]["name"] = "Orange";
color_images["color14"] = new Array("Y", "N","U");
color_images["color14"]["Y"] = "skin1/images/clear_s.jpg";
color_images["color14"]["N"] = "skin1/images/clear.jpg";
color_images["color14"]["U"] = "skin1/images/clear_na.jpg";
color_images["color14"]["name"] = "Clear";
color_images["color15"] = new Array("Y", "N","U");
color_images["color15"]["Y"] = "skin1/images/multi_s.jpg";
color_images["color15"]["N"] = "skin1/images/multi.jpg";
color_images["color15"]["U"] = "skin1/images/multi_na.jpg";
color_images["color15"]["name"] = "Multi-Color";

var TargetDate;

var settings = {
	bigImage_always_visible: false,
	drag_mode: false
};

var cur_zoom = null;

var clickTest = function(eve) 
{
	alert("X="+eve.clientX+", Y="+eve.clientY);
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

var xid = readCookie("xid");

function position_footer() 
{
	var bg = $('bg_bottom');
	var foot = $('Footer');
	
	var parent = Position.offsetParent(foot);
	
	var tmp = parent.offsetHeight - foot.clientHeight;
	foot.setStyle({ top: tmp+'px'});
}

function fadeBanner()
{
	if ($("bannerHeaderImg") && $("bannerHeaderTxt"))
	new Effect.Parallel([
		new Effect.Fade("bannerHeaderImg", {sync: true, from: 1, to: 0}),
		new Effect.Fade("bannerHeaderTxt", {sync: true, from: 1, to: 0})], {duration: 1});
}

function fadeProductsOut()
{
	if (ef) ef.cancel();

	ef = new Effect.Opacity("productArea",
			   {
				   duration: 0.25,
				   from: 1,
				   to: 0,
				   afterFinish: function (o) { ef = null;}
			   }
		);
}

function fadeProductsIn()
{
	showCountdown();
	
	if (ef) ef.cancel();
	ef = new Effect.Opacity("productArea",
			   {
				   duration: 0.25,
				   from: 0,
				   to: 1,
				   afterFinish: function (o) { ef = null;}
			   }
		);
}

function toggleOn(ele) 
{
	var imge = ele.getElementsBySelector("img");
	var anc = ele.getElementsBySelector("a");

	imge[0].src = "skin1/images/li-sl.gif";
	imge[0].title = "Selected";
	anc[0].className = "on";
}

function toggleOff(ele)
{
	var imge = ele.getElementsBySelector("img");
	var anc = ele.getElementsBySelector("a");

	imge[0].src = "skin1/images/li-un.gif";
	imge[0].title = "Available";
	anc[0].className = "off";
}

function toggleNo(ele)
{
	var imge = ele.getElementsBySelector("img");
	var anc = ele.getElementsBySelector("a");

	imge[0].title = "Unavailable";
	imge[0].src = "skin1/images/li-no.gif";
	anc[0].className = "no";
}

function toggleColorOn(ele) 
{
	var imge = ele.getElementsBySelector("img");

	imge[0].src = color_images[ele.id.toString()]["Y"];
	imge[0].className = "on";
	imge[0].title = color_images[ele.id.toString()]["name"]+" Selected";
}

function toggleColorOff(ele)
{
	var imge = ele.getElementsBySelector("img");

	imge[0].src = color_images[ele.id.toString()]["N"];
	imge[0].className = "off";
	imge[0].title = color_images[ele.id.toString()]["name"]+" Available";
}



function toggleColorNo(ele)
{
	var imge = ele.getElementsBySelector("img");

	imge[0].src = color_images[ele.id.toString()]["U"];
	imge[0].className = "no";
	imge[0].title = color_images[ele.id.toString()]["name"]+" Not Available";
}

function switch_brands(value,index)
{
	switch(brand_data_in[value.id])
	{
		case "Y":
			toggleOn(value);
			break;
		case "N":
			toggleOff(value);
			break;
		case "U":
		default:
			toggleNo(value);
	}
}

function switch_styles(value,index)
{
	switch(style_data_in[value.id])
	{
		case "Y":
			toggleOn(value);
			break;
		case "N":
			toggleOff(value);
			break;
		case "U":
		default:
			toggleNo(value);
	}
}

function switch_heels(value,index)
{
	switch(heel_data_in[value.id])
	{
		case "Y":
			toggleOn(value);
			break;
		case "N":
			toggleOff(value);
			break;
		case "U":
		default:
			toggleNo(value);
	}
}

function switch_sizes(value,index)
{
	switch(size_data_in[value.id])
	{
		case "Y":
			value.className = "sizeCellOn";
			value.title=value.title.replace(/ Not Available/g, " Available");
			break;
		case "N":
			value.className = "sizeCellOff";
			value.title=value.title.replace(/ Not Available/g, " Available");
			break;
		case "U":
		default:
			value.className = "sizeCellNo";
			value.title=value.title.replace(/ Not Available/, "");
			value.title=value.title.replace(/ Available/,"");
			value.title += " Not Available";
	}
}

function switch_colors(value,index)
{
	switch(color_data_in[value.id])
	{
		case "Y":
			toggleColorOn(value);
			break;
		case "N":
			toggleColorOff(value);
			break;
		case "U":
		default:
			toggleColorNo(value);
	}
}

function handle_brands(brand_data) {

	var brands = $$("#brandList li");
	brand_data_in = brand_data;
	brands.each(switch_brands);

}



function handle_styles(style_data) {

	var styles = $$("#styleList li");
	style_data_in = style_data;
	styles.each(switch_styles);
}

function handle_heels(heel_data) {

	var heels = $$("#heelsList li");
	heel_data_in = heel_data;
	heels.each(switch_heels);
}

function handle_sizes(size_data) {

	var sizes = $$("#sizeList td");
	size_data_in = size_data;
	sizes.each(switch_sizes);
}

function handle_colors(color_data) {

	var colors = $$("#colorList td");
	color_data_in = color_data;
	colors.each(switch_colors);
}

var parse_response = function(transport, json) {

	$('bg_bottom').style.cursor = 'default';
	
	if (!json)
	{
		alert("No JSON");
		return;
	}

	if (transport.responseText)
		$("productArea").innerHTML = transport.responseText;

	if (json.option_crumb)
		$("option_crumb").innerHTML = json.option_crumb;

	if (json.total_items)
		$("total_items").innerHTML = json.total_items;

	if (json.style_data) {
		handle_styles(json.style_data);
	}

	if (json.brand_data) {
		handle_brands(json.brand_data);
	}

	if (json.heel_data) {
		handle_heels(json.heel_data);
	}

	if (json.size_data) {
		handle_sizes(json.size_data);
	}

	if (json.color_data) {
		handle_colors(json.color_data);
	}

	if (json.ajax_page_selector)
	{
		$("page_selector_cont").innerHTML = json.ajax_page_selector;
	}

	fadeProductsIn();
}

var parse_page_response = function(transport, json) {

	$('bg_bottom').style.cursor = 'default';

	if (!json)
	{
		alert("No JSON");
		return;
	}

	if (transport.responseText)
		$("productArea").innerHTML = transport.responseText;

	if (json.option_crumb)
		$("option_crumb").innerHTML = json.option_crumb;

	if (json.total_items)
		$("total_items").innerHTML = json.total_items;


	if (json.ajax_page_selector)
	{
		$("page_selector_cont").innerHTML = json.ajax_page_selector;
	}

	fadeProductsIn();
}


var parse_cart_response = function(transport, json) {

	$('bg_bottom').style.cursor = 'default';

	if (!json)
	{
		alert("No JSON");
		return;
	}

	if (transport.responseText)
		$('footer_first').innerHTML=transport.responseText;

	var ele = $('product_price_'+json.prodid);
	if (ele)
		ele.innerHTML = "$"+json.prod_subtotal;

	ele = $('sub_total');
	if (ele)
		ele.innerHTML = "$"+json.subtotal;

	ele = $('cart_total');
	if (ele)
		ele.innerHTML = "$"+json.total_cost;

	ele = $('tax_cost');
	if (ele)
		ele.innerHTML = "$"+json.tax_cost;

	ele = $('discount_coupon');
	if (ele)
		ele.innerHTML = "$"+json.coupon_discount;

	ele = $('discount_sub_total');
	if (ele)
		ele.innerHTML = "$"+json.discounted_subtotal;

}

function filterStyle($name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOn($($name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&addStyle="+$name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	return false;
}

function unfilterStyle(name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOff($(name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&delStyle="+name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	Element.remove('cs_'+name);

	return false;
}

function filterHeel($name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOn($($name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&addHeel="+$name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );
	
	return false;
}

function unfilterHeel(name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOff($(name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&delHeel="+name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	Element.remove('cs_'+name);

	return false;
}

function filterColor($name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleColorOn($($name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&addColor="+$name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	return false;
}

function unfilterColor(name) {

	$('bg_bottom').style.cursor = 'wait';

	toggleColorOff($(name));
	request = new Ajax.Request("scripts/search.php?xid="+xid+"&delColor="+name,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	Element.remove('cs_'+name);

	return false;
}

function filterManu(id) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOn($("brand"+id));
	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&addManu="+id,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	return false;
}

function unfilterManu(id) {

	$('bg_bottom').style.cursor = 'wait';

	toggleOff($("brand"+id));
	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&delManu="+id,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	Element.remove('cs_man'+id);

	return false;
}

function filterSize(id) {

	$('bg_bottom').style.cursor = 'wait';

	$(id).className = "sizeCellOn";
	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&addSize="+id,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	return false;
}

function unfilterSize(id) {

	$('bg_bottom').style.cursor = 'wait';

	$(id).className = "sizeCellOff";
	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&delSize="+id,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	Element.remove('cs_'+id);

	return false;
}

function toggleStyle(id) {

	var els = "#"+id+" a";
	var ele = $$(els);
	var ret = false;

	if (ele[0].hasClassName('off'))
		ret = filterStyle(id);
	else if (ele[0].hasClassName('on'))
		ret = unfilterStyle(id);
	else
		return false;

	fadeBanner();
	fadeProductsOut();

	return ret;
}



function toggleManu(id) {

	var els = "#brand"+id+" a";
	var ele = $$(els);
	var ret= false;

	if (ele[0].hasClassName('off'))
		ret = filterManu(id);
	else if (ele[0].hasClassName('on'))
		ret = unfilterManu(id);
	else
		return false;

	fadeBanner();
	fadeProductsOut();

	return ret;
}

function toggleHeel(id) {

	var els = "#"+id+" a";
	var ele = $$(els);
	var ret = false;

	if (ele[0].hasClassName('off'))
		ret = filterHeel(id);
	else if (ele[0].hasClassName('on'))
		ret = unfilterHeel(id);
	else
		return false;

	fadeBanner();
	fadeProductsOut();

	return ret;
}



function toggleColor(id) {

	var els = "#"+id+" img";
	var ele = $$(els);
	var ret = false;

	if (ele[0].hasClassName('off'))
		ret = filterColor(id);
	else if (ele[0].hasClassName('on'))
		ret = unfilterColor(id);
	else
		return false;

	fadeBanner();
	fadeProductsOut();

	return ret;
}

function toggleSize(id) {

	var ele = $(id);
	var ret = false;

	if (ele.hasClassName('sizeCellOff'))
		ret = filterSize(id);
	else if (ele.hasClassName('sizeCellOn'))
		ret = unfilterSize(id);
	else
		return false;

	fadeBanner();
	fadeProductsOut();

	return ret;
}

function init_controls_and_scroller()
{
	initScrollPos(); 
	init_controls();
/*	var homepage_preload = [new Image(), new Image(), new Image(), new Image(), new Image()];
	homepage_preload[0].src = '/skin1/images/rollover-everyday.jpg';
	homepage_preload[1].src = '/skin1/images/rollover-working.jpg';
	homepage_preload[2].src = '/skin1/images/rollover-party.jpg';
	homepage_preload[3].src = '/skin1/images/rollover-fancy.jpg';
	homepage_preload[4].src = '/skin1/images/rollover-all.jpg';
*/
	new Effect.Shake("free");

}

function init_controls()
{
	//init_countdown();
	//position_footer();
}

function filterPrice(ele)
{

	$('bg_bottom').style.cursor = 'wait';

	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&filPrice="+ele[ele.selectedIndex].value,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function filterSort(ele)
{

	$('bg_bottom').style.cursor = 'wait';

	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&asort="+ele[ele.selectedIndex].value,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function filterNewItems()
{

	$('bg_bottom').style.cursor = 'wait';

	if ($('NewItemsBox').checked)
		mode = "add_newest";
	else
		mode = "clear_newest";

	request = new Ajax.Request("/scripts/search.php?newest="+mode,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function filterSale()
{

	if ($('OnSaleBox').checked)
		mode = "add_sale";
	else
		mode = "clear_sale";

	$('bg_bottom').style.cursor = 'wait';

	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&sale="+mode,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function filterQty(ele)
{
	$('bg_bottom').style.cursor = 'wait';


	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&aqty="+ele[ele.selectedIndex].value,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function filterView(ele)
{
	$('bg_bottom').style.cursor = 'wait';


	request = new Ajax.Request("/scripts/search.php?xid="+xid+"&view="+ele[ele.selectedIndex].value,
		{
			method: "get",
			onComplete: parse_response
		}
	 );

	fadeBanner();
	fadeProductsOut();

	return false;
}

function toggleSizeOption(ele, id) 
{

	toggleSize(id);
	Element.remove(ele);
}

function toggleStyleOption(ele, id) 
{

	toggleStyle(id);
	Element.remove(ele);
}

function toggleBrandOption(ele, id) 
{

	toggleManu(id);
	Element.remove(ele);
}

function toggleHeelOption(ele, id) 
{

	toggleHeel(id);
	Element.remove(ele);
}

function toggleColorOption(ele, id) 
{

	toggleColor(id);
	Element.remove(ele);
}

function SwapProductImage(id)
{	
	$('product_thumbnail').src=ProdImages[id][0].src;
}

function ReturnProductImage()
{	
	$('product_thumbnail').src=ProdImages[cur_image][0].src;
}

function SetProductImage(id)
{	
	$('product_thumbnail').src=ProdImages[id][0].src;
	$('bc2').innerHTML='<img id="bim2" alt="" width="900" height="900" src="'+ProdImages[id][1].src+'" />';
	cur_zoom.stopZoom();
	cur_zoom = new luckyZoom('sc2', 'product_thumbnail', 'bc2', 'bim2', settings);
	cur_zoom.initZoom();
	cur_image = id;
}

function UpdateCartQty(id)
{
	
	$('bg_bottom').style.cursor = 'wait';

	cart_request = new Ajax.Request("/scripts/update_cart_qty.php?xid="+xid,
		{
			method: "get",
			parameters: $(id).name+"="+$(id).value,
			onComplete: parse_cart_response
		}
	 );

	return false;
}

function CartAddCoupon()
{
	var f = $('couponform');
	var ele = f.getInputs('text', 'coupon_name');
	var coupon_name = ele[0].getValue();

	$('bg_bottom').style.cursor = 'wait';

	cart_request = new Ajax.Request("/scripts/update_cart_coupons.php?xid="+xid,
		{
			method: "get",
			parameters: "mode=add_coupon&coupon_name="+coupon_name,
			onComplete: parse_cart_response
		}
	 );

	return false;
}

function CartRemoveCoupon()
{
	$('bg_bottom').style.cursor = 'wait';

	cart_request = new Ajax.Request("/scripts/update_cart_coupons.php?xid="+xid,
		{
			method: "get",
			parameters: "mode=unset_coupons",
			onComplete: parse_cart_response
		}
	 );

	return false;
}

var STF_Newly_Active = false;
var STFNoLogin_Newly_Active = false;

function CloseSTFDiv() {

	var stf_div = $('send_to_friend_popup');

	stf_div.setStyle({visibility: "hidden"});
	Event.stopObserving(window, 'click', ClearSTFDiv);
}

function ClearSTFDiv(event)
{

	if (STF_Newly_Active)
	{
		STF_Newly_Active = false;
		return;
	}

	if (!event) var event = window.event;

	var el=Event.element(event);
	var stf_div = $('send_to_friend_popup');
	var clickX = Event.pointerX(event);
	var clickY = Event.pointerY(event);

	if ((clickX < stf_div.offsetLeft) || (clickX > (stf_div.offsetLeft + stf_div.offsetWidth)))
	{
		stf_div.setStyle({visibility: "hidden"});
		Event.stop(event);
		Event.stopObserving("bg_bottom", 'click', ClearSTFDiv);
	}
	else if ((clickY < stf_div.offsetTop ) || (clickY > (stf_div.offsetTop + stf_div.offsetHeight)))
	{

		stf_div.setStyle({visibility: "hidden"});
		Event.stop(event);
		Event.stopObserving("bg_bottom", 'click', ClearSTFDiv);
	}
}

function ClearSTFNoLoginDiv(event)
{
	if (STFNoLogin_Newly_Active)
	{
		STFNoLogin_Newly_Active = false;
		return;
	}

	if (!event) var event = window.event;

	var el=Event.element(event);
	var stf_div = $('send_to_friend_popup_nologin');
	var clickX = Event.pointerX(event);
	var clickY = Event.pointerY(event);

	if ((clickX < stf_div.offsetLeft) || (clickX > (stf_div.offsetLeft + stf_div.offsetWidth)))
	{
		stf_div.setStyle({visibility: "hidden"});
		Event.stop(event);
		Event.stopObserving("bg_bottom", 'click', ClearSTFNoLoginDiv);
	}
	else if ((clickY < stf_div.offsetTop ) || (clickY > (stf_div.offsetTop + stf_div.offsetHeight)))
	{
		stf_div.setStyle({visibility: "hidden"});
		Event.stop(event);
		Event.stopObserving("bg_bottom", 'click', ClearSTFNoLoginDiv);
	}

}

function ShowSTF() {

	var base = $('stf_img');
	var stf_div = $('send_to_friend_popup');
	var offset = Position.cumulativeOffset(base)
	var objX = offset[0] - stf_div.offsetWidth + base.offsetWidth + 15;
	var objY = offset[1] + base.offsetHeight;

	stf_div.setStyle(
		{top: objY+"px",
		 left: objX+"px",
		 visibility: "visible"
		}
	);

	STF_Newly_Active = true;

	Event.observe(
				  "bg_bottom",
				  'click',
				  ClearSTFDiv);

	return false;
}

function ShowSTFNoLogin() {

	var base = $('stf_img');
	var stf_div = $('send_to_friend_popup_nologin');

	var offset = Position.cumulativeOffset(base)
	var objX = offset[0] - stf_div.offsetWidth;
	var objY = offset[1];

	stf_div.setStyle(
		{top: objY+"px",
		 left: objX+"px",
		 'z-index': "+1",
		 visibility: "visible"
		}
	);

	STFNoLogin_Newly_Active = true;

	Event.observe(
				  "bg_bottom",
				  'click',
				  ClearSTFNoLoginDiv);

	return false;
}

var cur_pmtid = 0;

function setPmtFields(pmtid) {

	if ((cur_pmtid != pmtid) && (cur_pmtid != 0))
	{
		_tmp = "pm"+cur_pmtid+"_fields";
		$(_tmp).setStyle({visibility: "hidden"});
	}

	cur_pmtid = pmtid;
	
	
	_tmp = 'pm'+pmtid;
	var pid = $F(_tmp);
	var ele = $('pmt_fields_cont');
	
	_tmp = 'pm'+pid+'_fields';
	pmt_div = $(_tmp);
	
	pmt_div.setStyle(
		{top: "10px",
		 left: "0px",
		 visibility: "visible"
		}
	);
}

function changePage(page)
{
    $('bg_bottom').style.cursor = 'wait';

    //newpage = ele.options[ele.selectedIndex].value;
    request = new Ajax.Request("/scripts/search.php?xid="+xid+"&nav_page="+page,
        {
            method: "get",
            onComplete: parse_page_response
        }
    );

    fadeBanner();
    fadeProductsOut();

    return false;
}


//   Copyright 2000 William and Mari Bontrager
//   Copyright 2003 Bontrager Connection, LLC
//
// For more information and instructions, please 
//    see the "Double Click Trapper" article at 
//    http://willmaster.com/possibilities/archives


// When the form's submit button is clicked a second 
//    time, the click trap is set. Here, specify how 
//    many seconds the trap exist before it's released.

var TrapClicksForHowManySeconds = 10;



// If the user clicks the submit button and causes a 
//    trap, or clicks when a trip is set, you may spawn 
//    an alert box with a message. If you do want to 
//    spawn the alert box, specify the message between 
//    the quotation marks. Otherwise, leave it blank.
//(Blank is two consecutive quotation mark characters, 
//    with nothing between them.)
// Note: If you use any quotation marks in the message 
//       itself, those must be preceeded with a back-slash 
//       character. Example: "My name is \"tall\", okay?"

var AlertBoxMessage = "One click is sufficient. The server should respond momentarily.\n\n\nClick the \"OK\" button.";



// If the user clicks the submit button and causes a trap, 
//    or clicks when a trip is set, you may spawn a popup 
//    box. If you want to spawn the popup box, specify 
//    the URL of the web page to insert into the popup. 
//    Otherwise, leave it blank. You may also specify 
//    the height of the popup and the width of the popup.

var PopUpBoxURL = "";
var PopUpBoxHeight = 300;
var PopUpBoxWidth = 500;



// If you want the submit button to change its text when 
//    it is clicked, specify the name you assigned to the 
//    form, the name you assigned to the submit button 
//    form field, and the new text for the submit button. 
//    Otherwise, leave at least one of these blank.

var NameOfForm = "";
var NameOfSubmitButton = "";
var NewTextForSubmitButton = "";



// ////////////////////////////////////////// //
// NO CUSTOMIZATION REQUIRED BELOW THIS POINT //
// ////////////////////////////////////////// //


var TrapTime = 0;
var DoubleClickTrapperCounter = 0;


function DoubleClickTrapperButton() {
var formname   = "";//StripSpaces(NameOfForm);
var submitname = "";//StripSpaces(NameOfSubmitButton);
var newtext    = "";//StripSpaces(NewTextForSubmitButton);
if(formname.length > 0 && submitname.length > 0 && newtext.length > 0) {
	var s = 'document.' + NameOfForm + '.' + NameOfSubmitButton + ".value = '" + NewTextForSubmitButton + "'";
	eval(s);
	}
} // end of function DoubleClickTrapperButton()


function DoubleClickTrapperPopUp() {
var url = StripSpaces(PopUpBoxURL);
if(url.length > 0) {
	if(PopUpBoxHeight < 1) { PopUpBoxHeight = 200; }
	if(PopUpBoxWidth < 1) { PopUpBoxWidth = 300; }
	window.open(url,'',('height=' + PopUpBoxHeight + ',width=' + PopUpBoxWidth + ',resizable=yes,scrollbars=yes'));
	}
} // end of function DoubleClickTrapperPopUp()


function DoubleClickTrapperAlert() {
var message = StripSpaces(AlertBoxMessage);
if(message.length > 0) { alert(AlertBoxMessage); }
} // end of function DoubleClickTrapperAlert()


function StripSpaces(s) {
while(s.indexOf(' ') == 0) { s = s.substr(1); }
return s;
} // end of function StripSpaces()

function DoubleClickTrapperAction() {
DoubleClickTrapperCounter = DoubleClickTrapperCounter + 1;
DoubleClickTrapperButton();
var trapTheClick = false;
if(DoubleClickTrapperCounter > 1 ) { trapTheClick = true; }
if(trapTheClick == true) {
	if(TrapTime == 0) {
		var tDate = new Date;
		TrapTime = tDate.valueOf();
		}
	else {
		var tDate = new Date;
		var localTrapTime = tDate.valueOf();
		if((localTrapTime - TrapTime) > (TrapClicksForHowManySeconds * 1000)) {
			TrapTime = 0;
			trapTheClick = false;
			DoubleClickTrapperCounter = 0;
			}
		}
	}
var valueToReturn = true;
if(trapTheClick == true) {
	valueToReturn = false;
	DoubleClickTrapperPopUp();
	DoubleClickTrapperAlert();
	}
return valueToReturn;
} // end of function DoubleClickTrapperAction()