var selectedSizeID;

function wireInSizes()
{
	$('main').getElements('a.atbis').addEvents({ 
					'click': function(){  
						var id = this.id;
						var uksize;
						var deselectSpan;
						var sClass = $(id).get('class');

						if (selectedSizeID != ""){
							var divID = new String(selectedSizeID);
							$(divID).setStyles({
								'background-color' : '#FFFFFF',
								'border-top-width': '4px',
								'border-right-width': '4px',
								'border-bottom-width': '4px',
								'border-left-width': '4px',
								'border-top-style': 'solid',
								'border-right-style': 'solid',
								'border-bottom-style': 'solid',
								'border-left-style': 'solid',
								'border-top-color': '#FFFFFF',
								'border-right-color': '#FFFFFF',
								'border-bottom-color': '#FFFFFF',
								'border-left-color': '#FFFFFF',
								'font-weight': 'normal'
						   });
						}

					
						var divID = new String(id);
						divID = divID.replace("ATB","ATB_sizename") 
						selectedSizeID = divID;
						$(divID).setStyles({
							'background-color' : '#7CA297',
							'border-top-width': '4px',
							'border-right-width': '4px',
							'border-bottom-width': '4px',
							'border-left-width': '4px',
							'border-top-style': 'solid',
							'border-right-style': 'solid',
							'border-bottom-style': 'solid',
							'border-left-style': 'solid',
							'border-top-color': '#7CA297',
							'border-right-color': '#7CA297',
							'border-bottom-color': '#7CA297',
							'border-left-color': '#7CA297',
							'font-weight': 'bold'
					   });

						uksize = id.substring(id.indexOf("|UKSIZE_") + 8)
						id = id.replace("ATB_","");
						id = id.replace("|UKSIZE_" + uksize,"");

						$('sFinish').value =  id;


						var sStatusIS = $('status_is');
						var sStatusPO = $('status_po');

						if (sClass == "atbis"){
							sStatusIS.setStyle('display','inline');
							sStatusPO.setStyle('display','none');
						}

						if (sClass == "atbpo"){ 
							sStatusIS.setStyle('display','none');
							sStatusPO.setStyle('display','inline');
						}

						var DIVInitial = $('initialWrapper');	
						var DIVProduct = $('productWrapper');	
						var DIVTellMe = $('tellmeWrapper');	
						var DIVComingSoon = $('comingSoonWrapper');	

						var DIVATBButton = $('ATBButton');	
						var DIVTMButton = $('TMButton');	

						DIVATBButton.setStyle('display','block');
						DIVTMButton.setStyle('display','none');

						DIVInitial.setStyle('display','none');
						DIVProduct.setStyle('display','block');
						DIVTellMe.setStyle('display','none');
						DIVComingSoon.setStyle('display','none');
						return highlight(1);


					}});
	$('main').getElements('a.atbpo').addEvents({ 
					'click': function(){  
						var id = this.id;
						var uksize;
						var deselectSpan;
						var sClass = $(id).get('class');

						if (selectedSizeID != ""){
							var divID = new String(selectedSizeID);
							$(divID).setStyles({
								'background-color' : '#FFFFFF',
								'border-top-width': '4px',
								'border-right-width': '4px',
								'border-bottom-width': '4px',
								'border-left-width': '4px',
								'border-top-style': 'solid',
								'border-right-style': 'solid',
								'border-bottom-style': 'solid',
								'border-left-style': 'solid',
								'border-top-color': '#FFFFFF',
								'border-right-color': '#FFFFFF',
								'border-bottom-color': '#FFFFFF',
								'border-left-color': '#FFFFFF',
								'font-weight': 'normal'
						   });
						}

					
						var divID = new String(id);
						divID = divID.replace("ATB","ATB_sizename") 
						selectedSizeID = divID;
						$(divID).setStyles({
							'background-color' : '#7CA297',
							'border-top-width': '4px',
							'border-right-width': '4px',
							'border-bottom-width': '4px',
							'border-left-width': '4px',
							'border-top-style': 'solid',
							'border-right-style': 'solid',
							'border-bottom-style': 'solid',
							'border-left-style': 'solid',
							'border-top-color': '#7CA297',
							'border-right-color': '#7CA297',
							'border-bottom-color': '#7CA297',
							'border-left-color': '#7CA297',
							'font-weight': 'bold'
					   });
						uksize = id.substring(id.indexOf("|UKSIZE_") + 8)
						id = id.replace("ATB_","");
						id = id.replace("|UKSIZE_" + uksize,"");

						$('sFinish').value =  id;



						var sStatusIS = $('status_is');
						var sStatusPO = $('status_po');

						if (sClass == "atbis"){
							sStatusIS.setStyle('display','inline');
							sStatusPO.setStyle('display','none');
						}

						if (sClass == "atbpo"){ 
							sStatusIS.setStyle('display','none');
							sStatusPO.setStyle('display','inline');
						}

						var DIVInitial = $('initialWrapper');	
						var DIVProduct = $('productWrapper');	
						var DIVTellMe = $('tellmeWrapper');	
						var DIVComingSoon = $('comingSoonWrapper');	

						var DIVATBButton = $('ATBButton');	
						var DIVTMButton = $('TMButton');	

						DIVATBButton.setStyle('display','block');
						DIVTMButton.setStyle('display','none');

						DIVInitial.setStyle('display','none');
						DIVProduct.setStyle('display','block');
						DIVTellMe.setStyle('display','none');
						DIVComingSoon.setStyle('display','none');
						return highlight(2);


					}});
	$('main').getElements('a.tm').addEvents({ 
					'click': function(){  
						var id = this.id;
						var uksize;
						var deselectSpan;

						if (selectedSizeID != ""){
							var divID = new String(selectedSizeID);
							$(divID).setStyles({
								'background-color' : '#FFFFFF',
								'border-top-width': '4px',
								'border-right-width': '4px',
								'border-bottom-width': '4px',
								'border-left-width': '4px',
								'border-top-style': 'solid',
								'border-right-style': 'solid',
								'border-bottom-style': 'solid',
								'border-left-style': 'solid',
								'border-top-color': '#FFFFFF',
								'border-right-color': '#FFFFFF',
								'border-bottom-color': '#FFFFFF',
								'border-left-color': '#FFFFFF',
								'font-weight': 'normal'
						   });
						}
						
						var divID = new String(id);
						divID = divID.replace("ATB","ATB_sizename") 
						selectedSizeID = divID;
						$(divID).setStyles({
							'background-color' : '#7CA297',
							'border-top-width': '4px',
							'border-right-width': '4px',
							'border-bottom-width': '4px',
							'border-left-width': '4px',
							'border-top-style': 'solid',
							'border-right-style': 'solid',
							'border-bottom-style': 'solid',
							'border-left-style': 'solid',
							'border-top-color': '#7CA297',
							'border-right-color': '#7CA297',
							'border-bottom-color': '#7CA297',
							'border-left-color': '#7CA297',
							'font-weight': 'bold'
					   });

						uksize = id.substring(id.indexOf("|UKSIZE_") + 8)

						id = id.replace("ATB_","");
						id = id.replace("|UKSIZE_" + uksize,"");

						$('sFinish').value =  id;

						var DIVATBButton = $('ATBButton');	
						var DIVTMButton = $('TMButton');	

						DIVATBButton.setStyle('display','none');
						DIVTMButton.setStyle('display','block');

						var DIVInitial = $('initialWrapper');	
						var DIVProduct = $('productWrapper');	
						var DIVTellMe = $('tellmeWrapper');
						var DIVComingSoon = $('comingSoonWrapper');		
						var Asftm = $('sftm');
						var uksizeos = $('uksizeos')

						DIVInitial.setStyle('display','none');
						DIVProduct.setStyle('display','none');

						uksizeos.set('html','UK' + uksize.replace(".5","½"));

						Asftm.set('href','/searchStoreResultsSF.asp?radType=STOCK&bAdvanced=false&sSFSize=' + uksize);
						DIVTellMe.setStyle('display','block');
						DIVComingSoon.setStyle('display','none');
						return highlight(3);

					}});

	$('main').getElements('a.cs').addEvents({ 
					'click': function(){  
						var id = this.id;
						var deselectSpan;
						var uksize;

						if (selectedSizeID != ""){
							var divID = new String(selectedSizeID);
							$(divID).setStyles({
								'background-color' : '#FFFFFF',
								'border-top-width': '4px',
								'border-right-width': '4px',
								'border-bottom-width': '4px',
								'border-left-width': '4px',
								'border-top-style': 'solid',
								'border-right-style': 'solid',
								'border-bottom-style': 'solid',
								'border-left-style': 'solid',
								'border-top-color': '#FFFFFF',
								'border-right-color': '#FFFFFF',
								'border-bottom-color': '#FFFFFF',
								'border-left-color': '#FFFFFF',
								'font-weight': 'normal'
						   });
						}
						
						var divID = new String(id);
						divID = divID.replace("ATB","ATB_sizename") 
						selectedSizeID = divID;
						$(divID).setStyles({
							'background-color' : '#7CA297',
							'border-top-width': '4px',
							'border-right-width': '4px',
							'border-bottom-width': '4px',
							'border-left-width': '4px',
							'border-top-style': 'solid',
							'border-right-style': 'solid',
							'border-bottom-style': 'solid',
							'border-left-style': 'solid',
							'border-top-color': '#7CA297',
							'border-right-color': '#7CA297',
							'border-bottom-color': '#7CA297',
							'border-left-color': '#7CA297',
							'font-weight': 'bold'
					   });

						uksize = id.substring(id.indexOf("|UKSIZE_") + 8)

						id = id.replace("ATB_","");
						id = id.replace("|UKSIZE_" + uksize,"");

						$('sFinish').value =  id;


						var DIVATBButton = $('ATBButton');	
						var DIVTMButton = $('TMButton2');	

						DIVATBButton.setStyle('display','none');
						DIVTMButton.setStyle('display','block');

						var DIVInitial = $('initialWrapper');	
						var DIVProduct = $('productWrapper');	
						var DIVTellMe = $('tellmeWrapper');	
						var DIVComingSoon = $('comingSoonWrapper');	

						var Asfcs = $('sfcs');


						DIVInitial.setStyle('display','none');
						DIVProduct.setStyle('display','none');
						DIVTellMe.setStyle('display','none');
						Asfcs.set('href','/searchStoreResultsSF.asp?radType=STOCK&bAdvanced=false&sSFSize=' + uksize);

						DIVComingSoon.setStyle('display','block');
						return highlight(4);


					}});

	reflow();

}

