var imageServerURL="http://image-load-balancer.worldsportshops.com/javascript/";
// JScript File
//document.write("<scr"+"ipt language='JavaScript' type='text/javascript' src='http://image-load-balancer.worldsportshops.com/javascript/imageHover.js'></scr"+"ipt>");


var javaScript_JSR = (function() {

    var $ = function(id) { return document.getElementById(id); };
    var dc = function(tag) { return document.createElement(tag); };

    var u = navigator.userAgent;
    var isIE9 = ((u.match(/Trident\/5.0/i) != null) && (u.match(/compatible\; MSIE 9.0/i) != null));
    var isIE = !!document.all && !!window.attachEvent && !window.opera && !isIE9;

    function addEvent(element, ev, handler) {
        if (element.addEventListener) {
            element.addEventListener(ev, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + ev, handler);
        }
    }

    function removeEvent(element, ev, handler) {
        if (element.removeEventListener) {
            element.removeEventListener(ev, handler, false);
        } else if (element.detachEvent) {
            element.detachEvent("on" + ev, handler);
        }
    }

    function resetCustomizationDelay(delaytxt) {
        var existing = document.getElementById("custom_item_disclaimer");
        if (existing) {
            existing.innerHTML=existing.innerHTML.replace("2 to 4", delaytxt);
            existing.innerHTML=existing.innerHTML.replace("2 - 4", delaytxt);
        };
    }

    function init() {
        resetCustomizationDelay("6 to 7");
    }

    return {
        addEvent: addEvent,
        init: init,
        resetCustomizationDelay: resetCustomizationDelay
    };

})();

javaScript_JSR.addEvent(window, "load", javaScript_JSR.init);

function writeJSjavascript(){
var str='';
str+='<!-- HTML from javascript Start --> ';
str+='<style type="text\/css">';
str+='	.order-warning-bg {width:100%; background:#ffffff; text-align:center; align:center; color:#000000; font-weight:normal; }';
str+='<\/style>';
str+='<!-- HTML from javascript End --> ';
str+='<STYLE>';
str+='div.mojomagnify_zoom {';
str+='	position : absolute;';
str+='	width : 160px;';
str+='	height : 160px;';
str+='	overflow : hidden;';
str+='	cursor : crosshair;';
str+='	-ms-box-sizing : border-box;';
str+='	-moz-box-sizing : border-box;';
str+='	-webkit-box-sizing : border-box;';
str+='	box-sizing : border-box;';
str+='}';
str+='div.mojomagnify_border {';
str+='	position : absolute;';
str+='	border : 2px solid black;';
str+='	width:160px;';
str+='	height:160px;';
str+='	left : 0; top : 0;';
str+='	-ms-box-sizing : border-box;';
str+='	-moz-box-sizing : border-box;';
str+='	-webkit-box-sizing : border-box;';
str+='	box-sizing : border-box;';
str+='}';
str+='img.mojomagnify_img {';
str+='	padding : 0px;';
str+='	border : 0px;';
str+='}';
str+='div.mojomagnify_zoom a {';
str+='	cursor : crosshair;';
str+='}<\/STYLE>';
document.write(str);
}
writeJSjavascript();


// JScript File
//Author:  J. Scott Russom

