/*******************************************************************************
Author:      PLY Interactive
Client:      Superfeet, Inc.
Project:     Superfeet International Web site
File:        Superfeet.js
Created:     August 2007
Purpose:     Defines and initializes primary functions and data for Superfeet 
             JavaScript library.
*******************************************************************************/
/* DEFINE GLOBAL VARIABLES AND ARRAYS */
var rollovers = new Array(); // For product display images

/* LOAD FUNCTIONS */
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
addLoadEvent(sIFRinit);
addLoadEvent(prepareProducts);
addLoadEvent(prepareInsoleSelector);

/******************************************************************************
Section:    Google Analytics 
Purpose:    Load Google Analytics without stalling site
*******************************************************************************/
function loadGoogleAnalyticsHttp() {
    var head = document.getElementsByTagName('head').item(0);
    script = createElement('script');
    script.src = "http://www.google-analytics.com/urchin.js";
    script.type = 'text/javascript';
    script.id = 'googleAnalytics';
    void(head.appendChild(script));
}
function pingGoogleAnalyticsHttp(){
    if(typeof(_uacct) == "undefined") setTimeout("pingGoogleAnalyticsHttp()", 100);
    else {
    _uacct = "UA-679103-2";
    urchinTracker();
    }
}
function loadGoogleAnalyticsHttps() {
    var head = document.getElementsByTagName('head').item(0);
    script = createElement('script');
    script.src = "https://ssl.google-analytics.com/urchin.js";
    script.type = 'text/javascript';
    script.id = 'googleAnalytics';
    void(head.appendChild(script));
}
function pingGoogleAnalyticsHttps(){
    if(typeof(_uacct) == "undefined") setTimeout("pingGoogleAnalyticsHttps()", 100);
    else {
    _uacct = "UA-679103-1";
    urchinTracker();
    }
}

/*******************************************************************************
Section:     Global Functions
Purpose:     Defines common functions used throughout the Superfeet website.
*******************************************************************************/
/* FUNCTION DEFINITIONS */
// cross-browser createElement
function createElement(element){
    if (typeof document.createElementNS != 'undefined') return document.createElementNS('http://www.w3.org/1999/xhtml', element);
    if (typeof document.createElement != 'undefined') return document.createElement(element);
    return false;
}
// Returns array of all elements on page with given attribute
function getElementsByAttribute(attribute,attribute_value) {
	var elementArray = new Array();
	var matchedArray = new Array();
	
	// Grab all elements
	if (document.all) {
		elementArray = document.all; // IE5
	} else {
		elementArray = document.getElementsByTagName("*"); // Most browsers
	}
	
	for (var i = 0; i < elementArray.length; i++) {
		if (attribute == "class") {
			var pattern = new RegExp("(^| )" + attribute_value + "( |$)");
			if (pattern.test(elementArray[i].className)) {
				matchedArray[matchedArray.length] = elementArray[i];
			}
		} else if (attribute == "for") {
			if (elementArray[i].getAttribute("htmlFor") || elementArray[i].getAttribute("for")) {
				if (elementArray[i].htmlFor == attribute_value) {
					matchedArray[matchedArray.length] = elementArray[i];
				}
			}
		} else if (elementArray[i].getAttribute(attribute) == attribute_value) {
			matchedArray[matchedArray.length] = elementArray[i];
		}
	}
	
	if (matchedArray.length) {
	    return matchedArray;
	} else {
	    return false;
	}
}
// Adds or apends class to element
function addClass(element,new_class) {
	// Determine current class and adjust if necessary
	var old_class = element.className;
	if (old_class.indexOf(" " + new_class) == -1) {
		element.className = element.className ? element.className + " " + new_class : new_class;
		return true;
	} else {
		return false;
	}
}

// Removes class from element
function removeClass(element,new_class) {
	// Determine current class and adjust if necessary
	var old_class = element.className;
	if (old_class == new_class) {
		element.className = "";
	} else {
		var i = old_class.indexOf(" " + new_class);
		if (i != -1) {
			var old_length = old_class.length;
			var new_length = new_class.length;
			var first = old_class.substring(0,i);
			var last = old_class.substring(i+new_length+1,old_length);
			element.className = first + last;
			return true;
		} else {
			return false;
		}
	}
}

// Preload images
function preloadImages(image_array,main_folder) {
	// Define variables
	var first_folder = null;
	// Preload images for each in images array
	for (var i = 0; i < image_array.length; i++) {
		// Grab image object and src attribute
		var src = image_array[i].getAttribute("src");
		// Separate src attribute
		var separator = ".";
		var src_split = src.split(separator);
		// Grab position, path and suffix
		var length = src_split.length;
		var path = src_split[length-2].toLowerCase();
		if (path == "on") {
			path = src_split[length-3].toLowerCase();
		}
		var suffix = "." + src_split[length-1].toLowerCase();
		// Grab folder and filename
		separator = "/";
		var path_split = path.split(separator);
		length = path_split.length;
		var folder = path_split[length-2];
		var name = path_split[length-1];

		// If not main_folder is passed, assign empty string to first_folder
		if (main_folder) {
			first_folder = main_folder + "/";
		} else {
			first_folder = "";
		}
		
		// Check if rollover array exists for image set; if not, create
		if (!rollovers[folder]) {
			rollovers[folder] = new Array();
		}

		// Load images
		rollovers[folder][name] = new Image();
		rollovers[folder][name].src = webRoot + "_images/" + first_folder + folder + "/" + name + suffix;
		rollovers[folder][name + ".mo"] = new Image();
		rollovers[folder][name + ".mo"].src = webRoot + "_images/" + first_folder + folder + "/" + name + ".mo" + suffix;
	}
}