function doAddSubmitRange() {
	var sQString,bStop;
	var frm = document.getElementById("frmAdd");
	var area = document.getElementById("AddItem");

	var iProductID 		=  document.getElementById("iProductID").value;
	var sFinish 		=  document.getElementById("sFinish").value;
	var iQty 			=  document.getElementById("iQty").value;
	
	var temp			= new Array();
	
	temp = sFinish.split('|');
	
	var iMaxQty			=  temp[1];
	
	bStop = false;
	
	if (sFinish == ""){
		alert("Please choose a size to add to your basket.")
		bStop = true;
	}
	if (! bStop){
		if (parseInt(iQty) > parseInt(iMaxQty)){		
			alert("Sorry! We don't have that quantity in stock.\nThe most you can order is " + iMaxQty + ". Please select a lower amount.")
		}
		else
		{
		var sPid			=  document.getElementById("pid").value;
		var sExpander;
		
		if (sPid == "")
		{
			sExpander		= "ATB" + iProductID
		}
		else
		{
			sExpander		= sPid
		}	
	
		sQString = "iProductID=" + iProductID
		sQString += "&sFinish=" + sFinish
		sQString += "&iQty=" + iQty
		
		var sMsg

		sMsg = "Adding " + iQty + " " + sFinish + " To Your Basket"
	 
		var req = new Request({
				method: 'get',
				url: '/cart/addToBasketNOAJAXVPR.asp',
				data: { 'do' : 1},
				onRequest: function() { area.innerHTML = sMsg; },
				onComplete: function(response) { area.innerHTML = "Item(s) added successfully"; }
			}).send(sQString);
	
		reflow();
		if (parent.window.hs) {
			if (document.getElementById(sExpander))
			{
				var exp = parent.window.hs.getExpander(sExpander);
				if (exp) {
	 
					setTimeout(function() {
						exp.close();
						window.location = "/cartv2/basket.asp";					
					}, 1000);
				}
			}
		}
			
		}
	}
 
	return false;
}

