/*
 * All java script logic for the Demandware reference application.
 *
 * The code relies on the prototype.js and scriptaculous.js libraries to
 * be also loaded.
 */

// IMPORTANT!!! This removes flickering of background images in IE
try {
	document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}


/** 
 * This class helps to synchronize the functions of a hidden formfield, with his subsituted 
 * elements.
 * e.g. a phone number is split up into 2 fields using javascript
 * This Helper Class holds the parent element and the children derived from it.
 *  
 */
var FieldExchangeHelper = Class.create({			
 	parent: '',
	children:null,
 
 	/**
 	* Constructor
 	* @param parent : String - id of hidden form field
 	* @param children : Array of String - ids of the new created form items
 	*/
	initialize : function(parent, children) {
		this.parent = parent;
		this.children = children;
	},
 
 	/**
 	* synchronizes the children form fields to it's parent after entering data
 	* @param (optional) fillingChar : String - divider char between the values (. in 01.01.1970) 
 	*/
	fillHiddenField : function (fillingChar) {
		document.getElementById(this.parent).value = "";
		for (var i = 0; i < this.children.length; i++) {
			document.getElementById(this.parent).value += (((i != 0) && (typeof(fillingChar) != 'undefined')) ? fillingChar : '') + document.getElementById(this.children[i]).value;
		}
	}
});

function allowNumbers(field, event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if ((keyCode > 34 && keyCode < 58) || keyCode == 16 || keyCode == 8 || keyCode == 9 || (keyCode > 95 && keyCode < 106)) {
		return true;
	} else {
		return false;
	}
}

var Comment = Class.create({
	node: null,
	
	initialize: function(node) {
		this.node = node;
	},
	
	getNode: function() {
		return this.node;
	},
	
	getText: function() {
		return this.node.nodeValue;
	},
	
	toObject: function() {
		var obj = null;
		eval('obj=' + this.getText());
		return obj;
	},
	
	getObjectForComponent: function(componentName) {
		return this.toObject()[componentName];
	}
});

/* Extend element */
Element.addMethods({
	
	/* Return dimensions of an element */
	dimensions : function(element) {
		var vpOffset = element.viewportOffset();
		return {
			minX: vpOffset.left,
			minY: vpOffset.top,
			maxX: vpOffset.left + element.getWidth(),
			maxY: vpOffset.top + element.getHeight()
		};
	},

	/* checks if a element overlaps another one */
	overlaps : function(element, el) {
		var elDim = el.dimensions();
		var myDim = element.dimensions();

		if (((myDim.minX >= elDim.minX && myDim.minX <= elDim.maxX) || (myDim.maxX > elDim.minX && myDim.minX < elDim.maxX)) &&
        	((myDim.minY >= elDim.minY && myDim.inY <= elDim.minY) || (myDim.maxY > elDim.minY && myDim.minY < elDim.maxY))) {
			return true;
		} else {
			return false;
		}
	},
	
	comments: function(element, first) {
		var comments = [];
		var childs = element.childNodes;
		for (var i = 0; i < childs.length; i++) {
			var node = childs[i];
			if (node.nodeType == Node.COMMENT_NODE) {
				if (first) {
					return new Comment(node);
				} else {
					comments.push(new Comment(node));
				}
			}
		}
		return first ? null : comments;
	},
	
	nextSiblingComment: function(element) {
		var sibling = element.nextSibling;
		if (sibling && sibling.nodeType == Node.COMMENT_NODE) {
			return new Comment(sibling);
		}
		return null;
	},
	
	getConfiguration: function(element, component, nextSibling) {
		var comment = null;
		var config = null;
		comment = nextSibling ? element.nextSiblingComment() : element.comments(true);
		if (comment) {
			if (!nextSibling && comment.getText().strip().indexOf('dwMarker') != -1) {
				var comments = element.comments();
				comment = comments[1];
			}
			if (comment) {
				config = comment.getObjectForComponent(component);
			}
		}
		return config;
	}

});


var MiniCart = null;