var domJSR = {
	addHasCustFields: function(hasfield) {
		if (!document.getElementById(hasfield)){
			var input = document.createElement("input");
			input.setAttribute('id', hasfield);
			input.setAttribute('name', hasfield);
			input.setAttribute('type', 'checkbox');
			document.frmOrder.appendChild(input);
			}
		document.getElementById(hasfield).style.display='none';
		//document.getElementById(hasfield).style.display='';
		document.getElementById(hasfield).className='';
		document.getElementById(hasfield).disabled=false;
	},
	addCustFields: function(hasfield,field) {
		this.addHasCustFields(hasfield);
		if (!document.getElementById(field)){
			var input = document.createElement("input");
			input.setAttribute('id', field);
			input.setAttribute('name', field);
			input.setAttribute('type', 'text');
			document.frmOrder.appendChild(input);
			}
		document.getElementById(field).style.display='none';
		//document.getElementById(field).style.display='';
		document.getElementById(field).className='';
		document.getElementById(field).disabled=false;
	},
	setHasCustFields: function(hasfield,price) {
		this.addHasCustFields(hasfield);
		document.getElementById(hasfield).checked = true;
		document.getElementById(hasfield).value = price;
	},
	setCustFields: function(hasfield,field,price,val) {
		this.addCustFields(hasfield,field);
		document.getElementById(hasfield).checked = true;
		document.getElementById(hasfield).value = price;
		document.getElementById(field).value = val;
	},
	setCombCustFields: function(field,val) {
		//this.addCustFields(hasfield,field);
		if (!document.getElementById(field)){
			var input = document.createElement("input");
			input.setAttribute('id', field);
			input.setAttribute('name', field);
			input.setAttribute('type', 'text');
			document.frmOrder.appendChild(input);
			}
		document.getElementById(field).style.display='none';
		//document.getElementById(field).style.display='';
		document.getElementById(field).className='';
		document.getElementById(field).disabled=false;
		//document.getElementById(hasfield).checked = true;
		//document.getElementById(hasfield).value = price;
		document.getElementById(field).value = val;
	},
	setQuantity: function(hasfield,field,price,val) {
		this.addCustFields(hasfield,field);
		document.getElementById(hasfield).checked = true;
		document.getElementById(hasfield).value = price;
		document.getElementById(field).value = val;
	},
	resetFauxSKU: function(fauxsku,actualsku) {
		var str=document.frmOrder.action;
		document.frmOrder.action = str.replace('+'+fauxsku, '+'+actualsku);
		document.frmOrder.vwitem0.value = actualsku;
	}
};


//domJSR.resetFauxSKU('0000-sc','95360-bk');
//domJSR.setCustFields('vwattr0_hasCustomFrontNumber','vwattr0_CustomFrontNumber','Yes (+$6.99)','4');
//domJSR.setCustFields('vwattr0_hasCustomFrontName','vwattr0_CustomFrontName','Yes (+$4.99)','BOB');
//domJSR.setCustFields('vwattr0_hasCustomBackNumber','vwattr0_CustomBackNumber','Yes (+$7.99)','3');
//domJSR.setCustFields('vwattr0_hasCustomBackName','vwattr0_CustomBackName','Yes (+$7.99)','SMITH');
//domJSR.setHasCustFields('vwattr0_useAuthenticNumber','Yes (+$1.99)');
//domJSR.setHasCustFields('vwattr0_useAuthenticLetters','Yes (+$2.49)');
//domJSR.setCustFields('vwitem1','vwattr1_Use for customization of this item','fapl','95360.BK');


/*
 * MojoMagnify 0.1.10 - JavaScript Image Magnifier
 * Copyright (c) 2008-2010 Jacob Seidelin, cupboy@gmail.com, http://blog.nihilogic.dk/
 * Licensed under the MPL License [http://www.nihilogic.dk/licenses/mpl-license.txt]
 */