function doRegister() {
	var sQString,bStop;
	var frm = document.getElementById("frmAdd");
	var area = document.getElementById("AddItem");

	var iProductID 		=  document.getElementById("iProductID").value;
	var sFinish 		=  document.getElementById("sFinish").value;
	var sEmail			=  document.getElementById("txtEmail").value;
	var sMobileNo		=  document.getElementById("txtMobileNo").value;
	
	var temp			= new Array();
	
	temp = sFinish.split('|');
	
	var iMaxQty			=  temp[1];
	
	bStop = false;
	
	if (sFinish == ""){
		alert("Please choose a size to sign up to.")
		bStop = true;
	}

	if (sEmail == "" && sMobileNo == ""){
		alert("Please enter an email address and/or a mobile number");
		bStop = true;
	}

	if (! bStop){
		var sPid			=  document.getElementById("pid").value;
		var sExpander;
		
		if (sPid == "")
		{
			sExpander		= "ATB" + iProductID
		}
		else
		{
			sExpander		= sPid
		}	
	
		sQString = "iProductID=" + iProductID
		sQString += "&sFinish=" + sFinish
		sQString += "&sEmail=" + sEmail		
		sQString += "&sMobileNo=" + sMobileNo
		
		var sMsg

		var req = new Request({
				method: 'get',
				url: '/cart/TellMeRegister.asp',
				data: { 'do' : 1},
				onRequest: function() { area.innerHTML = "Registering"; },
				onComplete: function(response) { area.innerHTML = "Registration Successful"; }
			}).send(sQString);
	
		reflow();
		if (parent.window.hs) {
			if (document.getElementById(sExpander))
			{
				var exp = parent.window.hs.getExpander(sExpander);
				if (exp) {
	 
					setTimeout(function() {
						exp.close();
						alert("Thank you.  We've registered your request and will let you know by email and/or text when your selected size is available.");
					}, 1000);
				}
			}
		}
			
	}
 
	return false;
}