var MiniCartHandler = Class.create({

	form: null,
	isClosing: null,
	isOver: null,
	isDeactivated: null,
	addToCardButtons: null,
	/*addToCardActiveImages: null,
	addToCardInactiveImages: null,*/
	content: null,
	forcedClose: null,
	hiddenDropdowns: null,

	initialize: function() {
		this.addToCardButtons = new Array();
		this.addToCardActiveImages = new Array();
		this.addToCardInactiveImages = new Array();
		var addToCartButton = $('addToCartButton');
		if (addToCartButton) {
			this.registerAddToCartButton(addToCartButton);
		}
		this.initializeMiniCartArea();
		$(document.body).observe('ajaxLogin:succeeded', function() {
			this.initializeMiniCartArea();
		}.bind(this));
	},
	
	registerAddToCartButton: function(element) {
		if (element) {
			element.onclick = this.clickHandler.bind(this);
			this.form = element.form;
			if(this.addToCardButtons.indexOf(element) < 0){
				/*var elementActiveImage = new Image();
				elementActiveImage.src = element.src;
				var elementInactiveImage = new Image();
				elementInactiveImage.src = element.src.replace(/.gif/,"_deactivated.gif");*/
				this.addToCardButtons.push(element);
				/*this.addToCardActiveImages.push(elementActiveImage);
				this.addToCardInactiveImages.push(elementInactiveImage);*/
			}
		}
		this.reactivatedAddToCartButtons();
	},
	
	deactivateAddToCartButtons: function() {
		this.isDeactivated = true;
		if(this.addToCardButtons){
			for(var i = 0; i < this.addToCardButtons.length; i++){
				this.addToCardButtons[i].active = false;
				//this.addToCardButtons[i].src = this.addToCardInactiveImages[i].src;
			}				
		}
	},
	
	reactivatedAddToCartButtons: function() {
		this.isDeactivated = false;
		if(this.addToCardButtons){
			for(var i = 0; i < this.addToCardButtons.length; i++){
				this.addToCardButtons[i].active = true;
				//this.addToCardButtons[i].src = this.addToCardActiveImages[i].src;
			}				
		}		
	},
	
	initializeMiniCartArea: function() {
		var minicart = $('minicart');
		this.isClosing = false;
		this.isOver = false;
		this.forcedClose = false;
		if (minicart) {
			this.content = $('minicartcontent');
			if (this.content && !this.content.hasClassName('basketEmpty') && !this.content.hasClassName('dontExpand')) {
				minicart.observe('mouseover', this.mouseOverHandler.bind(this));
				minicart.observe('mouseout', this.mouseOutHandler.bind(this));
				var closeButtons = this.content.select('.minicartCloseButton');
				closeButtons.each(function(e) {
					e.onclick = this.closeButtonClick.bind(this);
				}.bind(this));
			}
		}
	},
	
	clickHandler: function(event) {
		if(!this.isDeactivated){
			this.addToCart();
		}
		return false;
	},
	
	mouseOverHandler: function(event) {
		if (!this.forcedClose) {
			this.isOver = true;
			this.isClosing = false;
			if (this.content && !this.content.visible()) {
				this.content.show();
				this.hiddenDropDowns = [];
				this.isClosing = false;
			}
		}
	},
	
	mouseOutHandler: function(event) {
		if (this.content && this.content.visible()) {
			setTimeout('MiniCart.hideMiniCart()',1000);
			this.isOver = false;
			this.isClosing = true;
		}
	},
	
	closeButtonClick: function() {
		this.forcedClose = true;
		this.isClosing = true;
		this.isOver = false;
		this.hideMiniCart();
		return false;
	},
	
	hideMiniCart: function() {
		if (this.content && this.content.visible() && this.isClosing && !this.isOver) {
			this.content.hide();
			this.hiddenDropDowns.each(function(el) {
				el.style.visibility = 'visible';
			});
			this.hiddenDropDowns = [];
			this.isClosing = false;
			this.forcedClose = false;
		}
		return false;
	},

	addProduct: function(prodID) {
		var data = 'pid=' + prodID + '&Quantity=1';
		this.addToCart(data);
		return false;
	},

	addToCart: function(data) {
		var miniCartUrl = $F('miniCartURL');
		if (miniCartUrl) {
			var postdata = null;
			if (data) {
				postdata = data;
			} else {
				postdata = $(this.form).serialize();
			}
			if (Overlay) {
				Overlay.hideAll();
			}
			StatusWindow.openProgressWindow();
			document.body.style.cursor = 'wait';
			new Ajax.Request(miniCartUrl, {postBody: postdata, onSuccess: this.successHandler, onFailure: this.errorHandler});
		}
	},
	
	successHandler: function(req) {
		var minicart = $('minicart');
		var contentParts = req.responseText.split(Constants.ajax.contentSplitter);
		minicart.update(contentParts[0]);
		$('addtocartview').update(contentParts[1]);
		tabHandlerInit();		
		var addtocartoverlay = new Overlay('addtocartview');
		addtocartoverlay.show();
		slideGalleryInit();
		document.body.style.cursor = 'auto';
		MiniCart.initializeMiniCartArea();
		initializePopupLinkHandler();
		StatusWindow.close();
		document.fire("tracking:onAjaxSuccess", {elementID : 'addtocartview'});
	},
	
	errorHandler: function(req) {
		document.body.style.cursor = 'auto';
		StatusWindow.close();
		AjaxErrorHandler(req);
	}
});