// Turns image on
function imageOn(image) {
		var array = rollovers;
		var old_src = image.getAttribute("src");
		
		// Grab src attribute
		var src = image.getAttribute("src");
		// Separate src attribute
		var separator = ".";
		var src_split = src.split(separator);
		var length = src_split.length;
		
		// Grab path.  If image is "on," grab correct path.
		var path = src_split[length-2].toLowerCase();
		if (path == "mo") {
			path = src_split[length-3].toLowerCase();
		}
		
		// Grab folder filename
		separator = "/";
		var path_split = path.split(separator);
		length = path_split.length;
		var folder = path_split[length-2];
		var name = path_split[length-1];
		
		// Set new source
		var new_src = array[folder][name + ".mo"].src;
		if (new_src != old_src) {
			image.setAttribute("src",new_src);
		}
}

// Turns image off
function imageOff(image) {
		var array = rollovers;
		var old_src = image.getAttribute("src");
		
		// Grab src attribute
		var src = image.getAttribute("src");
		// Separate src attribute
		var separator = ".";
		var src_split = src.split(separator);
		var length = src_split.length;
		
		// Grab path.  If image is "on," grab correct path.
		var path = src_split[length-2].toLowerCase();
		if (path == "mo") {
			path = src_split[length-3].toLowerCase();
		}
		
		// Grab folder and filename
		separator = "/";
		var path_split = path.split(separator);
		length = path_split.length;
		var folder = path_split[length-2];
		var name = path_split[length-1];
		
		// Set new source
		var new_src = array[folder][name].src;
		if (new_src != old_src) {
			image.setAttribute("src",new_src);
		}
}

// Grows element to natural height
function growElement(element,ease,target) {
	// Define variables
	var height = parseInt(element.style.height);
	var distance = Math.abs(target - height);
	var move = Math.ceil(distance/ease);

	var new_height = height + move;

	if (height != target) {
		element.moving = true;
	} else {
		element.moving = false;
		element.on = true;
	}
	return new_height;
}

// Shrinks element to height argument
function shrinkElement(element,target,ease) {
	// Define variables
	var height = parseInt(element.style.height);
	var distance = Math.abs(height - target);
	var move = Math.ceil(distance/ease);

	var new_height = height - move;

	if (height != target) {
		element.moving = true;
	} else {
		element.moving = false;
		element.on = false;
	}
	return new_height;
}

function popup(url,type) {
	if (type == "stage") {
		var options = "scrollbars=no,resizable=yes,width=740,height=585";
	} else if (type == "alert") {
		var options = "scrollbars=no,resizable=yes,width=570,height=292";
	} else {
		var options = "scrollbars,resizable=yes,width=570,height=500";
	}
	window.open(url,"popup",options);
}

// Cookie functions
function createCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

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;
}

function eraseCookie(name)
{
	createCookie(name,"",-1);
}

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
}

function sIFRinit() {
	if(typeof sIFR == "function"){
			sIFR.replaceElement("#block-content h1", named({sFlashSrc: webRoot + "_swfs/albertusmt.swf", sColor: "#FFFFFF", sBgColor: "#1A1A1A", sCase: "upper", sFlashVars: "textalign=center"}));
			sIFR.replaceElement("h1", named({sFlashSrc: webRoot + "_swfs/albertusmt.swf", sColor: "#FFFFFF", sBgColor: "#2F3030", sCase: "upper", sWmode: "transparent"}));
			sIFR.replaceElement("#block-content h2", named({sFlashSrc: webRoot + "_swfs/albertusmt.swf", sColor: "#FFFFFF", sBgColor: "#1A1A1A", sCase: "upper", nPaddingLeft: "30", nPaddingRight: "30", sFlashVars: "textalign=center"}))
			sIFR.replaceElement("#block h2", named({sFlashSrc: webRoot + "_swfs/albertusmt.swf", sColor: "#FFFFFF", sBgColor: "#1A1A1A", sCase: "upper", nPaddingTop: "21", nPaddingBottom: "4", nPaddingLeft: "7"}));
			sIFR.replaceElement("#main h2", named({sFlashSrc: webRoot + "_swfs/albertusmt.swf", sColor: "#FFFFFF", sBgColor: "#2F3030", sCase: "upper", sWmode: "transparent"}));
	};
}
/*	sIFR 2.0.2
	Copyright 2004 - 2006 Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

	This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>
*/