function doRegistercs() {
	var sQString,bStop;
	var frm = document.getElementById("frmAdd");
	var area = document.getElementById("AddItem");

	var iProductID 		=  document.getElementById("iProductID").value;
	var sFinish 		=  document.getElementById("sFinish").value;
	var sEmail			=  document.getElementById("txtEmailcs").value;
	var sMobileNo		=  document.getElementById("txtMobileNocs").value;
	
	var temp			= new Array();
	
	temp = sFinish.split('|');
	
	var iMaxQty			=  temp[1];
	
	bStop = false;
	
	if (sFinish == ""){
		alert("Please choose a size to sign up to.")
		bStop = true;
	}

	if (sEmail == "" && sMobileNo == ""){
		alert("Please enter an email address and/or a mobile number");
		bStop = true;
	}

	if (! bStop){
		var sPid			=  document.getElementById("pid").value;
		var sExpander;
		
		if (sPid == "")
		{
			sExpander		= "ATB" + iProductID
		}
		else
		{
			sExpander		= sPid
		}	
	
		sQString = "iProductID=" + iProductID
		sQString += "&sFinish=" + sFinish
		sQString += "&sEmail=" + sEmail		
		sQString += "&sMobileNo=" + sMobileNo
		
		var sMsg

		var req = new Request({
				method: 'get',
				url: '/cart/TellMeRegister.asp',
				data: { 'do' : 1},
				onRequest: function() { area.innerHTML = "Registering"; },
				onComplete: function(response) { area.innerHTML = "Registration Successful"; }
			}).send(sQString);
	
		reflow();
		if (parent.window.hs) {
			if (document.getElementById(sExpander))
			{
				var exp = parent.window.hs.getExpander(sExpander);
				if (exp) {
	 
					setTimeout(function() {
						exp.close();
						alert("Thank you.  We've registered your request and will let you know by email and/or text when your selected size is available.");
					}, 1000);
				}
			}
		}
			
	}
 
	return false;
}


function highlight(mode) {

	var spanInStock = $('instock');			
	var spanPreOrder = $('preorder');			
	var spanOutOfStock = $('outofstock');			
	var spanComingSoon = $('comingsoon');			

	// 1 is instock
	// 2 is preorder
	// 3 is outofstock
	// 4 is comingsoon


	if (mode == 1){
		if (spanPreOrder != null) spanPreOrder.setStyle('font-weight','normal');
		if (spanOutOfStock != null) spanOutOfStock.setStyle('font-weight','normal');
		if (spanComingSoon != null) spanComingSoon.setStyle('font-weight','normal');
		spanInStock.setStyle('font-weight','bold');
	}

	if (mode == 2){
		if (spanInStock != null) spanInStock.setStyle('font-weight','normal');
		if (spanOutOfStock != null) spanOutOfStock.setStyle('font-weight','normal');
		if (spanComingSoon != null) spanComingSoon.setStyle('font-weight','normal');
		spanPreOrder.setStyle('font-weight','bold');
	}

	if (mode == 3){
		if (spanInStock != null) spanInStock.setStyle('font-weight','normal');
		if (spanPreOrder != null) spanPreOrder.setStyle('font-weight','normal');
		if (spanComingSoon != null) spanComingSoon.setStyle('font-weight','normal');
		spanOutOfStock.setStyle('font-weight','bold');
	}

	if (mode == 4){
		if (spanInStock != null) spanInStock.setStyle('font-weight','normal');
		if (spanPreOrder != null) spanPreOrder.setStyle('font-weight','normal');
		if (spanOutOfStock != null) spanOutOfStock.setStyle('font-weight','normal');
		spanComingSoon.setStyle('font-weight','bold');
	}
	
	reflow();

	return false;

}

function reflow()
{
	var iProductID 		=  document.getElementById("iProductID").value;
	var expander = hs.getExpander("ATB" + iProductID);
    expander.reflow();
}