var StatusWindow = null;

var StatusWindowHandler = Class.create({

	statusWindow: null,
	isOpen: null,

	initialize: function() {
		this.statusWindow = $('statusWnd');
		if (this.statusWindow) {
			this.statusWindow.select('a.statusClose').each(function(link) {
				link.onclick = this.closeLinkClick.bind(this);
			}.bind(this));
			this.hideAllWindows();
			this.isOpen = false;
		}
	},
	
	closeLinkClick: function(event) {
		this.close();
		return false;
	},
	
	hideAllWindows: function() {
		this.statusWindow.select('.statusCont').each(function(statusCont) {
			statusCont.hide();
		}.bind(this));
	},
	
	open: function(id, delay) {
		if (this.statusWindow.visible()) {
			this.close();
		}
		if (id) {
			element = this.statusWindow.select('#' + id + '.statusCont');
			if (element.length > 0) {
				element[0].show();
				element[0].style.display = 'block';
				this.statusWindow.show();
				this.statusWindow.style.display = 'block';
				this.isOpen = true;
				
				var y = window.scrollY ? window.scrollY : document.documentElement.scrollTop+document.body.scrollTop;
				this.statusWindow.style.marginTop = y + 'px';

				if (delay && delay > 0) {
					window.setTimeout('StatusWindow.close()', delay);
				}
				return true;
			} else {
				return false;
			}
		}
		return false;
	},

	close: function() {
		this.hideAllWindows();
		this.statusWindow.hide();
		this.isOpen = false;
	},

	message: function(msg, delay) {
		$('statusWndMessageContent').update(msg);
		StatusWindow.open('statusWndMessage', delay);
	},

	openProgressWindow: function() {
		this.open('statusWndPleaseWait');
	}
});

var PopupLinkHandler = Class.create({

	popupParams : ['windowname','height','width','top','left','scrollbars'],

	element : null,
	url     : null,
	
	windowname : null,
	height     : null,
	width      : null,
	top        : null,
	left       : null,
	scrollbars : null,

	initialize : function(element) {
		if (element) {
			if (!element.popupLinkHandler) {
				element.popupLinkHandler = this;
				element.onclick = this.clickHandler;
				this.element = element;
				var params = element.href.toQueryParams();
				
				this.popupParams.each(function(key) {
					if (params[key]) {
						this[key] = params[key];
						delete(params[key]);
					}
				}.bind(this));
				
				this.url = element.href.substring(0, element.href.indexOf('?')) + '?' + Object.toQueryString(params);
				
				if (element.href.indexOf('#') != -1) {
					this.url += element.href.substring(element.href.indexOf('#'));
				}
			}
		}
	},
	
	clickHandler : function() {
		var popupLinkHandler = this.popupLinkHandler;
		
		var wndParams = 'dependent=no,menubar=no,toolbar=no,status=no,location=no,locationbar=no,resizeable=yes';
		wndParams += ',width='  + (popupLinkHandler.width  ? popupLinkHandler.width  : Constants.popup.defaultWidth);
		wndParams += ',height=' + (popupLinkHandler.height ? popupLinkHandler.height : Constants.popup.defaultHeight);
		wndParams += ',top='    + (popupLinkHandler.top    ? popupLinkHandler.top    : Constants.popup.defaultTop);
		wndParams += ',left='   + (popupLinkHandler.left   ? popupLinkHandler.left   : Constants.popup.defaultLeft);
		wndParams += ',scrollbars='   + (popupLinkHandler.scrollbars   ? popupLinkHandler.scrollbars   : Constants.popup.defaultScrollbars);
		
		var wndName = popupLinkHandler.windowname ? popupLinkHandler.windowname : Constants.popup.defaultWindowName;
		
		var wnd = window.open(popupLinkHandler.url, wndName, wndParams);
		return false;
	}
});