var MojoMagnify = (function() {

	var $ = function(id) {return document.getElementById(id);};
	var dc = function(tag) {return document.createElement(tag);};

	var u = navigator.userAgent;
	var isIE9 = ((u.match(/Trident\/5.0/i) != null) && (u.match(/compatible\; MSIE 9.0/i) != null));
	var isIE = !!document.all && !!window.attachEvent && !window.opera && !isIE9;

	function addEvent(element, ev, handler) 
	{
		if (element.addEventListener) { 
			element.addEventListener(ev, handler, false); 
		} else if (element.attachEvent) { 
			element.attachEvent("on" + ev, handler); 
		}
	}

	function removeEvent(element, ev, handler) {
		if (element.removeEventListener) { 
			element.removeEventListener(ev, handler, false); 
		} else if (element.detachEvent) { 
			element.detachEvent("on" + ev, handler); 
		}
	}


	function getElementPos(element)
	{
		var x = element.offsetLeft;
		var y = element.offsetTop;
		var parent = element.offsetParent;
		while (parent) {
			x += parent.offsetLeft - parent.scrollLeft;
			y += parent.offsetTop - parent.scrollTop;
			parent = parent.offsetParent;
		}
		return {
			x : x,
			y : y
		}
	}

	function getEventMousePos(element, e) {
		var scrollX = document.body.scrollLeft || document.documentElement.scrollLeft;
		var scrollY = document.body.scrollTop || document.documentElement.scrollTop;

		if (e.currentTarget) {
			var pos = getElementPos(element);
			return {
				x : e.clientX - pos.x + scrollX,
				y : e.clientY - pos.y + scrollY
			}
		}
		return {
			x : e.offsetX,
			y : e.offsetY
		}
	}

	function setZoomPos(img, x, y, pos) {
		var zoomImg = img.__mojoMagnifyImage;
		if (!zoomImg) return;

		var full = img.__mojoMagnifyOptions.full;

		img.__mojoMagnifyX = x;
		img.__mojoMagnifyY = y;
		img.__mojoMagnifyPos = pos;

		var zoom = img.__mojoMagnifyZoomer;

		var maskWidth = zoom.offsetWidth;
		var maskHeight = zoom.offsetHeight;

		var imgLeft = img.offsetLeft;
		var imgTop = img.offsetTop;
		
		var w = img.offsetWidth ? img.offsetWidth : img.naturalWidth;
		var h = img.offsetHeight ? img.offsetHeight : img.naturalHeight;

		if (full) {
			var fx = x / w;
			var fy = y / h;

			var dw = maskWidth - w;
			var dh = maskHeight - h;

			var left = -dw * fx; 
			var top = -dh * fy;
		} else {
			var left = pos.x - maskWidth/2;
			var top = pos.y - maskHeight/2;

			if (!isIE) {
				left -= imgLeft;
				top -= imgTop;
			}
		}

		zoom.style.left = left + "px";
		zoom.style.top = top + "px";

		var zoomWidth = zoomImg.offsetWidth ? zoomImg.offsetWidth : zoomImg.naturalWidth;
		var zoomHeight = zoomImg.offsetHeight ? zoomImg.offsetHeight : zoomImg.naturalHeight;

		if (full) {
			var zx = 0;
			var zy = 0;
		} else {
			var zoomXRatio = zoomWidth / w;
			var zoomYRatio = zoomHeight / h;

			var zoomX = Math.round(x * zoomXRatio);
			var zoomY = Math.round(y * zoomYRatio);

			var zx = -zoomX + maskWidth/2;
			var zy = -zoomY + maskHeight/2;
		}

		zoomImg.style.left = zx + "px";
		zoomImg.style.top = zy + "px";
	}

	function startAnimation(img) {
		var options = img.__mojoMagnifyOptions;

		if (img.__mojoMagnifyAnimTimer)
			clearTimeout(img.__mojoMagnifyAnimTimer);
		var step = 1;

		var zoom = img.__mojoMagnifyZoomer;
		var zoomImg = img.__mojoMagnifyImage;
		var zoomBorder = img.__mojoMagnifyBorder;

		var imgWidth = img.offsetWidth ? img.offsetWidth : img.naturalWidth;
		var imgHeight = img.offsetHeight ? img.offsetHeight : img.naturalHeight;

		var dw = img.__mojoMagnifyWidth - imgWidth;
		var dh = img.__mojoMagnifyHeight - imgHeight;

		var next = function() {
			var w = imgWidth + dw * (step/10);
			var h = imgHeight + dh * (step/10);

			zoomBorder.style.width = w + "px";
			zoomBorder.style.height = h + "px";
			zoom.style.width = w + "px";
			zoom.style.height = h + "px";
			zoomImg.style.width = w + "px";
			zoomImg.style.height = h + "px";

			if (img.__mojoMagnifyPos) {
				setZoomPos(img, img.__mojoMagnifyX, img.__mojoMagnifyY, img.__mojoMagnifyPos);
			}

			if (step < 10) {

				step += 1;
				img.__mojoMagnifyAnimTimer = setTimeout(next, 60);
			} else {
				img.__mojoMagnifyAnimTimer = 0;
			}
		}
		next();
	}

var zoomSrc1="";
	function makeMagnifiable(img, zoomSrc, opt) {
		// just set the new zoom src if this img already has the Mojo structure setup
		zoomSrc1=zoomSrc;
		if (img.__mojoMagnifyImage) {
			img.__mojoMagnifyImage.src = zoomSrc;
			return;
		}

		var options = opt || {};

		img.__mojoMagnifyOptions = options;

		// make sure the image is loaded, if not then add an onload event and return
		if (!img.complete && !img.__mojoMagnifyQueued) {
			addEvent(img, "load", function() {
				img.__mojoMagnifyQueued = true;
				setTimeout(function() {
					makeMagnifiable(img, zoomSrc1);
				}, 1);
			});
			return;
		}

		var w = img.offsetWidth ? img.offsetWidth : img.naturalWidth;
		var h = img.offsetHeight ? img.offsetHeight : img.naturalHeight;
		
		var oldParent = img.parentNode;
		if (oldParent.nodeName.toLowerCase() != "a") {
			var linkParent = dc("a");
			linkParent.setAttribute("href", zoomSrc);
			oldParent.replaceChild(linkParent, img);
			linkParent.appendChild(img);
		} else {
			var linkParent = oldParent;
		}

		linkParent.style.position = "relative";
		linkParent.style.display = "block";
		linkParent.style.width = w+"px";
		linkParent.style.height = h+"px";

		var imgLeft = img.offsetLeft;
		var imgTop = img.offsetTop;

		var zoom = dc("div");
		zoom.className = "mojomagnify_zoom";
		zoom.style.left = "-9999px";

		var parent = img.parentNode;
		var zoomImg = dc("img");
		zoomImg.className = "mojomagnify_img";
		zoomImg.id = "mojomagnify_img"; //*****Added by JSR *****
		zoomImg.style.position = "absolute";
		zoomImg.style.maxWidth = "none";
		zoomImg.style.maxHeight = "none";

//		if (isIE) { 
//			// IE won't let the mouse click pass through properly to the link,
//			// so we clone the link and use it for the zoom image as well. Do for all browsers, perhaps?
//			var zoomLink = dc("a");
//			zoomLink.setAttribute("href", linkParent.getAttribute("href"));
//			zoomLink.setAttribute("onclick", linkParent.getAttribute("onclick"));
//			zoomLink.style.position = "absolute";
//			zoomLink.style.left = "0px";
//			zoomLink.style.top = "0px";
//			zoomLink.appendChild(zoomImg);
//			zoom.appendChild(zoomLink);
//		} else {
//			zoom.appendChild(zoomImg);
//		}
		zoom.appendChild(zoomImg);

		var ctr = dc("div");
		with (ctr.style) {
			position = "absolute";
			left = imgLeft+"px";
			top = imgTop+"px";
			width = w+"px";
			height = h+"px";
			overflow = "hidden";
			display = "block";
		}


		ctr.appendChild(zoom);
		parent.appendChild(ctr);

		var zoomBorder = dc("div");
		zoomBorder.className = "mojomagnify_border";
		zoom.appendChild(zoomBorder);

		var zoomInput = parent;

		// clear old overlay
		if (img.__mojoMagnifyOverlay)
			parent.removeChild(img.__mojoMagnifyOverlay);
		img.__mojoMagnifyOverlay = ctr;

		// clear old high-res image
		if (img.__mojoMagnifyImage && img.__mojoMagnifyImage.parentNode)
			img.__mojoMagnifyImage.parentNode.removeChild(img.__mojoMagnifyImage);

		img.__mojoMagnifyImage = zoomImg;
		img.__mojoMagnifyZoomer = zoom;
		img.__mojoMagnifyBorder = zoomBorder;

		var isInImage = false;

		function onMouseOut(e) {
			e = e || window.event;

			var target = e.target || e.srcElement;
			if (!target) return;
			if (target.nodeName != "DIV") return;
			var relTarget = e.relatedTarget || e.toElement;
			if (!relTarget) return;
			while (relTarget != target && relTarget.nodeName != "BODY" && relTarget.parentNode) {
				relTarget = relTarget.parentNode;
			}
			if (relTarget != target) {
				isInImage = false;
				ctr.style.display = "none";
			}
		};

		function onMouseMove(e) {
			e = e || window.event;
			if (!isInImage) {
				if (options.animate) {
					startAnimation(img);
				}
			}
			isInImage = true;
	
			ctr.style.display = "block";
	
			var pos = getEventMousePos(zoomInput, e);
	
			if (e.srcElement && isIE) {
				if (e.srcElement == zoom) return;
				if (e.srcElement != zoomInput) {
					var zoomImgPos = getElementPos(e.srcElement);
					var imgPos = getElementPos(img);
					pos.x -= (imgPos.x - zoomImgPos.x);
					pos.y -= (imgPos.y - zoomImgPos.y);
				}
			}
	
			var x = e.clientX - (getElementPos(img).x - (document.body.scrollLeft||document.documentElement.scrollLeft));
			var y = e.clientY - (getElementPos(img).y - (document.body.scrollTop||document.documentElement.scrollTop));
	
			setZoomPos(img, x, y, pos);
		}

		addEvent(zoomImg, "load", function() {

			addEvent(ctr, "mouseout", onMouseOut);
			addEvent(ctr, "mouseleave", onMouseOut);
			if (isIE) {
				addEvent(document.body, "mouseover",
					function(e) {
						e = e || window.event;

						if (isInImage && e.toElement != zoomImg) {
							ctr.style.display = "none";
						}
					}
				);
			}

			// try removing the event first so we don't get multiple handlers firing
			removeEvent(zoomInput, "mousemove", onMouseMove);
			addEvent(zoomInput, "mousemove", onMouseMove);

			if (options.full) {
				var maskWidth = zoomImg.offsetWidth;
				var maskHeight = zoomImg.offsetHeight;
				img.__mojoMagnifyWidth = maskWidth;
				img.__mojoMagnifyHeight = maskHeight;
				zoomBorder.style.width = maskWidth + "px";
				zoomBorder.style.height = maskHeight + "px";
				zoom.style.width = maskWidth + "px";
				zoom.style.height = maskHeight + "px";
			}

			ctr.style.display = "none";
		});

		// I've no idea. Simply setting the src will make IE screw it self into a 100% CPU fest. In a timeout, it's ok.
		setTimeout(function() { 
			zoomImg.src = zoomSrc;
		}, 1);
	}

	function setCoords(img, x, y) {
		if (!img.__mojoMagnifyOverlay) return;
		isInImage = true;
		img.__mojoMagnifyOverlay.style.display = "block";
		setZoomPos(img, x, y, { x : x, y : y });
	}

	function init() {
		var images = document.getElementsByTagName("img");
		var imgList = [];
		for (var i=0;i<images.length;i++) {
			imgList.push(images[i]);
		}
		for (var i=0;i<imgList.length;i++) {
			var img = imgList[i];
			var zoomSrc = img.getAttribute("data-magnifysrc");
			if (zoomSrc) {
				var opt = {
					full : img.getAttribute("data-magnifyfull") === "true",
					animate : img.getAttribute("data-magnifyanimate") === "true"
				};
				makeMagnifiable(img, zoomSrc, opt);
			}
		}
	}

	return {
		addEvent : addEvent,
		init : init,
		makeMagnifiable : makeMagnifiable,
		setCoords : setCoords
	};

})();

MojoMagnify.addEvent(window, "load", MojoMagnify.init);