/*******************************************************************************
Author:      PLY Interactive
Client:      Superfeet, Inc.
Project:     Superfeet Brand Corporate Web site and E-Commerce Solution
File:        superfeet.js
Created:     April 2006
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);

/******************************************************************************
Section:    Google Analytics 
Purpose:    Return Google analytics tracking codes.
*******************************************************************************/
function loadGoogleAnalyticsHttp() {
    return 'UA-679103-2';
}

function loadGoogleAnalyticsHttps() {
    return 'UA-679103-1';
}

/*******************************************************************************
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];
		}
	}
	
	return matchedArray;
}
// 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 = "/_images/" + first_folder + folder + "/" + name + suffix;
		rollovers[folder][name + ".mo"] = new Image();
		rollovers[folder][name + ".mo"].src = "/_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) {
    var name = "popup";
	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 if (type == "asset") {
		var options = "scrollbars=no,resizable=yes,width=750,height=550";
		name = "asset";
	} else {
		var options = "scrollbars,resizable=yes,width=570,height=500";
	}
	window.open(url,name,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);
}


/*******************************************************************************
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 "";}};

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,families,start_height,end_height) {
	// Object detection
	if (!document.getElementById) return false;

	// Grab objects and assign variables
	var 
	ease = 5,
	interval = 30,
	movement = false,
	i, family, images;
	
	if (!start_height)
	    start_height = element.getElementsByTagName("img")[0].height + 3;
	if (!end_height)
	    end_height = element.scrollHeight;
	
	// Determine height for off elements
	var shrink_amount = new Array();
	for (i = 0; i < families.length; i++) {
	    family = families[i];
		if (family.timeout) {
			clearTimeout(family.timeout);
		}
		// Check if current element == selected element, and check if current element is on or moving
		if ((family != element) && (family.on == true || family.moving == true)) {
		    images = family.getElementsByTagName("img");
		    shrink_amount[i] = shrinkElement(family, (images.length > 0 ? images[0].height + 3 : start_height), ease);
		}
	}
	// Determine height for on element
	var grow = growElement(element,ease,end_height);
	
	// Adjust height for all elements
	for (i = 0; i < families.length; i++) {
	    family = families[i]
		if ((family != element) && (family.on == true || family.moving == true)) {
			family.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 < families.length; i++) {
	    if (families[i].moving == true) {
			movement = true;
		}
	}
	
	if (movement == true) {
		var repeat = function () {
			animateFamily(element,families,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 if (readCookie("ledge_state") == "closed") {
        options.style.height = options.closed;
        options.state = "shrink";
        imageOff(image);
    } else {
		options.style.height = options.open;
		options.state = "grow";
		imageOn(image);
	}
	
	// Attach event handler and preload button images
	if (document.getElementById("select")) {
		var button = document.getElementById("select").firstChild;	
		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 options_images = new Array();
	// Grab objects and define variables
	if (document.getElementById("select")) {
		var select = document.getElementById("select").firstChild;
		options_images[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") {
			options_images[options_images.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") {
			options_images[options_images.length] = optionsinputs[i];
			optionsinputs[i].onmouseover = function() {
				imageOn(this);
			}
			optionsinputs[i].onmouseout = function() {
				imageOff(this);
			}
		}
	}
	// Preload images for each "button" in options_images array	
	preloadImages(options_images);
}

// 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") && !document.getElementById("sandals")) 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 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++) {
		// Attach event handler(s)
	    products[i].onmouseover = function() {
	        return toggleProducts(this, products);
	    }
		
		// 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, products) {
	// 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, products);
}

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