var AjaxLogin = {
	
	ajaxLoginOverlay: null,
	feature: {
		previewRating: 1,
		previewRatingNotify: 2
	},
	
	show: function(callParameters) {
		if (window.location.protocol == 'https:') {
			new Ajax.Request(Constants.url.ajaxLoginURL, {onSuccess: AjaxLogin.loginLoaded, onFailure: AjaxErrorHandler});
		} else {
			if (!callParameters) {
				callParameters = {};
			}
			newLocation = window.location.href.replace('http:', 'https:');
			if (newLocation.indexOf('#') != -1) {
				newLocation = newLocation.substring(0, newLocation.indexOf('#'));
			}
			newLocation += "#al-" + Object.toQueryString(callParameters);
			window.location.href = newLocation;
		}
	},
	
	loginLoaded: function(transport) {
		if (transport.responseText.startsWith(Constants.login.successful)) {
			AjaxLogin.loginSucceeded(transport);
		} else if (transport.responseText.startsWith(Constants.login.pwdmigneeded)) {
			AjaxLogin.passwordMigrationNeeded(transport);
		} else  {
			$('ajaxlogin').update(transport.responseText);
			AjaxLogin.ajaxLoginOverlay = new Overlay('ajaxlogin');
			var ajaxLoginForm = $('ajaxLoginForm');
			ajaxLoginForm.observe('submit', function(ev) {
				Event.stop(ev);
				AjaxLogin.ajaxLoginOverlay.hide();
				new Ajax.Request(ajaxLoginForm.action, {parameters: ajaxLoginForm.serialize(), onSuccess: AjaxLogin.loginLoaded, onFailure: AjaxErrorHandler});
			});
			AjaxLogin.ajaxLoginOverlay.show();
		}
	},
	
	loginSucceeded: function(transport) {
		var splitted = transport.responseText.split(Constants.ajax.contentSplitter);
		$('user').update(splitted[1]);
		$('headerNavNavigation').update(splitted[2]);
		$('minicart').update(splitted[3]);
		$(document.body).fire('ajaxLogin:succeeded');
	},
	
	passwordMigrationNeeded: function(transport) {
		var splitted = transport.responseText.split(Constants.ajax.contentSplitter);
		$('ajaxPasswordMigrationFormArea').update(splitted[1]);
		$('ajaxLoginPasswordMigrationForm').submit();
	},
	
	handleProtocolSwitch: function() {
		var hash = window.location.hash;
		if (hash.startsWith("#al-")) {
			var params = hash.substring(4);
			var obj = params.toQueryParams();
			$(document.body).fire('ajaxLogin:protocolChanged', obj);
		}
	}
	
}

function AjaxErrorHandler(transport, callParameters) {
	var responseText = transport.responseText;
	var contentParts = responseText.split(Constants.ajax.contentSplitter);
	
	if (transport.status == 403) { // FORBIDDEN -> show login
		AjaxLogin.show(callParameters);
	} else {
		var errorInformation = {};
		try {
			var str = contentParts[0];
			str = removeXMLComments(str);
			
			errorInformation = eval(str)[0];
		} catch(e) {
		}
		
		if (errorInformation.ajaxError.statuswnd) {
			StatusWindow.message(errorInformation.ajaxError.message, 3000);
		} else {
			
			var errorContent = contentParts[1];
			
			$('ajaxErrorContent').update(errorContent);
			new Overlay('ajaxError').show();
			
			if (StatusWindow.isOpen) {
				StatusWindow.close();
			}
		}
	}
}

var IE6HoverFix = Class.create({
	
	element: null,
	
	initialize: function(el, onlyIfNotActive) {
		if (evilBrowserInformation.isEvil && evilBrowserInformation.evilVersion < 7) {
			if (!el.hoverFixAttached) {
				this.element = el;
				if(!onlyIfNotActive || !el.hasClassName("active")){
					this.element.observe('mouseenter', this.mouseOverHandler);
					this.element.observe('mouseleave', this.mouseOutHandler);
					this.element.hoverFixAttached = true;
				}
			}
		}
	},
	
	mouseOverHandler: function(ev) {
		var element = Event.element(ev);
		element.addClassName('hover');
	},
	
	mouseOutHandler: function(ev) {
		var element = Event.element(ev);
		element.removeClassName('hover');
	}
	
});