var hasFlash=function(){var a=6;if(navigator.appVersion.indexOf("MSIE")!=-1&&navigator.appVersion.indexOf("Windows")>-1){document.write('<script language="VBScript"\> \non error resume next \nhasFlash = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & '+a+'))) \n</script\> \n');if(window.hasFlash!=null)return window.hasFlash}if(navigator.mimeTypes&&navigator.mimeTypes["application/x-shockwave-flash"]&&navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin){var b=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description;return parseInt(b.charAt(b.indexOf(".")-1))>=a}return false}();String.prototype.normalize=function(){return this.replace(/\s+/g," ")};if(Array.prototype.push==null){Array.prototype.push=function(){var i=0,a=this.length,b=arguments.length;while(i<b){this[a++]=arguments[i++]}return this.length}}if(!Function.prototype.apply){Function.prototype.apply=function(a,b){var c=[];var d,e;if(!a)a=window;if(!b)b=[];for(var i=0;i<b.length;i++){c[i]="b["+i+"]"}e="a.__applyTemp__("+c.join(",")+");";a.__applyTemp__=this;d=eval(e);a.__applyTemp__=null;return d}}function named(a){return new named.Arguments(a)}named.Arguments=function(a){this.oArgs=a};named.Arguments.prototype.constructor=named.Arguments;named.extract=function(a,b){var c,d;var i=a.length;while(i--){d=a[i];if(d!=null&&d.constructor!=null&&d.constructor==named.Arguments){c=a[i].oArgs;break}}if(c==null)return;for(e in c)if(b[e]!=null)b[e](c[e]);return};var parseSelector=function(){var a=/^([^#.>`]*)(#|\.|\>|\`)(.+)$/;function r(s,t){var u=s.split(/\s*\,\s*/);var v=[];for(var i=0;i<u.length;i++)v=v.concat(b(u[i],t));return v}function b(c,d,e){c=c.normalize().replace(" ","`");var f=c.match(a);var g,h,i,j,k,n;var l=[];if(f==null)f=[c,c];if(f[1]=="")f[1]="*";if(e==null)e="`";if(d==null)d=document;switch(f[2]){case "#":k=f[3].match(a);if(k==null)k=[null,f[3]];g=document.getElementById(k[1]);if(g==null||(f[1]!="*"&&!o(g,f[1])))return l;if(k.length==2){l.push(g);return l}return b(k[3],g,k[2]);case ".":if(e!=">")h=m(d,f[1]);else h=d.childNodes;for(i=0,n=h.length;i<n;i++){g=h[i];if(g.nodeType!=1)continue;k=f[3].match(a);if(k!=null){if(g.className==null||g.className.match("(\\s|^)"+k[1]+"(\\s|$)")==null)continue;j=b(k[3],g,k[2]);l=l.concat(j)}else if(g.className!=null&&g.className.match("(\\s|^)"+f[3]+"(\\s|$)")!=null)l.push(g)}return l;case ">":if(e!=">")h=m(d,f[1]);else h=d.childNodes;for(i=0,n=h.length;i<n;i++){g=h[i];if(g.nodeType!=1)continue;if(!o(g,f[1]))continue;j=b(f[3],g,">");l=l.concat(j)}return l;case "`":h=m(d,f[1]);for(i=0,n=h.length;i<n;i++){g=h[i];j=b(f[3],g,"`");l=l.concat(j)}return l;default:if(e!=">")h=m(d,f[1]);else h=d.childNodes;for(i=0,n=h.length;i<n;i++){g=h[i];if(g.nodeType!=1)continue;if(!o(g,f[1]))continue;l.push(g)}return l}}function m(d,o){if(o=="*"&&d.all!=null)return d.all;return d.getElementsByTagName(o)}function o(p,q){return q=="*"?true:p.nodeName.toLowerCase().replace("html:", "")==q.toLowerCase()}return r}();var sIFR=function(){var a="http://www.w3.org/1999/xhtml";var b=false;var c=false;var d;var ah=[];var al=document;var ak=al.documentElement;var am=window;var au=al.addEventListener;var av=am.addEventListener;var f=function(){var g=navigator.userAgent.toLowerCase();var f={a:g.indexOf("applewebkit")>-1,b:g.indexOf("safari")>-1,c:navigator.product!=null&&navigator.product.toLowerCase().indexOf("konqueror")>-1,d:g.indexOf("opera")>-1,e:al.contentType!=null&&al.contentType.indexOf("xml")>-1,f:true,g:true,h:null,i:null,j:null,k:null};f.l=f.a||f.c;f.m=!f.a&&navigator.product!=null&&navigator.product.toLowerCase()=="gecko";if(f.m&&g.match(/.*gecko\/(\d{8}).*/))f.j=new Number(g.match(/.*gecko\/(\d{8}).*/)[1]);f.n=g.indexOf("msie")>-1&&!f.d&&!f.l&&!f.m;f.o=f.n&&g.match(/.*mac.*/)!=null;if(f.d&&g.match(/.*opera(\s|\/)(\d+\.\d+)/))f.i=new Number(g.match(/.*opera(\s|\/)(\d+\.\d+)/)[2]);if(f.n||(f.d&&f.i<7.6))f.g=false;if(f.a&&g.match(/.*applewebkit\/(\d+).*/))f.k=new Number(g.match(/.*applewebkit\/(\d+).*/)[1]);if(am.hasFlash&&(!f.n||f.o)){var aj=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description;f.h=parseInt(aj.charAt(aj.indexOf(".")-1))}if(g.match(/.*(windows|mac).*/)==null||f.o||f.c||(f.d&&(g.match(/.*mac.*/)!=null||f.i<7.6))||(f.b&&f.h<7)||(!f.b&&f.a&&f.k<312)||(f.m&&f.j<20020523))f.f=false;if(!f.o&&!f.m&&al.createElementNS)try{al.createElementNS(a,"i").innerHTML=""}catch(e){f.e=true}f.p=f.c||(f.a&&f.k<312);return f}();function at(){return{bIsWebKit:f.a,bIsSafari:f.b,bIsKonq:f.c,bIsOpera:f.d,bIsXML:f.e,bHasTransparencySupport:f.f,bUseDOM:f.g,nFlashVersion:f.h,nOperaVersion:f.i,nGeckoBuildDate:f.j,nWebKitVersion:f.k,bIsKHTML:f.l,bIsGecko:f.m,bIsIE:f.n,bIsIEMac:f.o,bUseInnerHTMLHack:f.p}}if(am.hasFlash==false||!al.getElementsByTagName||!al.getElementById||(f.e&&(f.p||f.n)))return{UA:at()};function af(e){if((!k.bAutoInit&&(am.event||e)!=null)||!l(e))return;b=true;for(var i=0,h=ah.length;i<h;i++)j.apply(null,ah[i]);ah=[]}var k=af;function l(e){if(c==false||k.bIsDisabled==true||((f.e&&f.m||f.l)&&e==null&&b==false)||(al.body==null||al.getElementsByTagName("body").length==0))return false;return true}function m(n){if(f.n)return n.replace(new RegExp("%\d{0}","g"),"%25");return n.replace(new RegExp("%(?!\d)","g"),"%25")}function as(p,q){return q=="*"?true:p.nodeName.toLowerCase().replace("html:", "")==q.toLowerCase()}function o(p,q,r,s,t){var u="";var v=p.firstChild;var w,x,y,z;if(s==null)s=0;if(t==null)t="";while(v){if(v.nodeType==3){z=v.nodeValue.replace("<","&lt;");switch(r){case "lower":u+=z.toLowerCase();break;case "upper":u+=z.toUpperCase();break;default:u+=z}}else if(v.nodeType==1){if(as(v,"a")&&!v.getAttribute("href")==false){if(v.getAttribute("target"))t+="&sifr_url_"+s+"_target="+v.getAttribute("target");t+="&sifr_url_"+s+"="+m(v.getAttribute("href")).replace(/&/g,"%26");u+='<a href="asfunction:_root.launchURL,'+s+'">';s++}else if(as(v,"br"))u+="<br/>";if(v.hasChildNodes()){y=o(v,null,r,s,t);u+=y.u;s=y.s;t=y.t}if(as(v,"a"))u+="</a>"}w=v;v=v.nextSibling;if(q!=null){x=w.parentNode.removeChild(w);q.appendChild(x)}}return{"u":u,"s":s,"t":t}}function A(B){if(al.createElementNS&&f.g)return al.createElementNS(a,B);return al.createElement(B)}function C(D,E,z){var p=A("param");p.setAttribute("name",E);p.setAttribute("value",z);D.appendChild(p)}function F(p,G){var H=p.className;if(H==null)H=G;else H=H.normalize()+(H==""?"":" ")+G;p.className=H}function aq(ar){var a=ak;if(k.bHideBrowserText==false)a=al.getElementsByTagName("body")[0];if((k.bHideBrowserText==false||ar)&&a)if(a.className==null||a.className.match(/\bsIFR\-hasFlash\b/)==null)F(a, "sIFR-hasFlash")}function j(I,J,K,L,M,N,O,P,Q,R,S,r,T){if(!l())return ah.push(arguments);aq();named.extract(arguments,{sSelector:function(ap){I=ap},sFlashSrc:function(ap){J=ap},sColor:function(ap){K=ap},sLinkColor:function(ap){L=ap},sHoverColor:function(ap){M=ap},sBgColor:function(ap){N=ap},nPaddingTop:function(ap){O=ap},nPaddingRight:function(ap){P=ap},nPaddingBottom:function(ap){Q=ap},nPaddingLeft:function(ap){R=ap},sFlashVars:function(ap){S=ap},sCase:function(ap){r=ap},sWmode:function(ap){T=ap}});var U=parseSelector(I);if(U.length==0)return false;if(S!=null)S="&"+S.normalize();else S="";if(K!=null)S+="&textcolor="+K;if(M!=null)S+="&hovercolor="+M;if(M!=null||L!=null)S+="&linkcolor="+(L||K);if(O==null)O=0;if(P==null)P=0;if(Q==null)Q=0;if(R==null)R=0;if(N==null)N="#FFFFFF";if(T=="transparent")if(!f.f)T="opaque";else N="transparent";if(T==null)T="";var p,V,W,X,Y,Z,aa,ab,ac;var ad=null;for(var i=0,h=U.length;i<h;i++){p=U[i];if(p.className!=null&&p.className.match(/\bsIFR\-replaced\b/)!=null)continue;V=p.offsetWidth-R-P;W=p.offsetHeight-O-Q;aa=A("span");aa.className="sIFR-alternate";ac=o(p,aa,r);Z="txt="+m(ac.u).replace(/\+/g,"%2B").replace(/&/g,"%26").replace(/\"/g, "%22").normalize() + S + "&w=" + V + "&h=" + W + ac.t;F(p,"sIFR-replaced");if(ad==null||!f.g){if(!f.g){if(!f.n)p.innerHTML=['<embed class="sIFR-flash" type="application/x-shockwave-flash" src="',J,'" quality="best" wmode="',T,'" bgcolor="',N,'" flashvars="',Z,'" width="',V,'" height="',W,'" sifr="true"></embed>'].join("");else p.innerHTML=['<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" sifr="true" width="',V,'" height="',W,'" class="sIFR-flash"><param name="movie" value="',J,"?",Z,'"></param><param name="quality" value="best"></param><param name="wmode" value="',T,'"></param><param name="bgcolor" value="',N,'"></param> </object>'].join('')}else{if(f.d){ab=A("object");ab.setAttribute("data",J);C(ab,"quality","best");C(ab,"wmode",T);C(ab,"bgcolor",N)}else{ab=A("embed");ab.setAttribute("src",J);ab.setAttribute("quality","best");ab.setAttribute("flashvars",Z);ab.setAttribute("wmode",T);ab.setAttribute("bgcolor",N)}ab.setAttribute("sifr","true");ab.setAttribute("type","application/x-shockwave-flash");ab.className="sIFR-flash";if(!f.l||!f.e)ad=ab.cloneNode(true)}}else ab=ad.cloneNode(true);if(f.g){if(f.d)C(ab,"flashvars",Z);else ab.setAttribute("flashvars",Z);ab.setAttribute("width",V);ab.setAttribute("height",W);ab.style.width=V+"px";ab.style.height=W+"px";p.appendChild(ab)}p.appendChild(aa);if(f.p)p.innerHTML+=""}if(f.n&&k.bFixFragIdBug)setTimeout(function(){al.title=d},0)}function ai(){d=al.title}function ae(){if(k.bIsDisabled==true)return;c=true;if(k.bHideBrowserText)aq(true);if(am.attachEvent)am.attachEvent("onload",af);else if(!f.c&&(al.addEventListener||am.addEventListener)){if(f.a&&f.k>=132&&am.addEventListener)am.addEventListener("load",function(){setTimeout("sIFR({})",1)},false);else{if(al.addEventListener)al.addEventListener("load",af,false);if(am.addEventListener)am.addEventListener("load",af,false)}}else if(typeof am.onload=="function"){var ag=am.onload;am.onload=function(){ag();af()}}else am.onload=af;if(!f.n||am.location.hash=="")k.bFixFragIdBug=false;else ai()}k.UA=at();k.bAutoInit=true;k.bFixFragIdBug=true;k.replaceElement=j;k.updateDocumentTitle=ai;k.appendToClassName=F;k.setup=ae;k.debug=function(){aq(true)};k.debug.replaceNow=function(){ae();k()};k.bIsDisabled=false;k.bHideBrowserText=true;return k}();

if(typeof sIFR == "function" && !sIFR.UA.bIsIEMac){
	sIFR.setup();
};
/*******************************************************************************
Section:     Dynamic Loading of ActiveX/Object Controls
Purpose:     Manages Flash object replacement.
*******************************************************************************/
/**
 * SWFObject v1.4.2: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){_16.push(key+"="+_18[key]);}
return _16;
},getSWFHTML:function(){
var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=key+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}
_19+="/>";
}else{if(this.getAttribute("doExpressInstall")){
this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}
_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();
return true;
}else{
if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(){
var _23=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{
try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}
catch(e){try{
var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
_23=new deconcept.PlayerVersion([6,0,21]);
axo.AllowScriptAccess="always";}
catch(e){
if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}
catch(e){}}
if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}
return _23;};
deconcept.PlayerVersion=function(_27){
this.major=_27[0]!=null?parseInt(_27[0]):0;
this.minor=_27[1]!=null?parseInt(_27[1]):0;
this.rev=_27[2]!=null?parseInt(_27[2]):0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}
return true;
};
deconcept.util={getRequestParameter:function(_29){
var q=document.location.search||document.location.hash;
if(q){
var _2b=q.substring(1).split("&");
for(var i=0;i<_2b.length;i++){
if(_2b[i].substring(0,_2b[i].indexOf("="))==_29){
return _2b[i].substring((_2b[i].indexOf("=")+1));}}}
return "";}};
deconcept.SWFObjectUtil.cleanupSWFs=function(){
var _2d=document.getElementsByTagName("OBJECT");
for(var i=0;i<_2d.length;i++){
_2d[i].style.display="none";
for(var x in _2d[i]){if(typeof _2d[i][x]=="function"){_2d[i][x]=null;}}}};
if(typeof window.onunload=="function"){
var oldunload=window.onunload;
window.onunload=function(){
deconcept.SWFObjectUtil.cleanupSWFs();
oldunload();};
}else{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}
if(Array.prototype.push==null){
Array.prototype.push=function(_30){
this[this.length]=_30;
return this.length;};}

var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for legacy support
var SWFObject=deconcept.SWFObject;
/*******************************************************************************
Section:     Generic Element Animation
Purpose:     Defines and controls behavior of generic elements used throughout 
						 the Superfeet web site.
*******************************************************************************/
function animateFamily(element,family,start_height,end_height) {
	// Object detection
	if (!document.getElementById) return false;

	// Grab objects and assign variables
	var ease = 5;
	var interval = 30;
	var movement = false;
	if (!end_height) {
		var end_height = element.scrollHeight;
	}
	
	// Determine height for off elements
	var shrink_amount = new Array();
	for (var i = 0; i < family.length; i++) {
		if (family[i].timeout) {
			clearTimeout(family[i].timeout);
		}
		// Check if current element == selected element, and check if current element is on or moving
		if ((family[i] != element) && (family[i].on == true || family[i].moving == true)) {
			shrink_amount[i] = shrinkElement(family[i],start_height,ease);
		}
	}
	// Determine height for on element
	var grow = growElement(element,ease,end_height);
	
	// Adjust height for all elements
	for (var i = 0; i < family.length; i++) {
		if ((family[i] != element) && (family[i].on == true || family[i].moving == true)) {
			family[i].style.height = shrink_amount[i] + "px";
		}
	}
	// Adjust height for current element
	element.style.height = grow + "px";
	
	// Recursion
	// Checks if any element is moving
	for (var i = 0; i < family.length; i++) {
		if (family[i].moving == true) {
			movement = true;
		}
	}
	
	if (movement == true) {
		var repeat = function () {
			animateFamily(element,family,start_height,end_height);
		};
		element.timeout = setTimeout(repeat,interval);
	}
	return true;
}

/*******************************************************************************
Section:     Options Element
Purpose:     Initializes and controls the behavior of the "options" menu used
             throughout the Superfeet website.
*******************************************************************************/
/* FUNCTION DEFINITIONS */
// Defines starting properties and event handlers
function prepareOptions() {
	// Object detection
	if (!document.getElementById) return false;
	if (!document.getElementById("options")) return false;
	
	// Starting attributes of 'options' element
	var options = document.getElementById("options");
	// Call function to preload images
	preloadOptions(options);
	var image = document.getElementById("select").getElementsByTagName("img")[0];
	
	options.closed = "78px";
	options.open = "135px";
		
	if (readCookie("ledge_state") == "open") {
		options.style.height = options.open;
		options.state = "grow";
		imageOn(image);
	} else {
		options.style.height = options.closed;
		options.state = "shrink";
		imageOff(image);
	}
	
	// Attach event handler and preload button images
	if (document.getElementById("select")) {
		var button = document.getElementById("select").firstChild;
		if (button.nodeType != "1") {
		    button = button.nextSibling;
		}
		button.onclick = function() {
			this.blur();
			return toggleOptions("options",parseInt(options.closed));
		}
	}
}

// Preloads all images associated with the options panel
function preloadOptions(options) {
	// Define array to hold all images
	var optionsImages = new Array();
	// Grab objects and define variables
	if (document.getElementById("select")) {
		var select = document.getElementById("select").firstChild;
		if (select.nodeType != "1") {
		    select = select.nextSibling;
		}
		optionsImages[0] = select.getElementsByTagName("img")[0]; // First img
	}
	var optionsbuttons = options.getElementsByTagName("img");
	var optionsinputs = options.getElementsByTagName("input");
	
	// Loop through image object array and grab images that are buttons (will animate in some way), also assign event handlers
	for (var i = 0; i < optionsbuttons.length; i++) {
		if (optionsbuttons[i].className == "button") {
			optionsImages[optionsImages.length] = optionsbuttons[i];
			optionsbuttons[i].onmouseover = function() {
				imageOn(this);
			}
			optionsbuttons[i].onmouseout = function() {
				imageOff(this);
			}
		}
	}
	// Loop through input object array and grab inputs that are buttons (will animate in some way), also assign event handlers
	// NOTE: This could probably be optimized
	for (var i = 0; i < optionsinputs.length; i++) {
		if (optionsinputs[i].className == "button") {
			optionsImages[optionsImages.length] = optionsinputs[i];
			optionsinputs[i].onmouseover = function() {
				imageOn(this);
			}
			optionsinputs[i].onmouseout = function() {
				imageOff(this);
			}
		}
	}
	// Preload images for each "button" in optionsImages array	
	preloadImages(optionsImages);
}

// Toggle state of 'options' element
function toggleOptions(options_name,off_height) {
	// Object detection
	if (!document.getElementById) return true; // Follow link
	if (!document.getElementById("options")) return true; // Follow link
	if (!document.body.scrollHeight) return true; // Follow link
	if (window.opera) return true; // Follow link
	if (!Math) return true; // Follow link
	
	// Grab object element height and define variables
	var options = document.getElementById(options_name);
	var image = document.getElementById("select").getElementsByTagName("img")[0];
	// Toggle movement state
	if (options.state == "shrink") {
		options.state = "grow";
		imageOn(image);
		createCookie("ledge_state","open",0);
	} else {
		options.state = "shrink";
		imageOff(image);
		createCookie("ledge_state","closed",0);
	}
	return animateOptions(options_name,off_height);
}

// Animate options
function animateOptions(options_name,off_height) {
	// Grab element objects and define variables
	var options = document.getElementById(options_name);
	var ease = 4;
	var interval = 38;
	var target = options.scrollHeight + "px";
	//Clear timeout if element is already in action
	if (options.timeout) {
		clearTimeout(options.timeout);
	}
	if (options.state == "grow") {
		// Determine new height
		var grow = growElement(options,ease,parseInt(target));
		// Assign new height
		options.style.height = grow + "px";
	}
	if (options.state == "shrink") {
		// Determine new height
		var shrink = shrinkElement(options,off_height,ease);
		// Assign new height
		options.style.height = shrink + "px";
	}
	
	// Recursion
		if (options.style.height != target && options.style.height != options.closed) {
			var repeat = "animateOptions('" + options_name + "'," + off_height + ")";
			options.timeout = setTimeout(repeat,interval);
		}
	return false;
}

/*******************************************************************************
Section:     Online Store
Purpose:     Defines and controls behavior of elements used throughout the
             Superfeet online store.
*******************************************************************************/
/* FUNCTION DEFINITIONS */
// Defines starting height of small product displays and attaches behavior event handlers
function prepareProducts() {
	// Object detection
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById("options")) return false;
	if (!document.getElementById("trimfit")) return false;
	if (!document.getElementById("customfit")) return false;
	if (!document.getElementById("easyfit")) return false;
	if (!document.body.scrollHeight) return false;
	if (!Math) return false;
	
	// Grab element objects
	var content = document.getElementById("content");
	// Define arrays
	var product_displays = new Array();
	// Define variables
	var image = null;
	var product_height = "63px";
	var off_class = "product";
	var new_class = "highlighted";
	
	// Create array of all category divs
	var contentdivs = content.getElementsByTagName("div");
	var categories = new Array();
	for (var i = 0; i < contentdivs.length; i++) {
		if (contentdivs[i].className.indexOf("category") != -1) {
			categories[categories.length] = contentdivs[i];
		}
	}
	
	// Create array of all animating product displays
	var categorydivs = new Array();
	var products = new Array();
	for (var i = 0; i < categories.length; i++) {
		categorydivs = categories[i].getElementsByTagName("div");
		for (var ii = 0; ii < categorydivs.length; ii++) {
			if (categorydivs[ii].className.indexOf(off_class) != -1) {
				products[products.length] = categorydivs[ii];
			}
		}
	}

	// Asign height & event handler, and preload images
	for (var i = 0; i < products.length; i++) {
		// Starting property values for products
		products[i].style.height = product_height;

		// Attach event handler(s)
		products[i].onmouseover = function() {
			return toggleProducts(this,products,parseInt(product_height));
		}
		
		// Preload product display images
		image = products[i].getElementsByTagName("img")[0]; // First image
		product_displays[product_displays.length] = image;
	}
	
	// Call global image preload function and pass optional main folder
	preloadImages(product_displays,"products");
	
	return true;
}

// Toggles product properties and calls animation function
function toggleProducts(product,group,start_height) {
	// Define variable(s) and get element objects
	var products = group;
	
	// Toggle image rollover states for all elements
	for (var i = 0; i < products.length; i++) {
		if ((products[i] != product) && (products[i].on == true || products[i].moving == true)) {
			var image = products[i].getElementsByTagName("img")[0]; // First img element
			imageOff(image);
		}
	}
	var image = product.getElementsByTagName("img")[0]; // First img element
	imageOn(image);

	// Adjust class for all elements
	for (var i = 0; i < products.length; i++) {
		if ((products[i] != product) && (products[i].on == true || products[i].moving == true)) {
			removeClass(products[i],"selected");
		}
	}
	addClass(product,"selected");
	return animateFamily(product,group,start_height);
}

// Defines starting height of Insole selector boxes and attaches behavior event handlers
function prepareInsoleSelector() {
	// Object detection
	if (!document.getElementById) return false;
	if (!document.getElementById("product-options")) return false;
	if (!document.getElementsByTagName) return false;
	if (!document.body.scrollHeight) return false;
	if (!Math) return false;
	
	// Grab element objects
	var container = document.getElementById("product-options");
	// Define variables
	var image = null;
	var start_height = "16px";
	var end_height = 190;
	var off_class = "option";
	
	// Create array of all options divs
	var containerdivs = container.getElementsByTagName("div");
	var options = new Array();
	for (var i = 0; i < containerdivs.length; i++) {
		if (containerdivs[i].className.indexOf(off_class) != -1) {
			options[options.length] = containerdivs[i];
		}
	}

	// Asign height & event handler, and preload images
	for (var i = 0; i < options.length; i++) {
		// Starting property values for products
		options[i].style.height = start_height;

		// Grab anchor element and attach event handler(s)
		var anchor = options[i].getElementsByTagName("h4")[0].getElementsByTagName("a")[0];
		anchor.onclick = function() {
			return animateFamily(this.parentNode.parentNode,options,parseInt(start_height),end_height);
		}
	}
	
	return true;
}

// Toggles product properties and calls animation function
function toggleInsoleSelector(product,family) {

	// Toggle image rollover states for all elements
	for (var i = 0; i < family.length; i++) {
		if ((family[i] != product) && (family[i].on == true || family[i].moving == true)) {
			var image = family[i].getElementsByTagName("img")[0]; // First img element
			imageOff(image);
		}
	}
	var image = product.getElementsByTagName("img")[0]; // First img element
	imageOn(image);

	// Adjust class for all elements
	for (var i = 0; i < products.length; i++) {
		if ((family[i] != product) && (family[i].on == true || family[i].moving == true)) {
			removeClass(products[i],"selected");
		}
	}
	addClass(product,"selected");
	return animateFamily(product,group);
}




/*******************************************************************************
Section:     FAQs
Purpose:     Initializes and controls the behavior of the "FAQ" open/close boxes.
*******************************************************************************/
/* FUNCTION DEFINITIONS */
// Defines starting properties and event handlers
function prepareFaqs() {
	// Object detection
	if (!document.getElementById) return false;
	if (!getElementsByAttribute("class", "faq")) return false;
	
	// Get FAQ Wrapper
	var faq = getElementsByAttribute("class", "faq");
	
	// Get "boxes"
	var faqBoxes = new Array();
	var faqDivs = document.getElementsByTagName("div");
	for (var i = 0; i < faqDivs.length; i++) {
	    if (faqDivs[i].className.indexOf("box") != -1) {
	        faqBoxes[faqBoxes.length] = faqDivs[i];
	    }
	}
	
	// Get desired FAQ section
	var section = getQueryVariable("section");
	
	// Init all boxes
	for (var i = 0; i < faqBoxes.length; i++) {
	    if (faqBoxes[i].getAttribute("id") == section) {
	        faqBoxes[i].style.height = faqBoxes[i].scrollHeight + "px";
	        removeClass(faqBoxes[i], "close");
	        addClass(faqBoxes[i], "open");
	    } else {
	        faqBoxes[i].style.height = "41px";
	    }
	}
	
	// Get "buttons"
	var faqButtons = new Array();
	var faqLinks = document.getElementsByTagName("a");
	for (var i = 0; i < faqLinks.length; i++) {
	    if (faqLinks[i].className.indexOf("button") != -1) {
	        faqButtons[faqButtons.length] = faqLinks[i];
	    }
	}
	
	// Assign event handler(s)
	for (var i = 0; i < faqButtons.length; i++) {
	    faqButtons[i].onclick = function() {
	        if (this.parentNode.className.indexOf("close") != -1) {
	            this.parentNode.style.height = this.parentNode.scrollHeight + "px";
	            removeClass(this.parentNode, "close");
	            addClass(this.parentNode, "open");
	        } else {
	            this.parentNode.style.height = "41px";
	            removeClass(this.parentNode, "open");
	            addClass(this.parentNode, "close");
	        }
	        this.blur();
	        return false;
	    }
	}
}



// Controls display of insole selector
var size_list = null;    

function AddSkuLines(ArraySkus,scriptID)
{
    iSku = 0;
    while (iSku < ArraySkus.length)
    {
        var Sku = ArraySkus[iSku++];
        var InsoleSize = ArraySkus[iSku++];
        var ShoeSize = ArraySkus[iSku++];
        document.write("<li><a href='#' onclick='loadInsoleDetails(this.parentNode.parentNode.parentNode.parentNode,\"" + Sku + "\",\"" + InsoleSize + "\",\"" + ShoeSize + "\"); return false;'>" + ShoeSize + "</a></li>");
    }
    var element = document.getElementById("" + scriptID + "");
    var parent = element.parentNode;
    parent.removeChild(element);
}

function AdjustOptionsDisplay()
{
    document.getElementById("insole-selector-mens").style.display = ((AdultMaleSkus.length == 0) ? "none" : "");
    document.getElementById("insole-selector-womens").style.display = ((AdultFemaleSkus.length == 0) ? "none" : "");
    document.getElementById("insole-selector-juniors").style.display = ((JuniorSkus.length == 0) ? "none" : "");
}

function loadInsoleDetails(element,Sku,insole_size,shoe_size) {
	// Object Detection
	if (!document.getElementsByTagName) return false;
	// Define variables from server
	var page_mode = 'products';
	var price_element = null;
	var button_element = null;
	var back_button = null;
	
	
	// Give Safari a different back button
	var url = "" + window.location + "";
	var sep = "#";
	var sep_pos = url.indexOf(sep);
	if (sep_pos != -1) {
    	var url = url.substr(0,sep_pos);
    }
	
	back_button = '<p class="button-back"><a href="#" onclick="eval(loadSizes(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode));">Back</a></p>';
	    	
	//Determine page mode and define appropriate content
	if (page_mode == "store") {
		button_element = '<div class="buttonbox"><a href="/store/shopping-cart.aspx?ADD=' + Sku + '">Add to Cart</a></div>';
	} else {
		button_element = '<div class="buttonbox"><a href=\'' + webRoot + 'FindADealer/?PF=' + product_name + '\'>Find Dealer</a></div>';
	}
				
	var detailsBox = element.getElementsByTagName("div")[0];
	size_list = detailsBox.cloneNode(true);
	detailsBox.innerHTML = '<table><tr><td valign="middle" style="width: 100%;" colspan="2">'
		+ '<h5>' + friendly_name + '</h5>'
		+ '<p>Insole size: ' + insole_size + '</p>'
		+ '<p>Shoe size: ' + shoe_size + ' <a href="SizingDetails.aspx" onclick="popup(this.href,\'stage\'); return false;">Sizing Details</a></p>'
		+ back_button
		+ '</td></tr>'
		+ '<tr><td><img src="' + webRoot + '_images/products/' + product_name + '/details-sm.jpg"'
		+ ' width="103" height="103" alt="' + product_name + ' | ' + product_desc + '" /></td>'
		+ '<td valign="middle">'
		+ button_element
		+ '</td></tr></table>';
}
		
var loadSizes = function(element) {
	var parent = element.parentNode;
	parent.removeChild(element);
	parent.appendChild(size_list);
}