function initIE6HoverFix() {
	if (evilBrowserInformation.isEvil && evilBrowserInformation.evilVersion < 7) {
		$$('.prodMini .imageContainer,.instructionEl,a.highlProp').each(function(el) {
			new IE6HoverFix(el,false);
		});
		$$('.colorSelector a').each(function(el) {
			new IE6HoverFix(el,true);
		});
	}
}

function removeXMLComments(str) {
	return str.replace(/<!(?:--[\s\S]*?--\s*)?>\s*/g, ''); // remove comments in response
}

function initializePopupLinkHandler() {
	var popupLinks = $$('a.popupLink');
	popupLinks.each(function(element) {
		new PopupLinkHandler(element);
	});
}

var evilBrowserInformation = {
	isEvil : null,
	evilVersion : null
}

function checkEvilBrowser() {
	var isEvil = /msie\s(\d)/.test(navigator.userAgent.toLowerCase());
	var ieVersion = null;
	if (isEvil) {
		var ieVersion = RegExp.$1;
	}
	evilBrowserInformation.isEvil = isEvil;
	if (isEvil) {
		evilBrowserInformation.evilVersion = ieVersion;
	}
}

checkEvilBrowser();

function vipCouponMessage() {
	var vipCouponMessage = $('vipWelcomeCouponMessage');
	var cookieValue = (new DWCookie('vipCouponMessage')).read();
	if (vipCouponMessage && cookieValue == null) {
		var msgCont = $('overlayMessageContent');
		msgCont.update(vipCouponMessage.innerHTML);
		var ol = new Overlay('overlayMessage');
		ol.show();
		document.cookie = 'vipCouponMessage=true; path=/';
	}
}


var previewRating = {

	init: function() {
		var products = $$('.previewRatingProduct'),
			config = null,
			links = null,
			previewRatingProps = null;
		
		products.each(function(el, i) {
			try {
				config = el.getConfiguration('previewRating');
			} catch(e) {
				config = null;
			}
			if (config != null) {
				previewRatingProps = {config: config, count: i, container: el};
				el.previewRating = previewRatingProps;
				links = el.select('.previewRatingLink');
				links.each(function(link, j) {
					link.previewRating = previewRatingProps;
					link.observe('click', this.showPreviewRating.bindAsEventListener(this, false));
				}.bind(this));
				links = el.select('.previewPreOrderLink');
				links.each(function(link, j) {
					link.previewRating = previewRatingProps;
					link.observe('click', this.showPreviewRating.bindAsEventListener(this, true));
				}.bind(this));
			}
		}.bind(this));
		
		$(document.body).observe('ajaxLogin:protocolChanged', function(ev) {
			var memo = ev.memo;
			if (memo.feature == AjaxLogin.feature.previewRating) {
				this.showPreviewRatingEl(products[memo.no], false);
			} else if (memo.feature == AjaxLogin.feature.previewRatingNotify) {
				this.showPreviewRatingEl(products[memo.no], true);
			}
		}.bind(this));
	},
	
	initRatingHandlers: function(notify) {
		var stars = $$('.inactiveRatingStar');
		
		stars.each(function(e){
			e.observe('click', this.rateP.bind(this));
		}.bind(this));
		stars.each(function(e){
			e.observe('mouseover', this.showRate.bind(this));
		}.bind(this));	
		stars.each(function(e){
			e.observe('mouseout', this.hideRate.bind(this));
		}.bind(this));
		
		var submitButton = $('previewRatingSubmitButton');
		if (submitButton) {
			submitButton.observe('click', this.submitPreviewRating.bindAsEventListener(this, notify));
		}
	},
	
	rateP: function(event) {
		var element = Event.element(event);
		if (!element.hasClassName('activeRatingStar')) {
			element.addClassName('activeRatingStar');
		}
		if (!element.hasClassName('selected')) {
			element.addClassName('selected');
		}
		element.removeClassName('inactiveRatingStar');
		var id = element.identify().toArray().last();
		rateName = this.getRateName(element);	 
		var i = 1;
		var es = null;
		for (i = 1; i < id; i++) {
			es = $(rateName+i);
			es.addClassName('activeRatingStar');
			es.removeClassName('inactiveRatingStar');
		}
		for (i = id; i < 6; i++) {
			if (i != id) {
				es = $(rateName+i);
				es.addClassName('inactiveRatingStar');
				es.removeClassName('activeRatingStar');
				es.removeClassName('selected');
			}
		}	 
	},
	
	showRate: function(event) {
		var element = Event.element(event);
		var rateName = this.getRateName(element);
		if (!element.hasClassName('activeRatingStar')) {
			element.addClassName('activeRatingStar');
		}
		var id = element.identify().toArray().last();	 

		var i = 1;
		var es = null;
		for (i = 1; i < id; i++) {
			es = $(rateName + i);
			if (!es.hasClassName('activeRatingStar')) {
				es.addClassName('activeRatingStar');
			}
			es.removeClassName('inactiveRatingStar');
		}
		for (i = id; i < 6; i++) {
			if (i != id) {
				es = $(rateName + i);
				if (!es.hasClassName('inactiveRatingStar')) {
					es.addClassName('inactiveRatingStar');
				}
				es.removeClassName('activeRatingStar');
			}
		}
		 
		var descs = $$('.ratingDescription');			
		descs.each(function(e) {
			if (e.identify().startsWith(rateName)) {
				 e.setStyle({
			 		display: 'none'		
			 	});	
			}
		});	
		 
		$(rateName + 'Des' + id).setStyle({
			display: 'block'
		});
		
	},

	hideRate: function(event) {
		var element = Event.element(event);
		var rateName = this.getRateName(element);
		var selected = this.getSelectedRatingValue(rateName);
		
		var id = selected;

		var stars = [$(rateName + '5'), $(rateName + '4'), $(rateName + '3'),
		             $(rateName + '2'), $(rateName + '1')];
		var selBef = false;
		var i = 0;
		for (i = 0; i < stars.size(); i++) {
			es = stars[i];
			if (selBef) {
				if (!es.hasClassName('activeRatingStar')) {
					es.addClassName('activeRatingStar');
				}
				es.removeClassName('inactiveRatingStar');
			} else {
				if (es.hasClassName('selected')) {
					selBef = true;
				} else {
					if (!es.hasClassName('inactiveRatingStar')) {
						es.addClassName('inactiveRatingStar');
					}
					es.removeClassName('activeRatingStar');
				}
			}
		}
		if (selected != '') {
			var m = $(rateName + selected);
			if (!m.hasClassName('activeRatingStar')) {
				m.addClassName('activeRatingStar');
			}
		}

		var descs = $$('.ratingDescription');			
		descs.each(function(e) {
			if (e.identify().startsWith(rateName)) {
				e.setStyle({
					display: 'none'		
				});	
			}
		});	
		 
		var el = $(rateName + 'Des' + selected);
		if (el != null) {
			el.setStyle({
				display: 'block'
			});
		}
	},
	
	showPreviewRating: function(e, notify) {
		var element = Event.element(e);
		this.showPreviewRatingEl(element.previewRating.container, notify);
		Event.stop(e);
	},
	
	showPreviewRatingEl: function(element, notify) {
		var pid = element.previewRating.config.id;
		
	    var url = $('productRatingCallUrl').value;
	    
	    var rememberSelectionOptions = {
	    	feature: (notify == false ? AjaxLogin.feature.previewRating : AjaxLogin.feature.previewRatingNotify),
	    	no: element.previewRating.count
	    };
	    this.selectedPreviewRatingElement = element;

	    var pars = {p: pid};
	    if (notify) {
	    	pars.notifylaunch = true;
	    }
		var ajaxRequest = new Ajax.Request(url, {
			method: 'get', 
			parameters: pars, 
			asynchronous: true,
			onSuccess: function(xmlHttpRequest, responseHeader) {
				this.showResponse(xmlHttpRequest, responseHeader, element, notify);
			}.bind(this),
			onFailure: function(transport) {
				$(document.body).observe('ajaxLogin:succeeded', function() {
					this.showPreviewRatingEl(element, notify);
				}.bind(this));
				AjaxErrorHandler(transport, rememberSelectionOptions);
			}.bind(this)
		});
	},
	
	showResponse: function(xmlHttpRequest, responseHeader, element, notify) {
		var a = xmlHttpRequest.responseText; // Process HTTP response and update input form
		try {
			var ovQv = new Overlay('quickview');
			ovQv.hide();
		} catch(e) {
		}
				  
		var container = $('productPreviewRating');
		var content = a;
		container.update(content);
		var ratingOverlay = new Overlay('productPreviewRating', {centerOnElement: element});
		ratingOverlay.show(); 
		this.initRatingHandlers(notify);
	},
	
	getRateName: function(element) {
		var rateName = "";
		element.identify().toArray().each(function(txt, index) {		
			rateName = rateName + txt;			
		});
		var id = element.identify().toArray().last();
		rateName = rateName.sub(id, '');
		return rateName;
	},
	
	getSelectedRatingValue: function(rateName) {
		var value = '';
		if ($(rateName + '1').hasClassName('selected')) {
			value = '1';
		}
		if ($(rateName + '2').hasClassName('selected')) {
			value = '2';
		}
		if ($(rateName + '3').hasClassName('selected')) {
			value = '3';
		}
		if ($(rateName + '4').hasClassName('selected')) {
			value = '4';
		}
		if ($(rateName + '5').hasClassName('selected')) {
			value = '5';
		}
		return value;	
	},
	
	submitPreviewRating: function(ev, notify) {
	    var url = $('productRatingSubmitURL').value;
	    
		var p = $('productID').innerHTML;
		
		var lrv = (notify != true ? this.getSelectedRatingValue('look') : null);

		if (lrv != '' || notify == true) {

			var pars = {
				p: p
			};
			if (notify != true) {
				pars.rating = lrv;
			} else {
				pars.notifylaunch = $('previewNotify').checked;
				if (!pars.notifylaunch) {
					return;
				}
			}
		    var rememberSelectionOptions = {
		    	feature: AjaxLogin.feature.previewRating,
		    	no: this.selectedPreviewRatingElement.previewRatingLinkCount
		    };
			var ajaxRequest = new Ajax.Request(url, {
				parameters:   pars, 
				asynchronous: true,
				onSuccess:   function(transport) {
					this.hideRatingFields(transport.responseText);
					window.setTimeout(function() {
						Overlay.hideAll();
					}.bind(this), 5000);
				}.bind(this),
				onFailure: function(transport) {
					$(document.body).observe('ajaxLogin:succeeded', function() {
						this.showPreviewRatingEl(element);
					}.bind(this));
					AjaxErrorHandler(transport, rememberSelectionOptions);
				}.bind(this)

			});
		}
	},
	
	hideRatingFields: function(message) {
		var old = $('previewRatingField');
		old.setStyle({
			display: 'none'
		});
		var msg = $('previewStatusMessage');
		msg.innerHTML = message;
		msg.setStyle({
			width: '180px'
		});
		var btn = $('previewRatingCloseButton');
		btn.setStyle({
			display: 'block'
		});
		var btnOld = $('previewRatingSubmitButton');
		btnOld.setStyle({
			display: 'none'
		});
	}
}

var DW = Class.create();
DW.Autocompleter = Class.create(Ajax.Autocompleter, 
{
  initialize: function(element, update, url, options) {
    this.baseInitialize(element, update, options);
    this.options.asynchronous  = true;
    this.options.onComplete    = this.onComplete.bind(this);
    this.options.defaultParams = this.options.parameters || null;
    this.url                   = url;
  },

	selectEntry : function() {
		this.active = false;
		if( this.index>-1 ) {
			this.updateElement(this.getCurrentEntry());
		} else {
			if( this.afterUpdateElement ) this.afterUpdateElement(this.element,null);
		}
	},
	updateChoices: function(choices) {
		if(!this.changed && this.hasFocus) {
	    	this.update.innerHTML = choices;
	    	Element.cleanWhitespace(this.update);
	    	Element.cleanWhitespace(this.update.down());
	
	    	if(this.update.firstChild && this.update.down().childNodes) {
	        	this.entryCount = this.update.down().childNodes.length;
	        
	        	for (var i = 0; i < this.entryCount; i++) {
	          		var entry = this.getEntry(i);
	          		entry.autocompleteIndex = i;
	          		this.addObservers(entry);
	        	}
	      	} else {
	        	this.entryCount = 0;
	      	}
	
	      	this.stopIndicator();
	      	this.index = -1;
	
	      	if(this.entryCount==1 && this.options.autoSelect) {
	        	this.selectEntry();
	        	this.hide();
	      	} else {
	        	this.render();
				this.active = false;
	      	}
	    }
	}
});

var SearchUtils = {

	doAutoCompletionSearch : function(text,li) {
		$('SimpleSearchForm').submit();
	},
	
	prefillSimpleSearch : function() {
		var q = MiscUtils.getQuerystring(window.location.href,"q");
		var qold = MiscUtils.getQuerystring(window.location.href,"qold");
		if (qold != ""){
			$('SimpleSearchForm').q.value=qold;
		}
		else if ( q != "" && document.forms.SimpleSearchForm && typeof( $('SimpleSearchForm').q ) != 'undefined' ){
			$('SimpleSearchForm').q.value=q;
		}
	},
	
	cleanIO : function(text) {
		if (text != null) {
			return text.replace(/(.*)javascript:(.*)/g, "").replace(/<(.*)script(.*)/g, "").replace(/(.*)eval\((.*)\)/g, "");
		}
		else {
			return null;
		}	
	}

};


var MiscUtils = {
	getQuerystring : function(url, key, default_) {
	  if (default_==null) default_="";
	  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
	  var qs = regex.exec(url);
	  if(qs == null)
	    return default_;
	  else
	    return SearchUtils.cleanIO(decodeURIComponent(qs[1].replace(/\+/g,' ')));
	}
};

var trackingUtils = {
	trackLinkByID: function(id, customEvent, callback) {
		var element = $(id); 
		if (element) {
			Event.observe(element, 'click', function(event) {
				document.fire(customEvent);
				if (callback) {
					callback();
				}
			});
		}
	},

	trackLinkBySelector: function(selector, customEvent, callback) {
		var elements = $$(selector);
		elements.each(function(el) {
			Event.observe(el, 'click', function(event) {
				document.fire(customEvent);
				if (callback) {
					callback();
				}
			});
		});
	}
};

function initContentProcessing() {
	trackingUtils.trackLinkBySelector('.facebookLink', 'tracking:FacebookLinkClick');       // Facebook link tracking 
	trackingUtils.trackLinkBySelector('.storeFinderLink', 'tracking:StoreFinderLinkClick'); // Storefinder link tracking
	trackingUtils.trackLinkByID('tab-rating', 'tracking:RatingLinkClick'); 				    // PD Link Rating tracking
	trackingUtils.trackLinkByID('tab-passform', 'tracking:FittingLinkClick');			    // PD Link Fitting tracking
	trackingUtils.trackLinkBySelector('.fittingGuideLink', 'tracking:FittingLinkClick');	// Fitting guide link
	trackingUtils.trackLinkByID('memberCardHeader', 'tracking:MemberCardHeaderLinkClick');  // MemberCard link tracking for Header
	trackingUtils.trackLinkByID('memberCardFooter', 'tracking:MemberCardFooterLinkClick');  // MemberCard link tracking for Footer
}

if ('observe' in document) {
	document.observe('dom:loaded', function() {
		MiniCart = new MiniCartHandler();
		StatusWindow = new StatusWindowHandler();
		initializePopupLinkHandler();
		initIE6HoverFix();
		vipCouponMessage();
		previewRating.init();
		AjaxLogin.handleProtocolSwitch();
		initContentProcessing();
	});
}

/*** jQuery ***/
/*footer resize*/
function resizeFooter(){
	var windowHeight = jQuery(window).height()
	if(jQuery('#content').height() < jQuery('#leftColumn').height()){
		var contentHeight = jQuery('#header-wrap').height() + jQuery('#leftColumn').height() + 26;
	}
	else{
		var contentHeight = jQuery('#header-wrap').height() + jQuery('#content').height() + 26;
	}
	var footerHeight = jQuery('#footer').height();
	var position = 0;
	
	if(windowHeight > (contentHeight + footerHeight)){
		position = windowHeight - footerHeight - 1;
		jQuery('#footer').css('height',footerHeight +"px");
		jQuery('#footer').css('position',"absolute");
		jQuery('#footer').css('top',position+"px");
	} 
	else {
		jQuery('#footer').css('position',"static");
	}
}
jQuery(document).ready(function() {
	resizeFooter();
});
jQuery(window).resize(function() {
	resizeFooter();
});

/*footer extension slider*/
jQuery(document).ready(function() {
	jQuery('#jsFooterExtensionSwitch').click(function() {
		jQuery('#jsFooterExtensionContent').slideToggle('slow', function() {
			jQuery('#footer .iconArrow').toggleClass('down');
		});
	});
});