// Table of Contents:

// cookie functions
//writerecent
//writecart
//qv
//accordion
//domticker
//changeImage
//mssImgEnlarge
//ImageMenu

var accordCookie = readCookie('accordion') * 1
var navIndex = (typeof accordCookie == "number")?accordCookie:0;
var topNavLinks;

// create cookie assigning name, value and expiration days
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=/";}

// read cookie by name and list value
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;}

// delete cookie by name
function eraseCookie(name) { createCookie(name,"",-1); }



// @writerecent
/* ############ recently viewed items ########### */
var name = "recentItems"; //cookieName
var days = 7; // days before expiration
var newString = "";
var num = 3; // number of items to display
var unique ="yes"; 

var preCookie = readCookie(name);

// append new data to cookie.
function setCookie(){
	if (!curString) return;
	var s = curString.replace("^","");
	if (!preCookie || preCookie == ""){newString = curString;} 
	else {var eachItem = preCookie.split("^"); for (i = 0; i < num; i++){if (eachItem[i] == s ) {unique = "no";}} if (unique == "yes"){ var x = curString + preCookie;var a = x.split("^");for (i=0;i<num + 1;i++){newString+=a[i] + "^";}}else {newString = preCookie;}}  
	createCookie(name,newString,days)
}

//splitting and writing cookie data
function writeRecent(){
	var p=true;
	try{if(prodID){p=true;}}catch(e){p=false}
	if (p && preCookie && preCookie != ""){
		var eachItem = preCookie.split("^");
		if (!eachItem || eachItem.length == 0) return;
		var firstElement = eachItem[0].split("|");	
		if (firstElement[0] == prodID && eachItem.length == 2) return;
		var i2 = 0;
    	document.write('<div class="contents-title" id="recentlyviewed">');
    	document.write('<div id="recentItemHeader">Recently Viewed Items</div>');
		for (i = 0; i < num || i2 < num; i++){
			if (eachItem[i] && eachItem[i] != "" && eachItem[i] != "undefined"){
				var eachElement = eachItem[i].split("|");	
				if (eachElement[0] != prodID){
					document.write('<div id="recentItem' + i2 + '"' + '  class="recentItem"> ');
					document.write('<div class="recentImg"><a href="' + eachElement[0] + '.html"><img src="' + eachElement[1] + '" border="0" /></a></div>');
					document.write('<div class="recentDetails"><div class="recentName"><a href="' + eachElement[0] + '.html">' + eachElement[2] + '</a></div>');
					/*
               if (eachElement[3] && eachElement[3] != ""){
						document.write('<div class="recentPrice">Retail Price: ' + eachElement[3] + '</div>');
						}
					if (eachElement[4] && eachElement[4] != ""){
						document.write('<div class="recentSprice">Your Price: ' + eachElement[4] + '</div>');
						}
					*/
					if(eachElement[4] && eachElement[4] != ""){
                  document.write('<div class="recentSprice">' + eachElement[4] + '</div>');
               } else if (eachElement[3] && eachElement[3] != ""){
                  document.write('<div class="recentPrice">' + eachElement[3] + '</div>');
               } else {}
               if(eachElement[4] && eachElement[4] != "" && eachElement[3] && eachElement[3] != ""){
                  var sP = parseFloat(eachElement[4].replace('$',''));
                  var oP = parseFloat(eachElement[3].replace('$',''));
                  var np = (oP / sP) - 1;
                  document.write('<div class="recentSave">You Save ' + parseInt(np * 100) + '%</div>');
               }
					document.write('</div></div>');
					i2 = i2 + 1; 
				}
			} else { i2 = i; } 
		}
    	document.write('</div>');
	}	 
}
/*######## end recently viewed*/

/*	Script: modalizer.js Author: Aaron Newton (aaron [dot] newton [at] cnet [dot] com) */
var Modalizer=new Class({defaultModalStyle:{display:'block',position:'absolute',top:0,left:0,'z-index':5000,'background-color':'#333',opacity:0.15},setModalOptions:function(options){this.modalOptions=$merge({width:(window.getScrollSize().x+0),height:(window.getScrollSize().y+0),elementsToHide:'select',hideOnClick:true,modalStyle:{},updateOnResize:true,layerId:'modalOverlay',onModalHide:$empty,onModalShow:$empty},this.modalOptions,options);return this},toElement:function(){if(!this.modalOptions.layerId)this.setModalOptions();return $(this.modalOptions.layerId)||new Element('div',{id:this.modalOptions.layerId}).inject(document.body)},resize:function(){if($(this)){$(this).setStyles({width:(window.getScrollSize().x+300),height:(window.getScrollSize().y+300)})}},setModalStyle:function(styleObject){this.modalOptions.modalStyle=styleObject;this.modalStyle=$merge(this.defaultModalStyle,{width:this.modalOptions.width,height:this.modalOptions.height},styleObject);if($(this))$(this).setStyles(this.modalStyle);return(this.modalStyle)},modalShow:function(options){this.setModalOptions(options);$(this).setStyles(this.setModalStyle(this.modalOptions.modalStyle));if(Browser.Engine.trident4)$(this).setStyle('position','absolute');$(this).removeEvents('click').addEvent('click',function(){this.modalHide(this.modalOptions.hideOnClick)}.bind(this));this.bound=this.bound||{};if(!this.bound.resize&&this.modalOptions.updateOnResize){this.bound.resize=this.resize.bind(this);window.addEvent('resize',this.bound.resize)}if($type(this.modalOptions.onModalShow)=="function")this.modalOptions.onModalShow();this.togglePopThroughElements(0);$(this).setStyle('display','block');return this},modalHide:function(override){if(override===false)return false;this.togglePopThroughElements(1);if($type(this.modalOptions.onModalHide)=="function")this.modalOptions.onModalHide();$(this).setStyle('display','none');if(this.modalOptions.updateOnResize){this.bound=this.bound||{};if(!this.bound.resize)this.bound.resize=this.resize.bind(this);window.removeEvent('resize',this.bound.resize)}return this},togglePopThroughElements:function(opacity){if(Browser.Engine.trident4||(Browser.Engine.gecko&&Browser.Platform.mac)){$$(this.modalOptions.elementsToHide).each(function(sel){sel.setStyle('opacity',opacity)})}}});

// @writecart
// This script is the sole property of 4D Internet Solutions. Copyright 2009, 4D Internet Solutions, Inc. All rights reserved. Neither this script nor any part thereof may be used, copied or otherwise utilized without the express writen approval of 4D Internet Solutions, Inc.  This script has been licensed for use on a single Yahoo! Store for the benefit of the purchaser. Any other use of this script is a violation of this copyright.
// Global Vars
var mssCartFrame,mssActiveCartForm,mssShowCart,mssHideCart,reloadCart,fcartModal;
var fCartLoadNum=mssFrameNum=0;
var iniFrame=false;
try{if (top.document.domain != self.document.domain){iniFrame=false}}catch(e){iniFrame=true}
var fCartShow = (!iniFrame) ? true : false;
var moo = true;
var writeCart = function(qv){ 
	if(!readCookie('fCartLoadNum'))return
	var mssFcartVersion=4.6; // for use with mootools1.2
	var mssAccountId="yhst-87716116183226";  
	var showCart=1;
	var showCheckout=1;
	var cartEl=$('mssCartEl');
	var mssFrameContainer=$('mssFrameContainer');
	mssCartFrame=($chk(mssCartFrame))?mssCartFrame:$('mssCartFrame0');
	var fcartBG=$('fcartBG');
	var floatingCartHeader=$('floatingCartHeader');
	var fcartTotal=$('fcartTotal'); 
	var fviewCart=$('fviewCart');
	var fcheckout=$('fcheckout');
	var viewCartForm=$('mssViewCartForm');
	var viewCartLink=$('viewCartLink');
	var cartClose=$('cartClose');
	var giftEl=$('cartFreeGift'); 
	var giftLevel=75;
	var giftStatement="<div style='width:356px;'>Congratulations!  You've qualified for FREE UPS Ground Shipping within the continental U.S.</div>";
	var checkTot=1;
	var skipCart=true;
	var frameCart=true; 
	var frameFxTimer=4500;
	var framecartDraggable=false;
	var mssFrameW=318;
	var mssCartH=150;
	var minCartH=60;
	//var maxCartH=370;
	var ghostImgOn=true;
	var ghostFxTimer=1500;
	var showNoItems=true;
	var rightColCart=true;
	
	//don't edit below here
	var eachArray=summary=links=titles=pids=prices=units=new Array();
	var mssCartTotal=0;
	var numItems=0;
	var minCartTimer=0;
	var mssCartTotal=0;
	var giftLeft=0;
	var total="$0";	
	var mssCartOldTotal=0;
	
	var fcartLoading,mssCartCookie,cartX, cartY, updateFcart, makeGhostEl, modalizer, createAdditionalDivs;
	var fCartHeight = mssActiveCartForm = ghostSource = ghostImg = cartPeriodical = null;
	createCookie('fCartLoadNum',0,0);
	var mssCartCookie=unescape(readCookie('mssFloatingCart'));
	var mssGetCoords = function(el){el=$(el);return el.getPosition();}
	
	/* Depricated variables */
	//var myCheckout = "https://order.store.yahoo.net/ymix/MetaController.html?ysco_key_event_id=1&ysco_key_store_id=" + mssAccountId + "&sectionId=ysco.ship-bill";
	//var cartURL = "http://order.store.yahoo.net/cgi-bin/wg-order?catalog=" + mssAccountId;
	
	if(!mssCartFrame || mssCartFrame==null) return;
	if(!cartEl || cartEl == null)return;
	
	function removeIframe(num){
		var lastNum = num-1;
		$('mssCartFrame'+lastNum).dispose();
		mssCartFrame=$('mssCartFrame'+num);
		mssCartFrame.setStyle('display','block');
	   	$('viewCartLink').setProperty('target',mssCartFrame.name);
	}
	
	function makeFormActive(form){ mssActiveCartForm = $(form); }
	
	function setFormEvent(form){
		form.onsubmit=null;
		form.addEvent('submit',function(){
         	makeFormActive(form);
			mssFrameNum++;
			form.target='mssCartFrame'+mssFrameNum;
			viewCartLink.setAttribute('target','mssCartFrame'+mssFrameNum);
	   		removeIframe(mssFrameNum);
			if (ghostImgOn){
				if($('image1')) ghostImg = $('image1').getElements('img')[0].clone();
				else if($(form.vwitem.value)) ghostImg = $(form.vwitem.value).clone();		
				else if(ghostImg.offsetHeight<10)ghostImg=new Element('div').setStyles({'height':'50px','width':'50px','background':'#cccccc'});
			}
			reloadCart(); 
		});
	}
	
	function initAddtoCart(){
		cartX = mssGetCoords(cartEl).x;
		cartY = mssGetCoords(cartEl).y;
		viewCartLink.setAttribute('target','mssCartFrame'+mssFrameNum);
	}
	
	function checkLoadNum(){
		var loadNum=(readCookie('fCartLoadNum'))?unescape(readCookie('fCartLoadNum'))*1:0;
		return loadNum;
	}
	
	function parseCookie(x){ 
		mssCartCookie=unescape(readCookie('mssFloatingCart'));
		if(!mssCartCookie && mssCartCookie == "")return;
		eachArray = mssCartCookie.split("^");
		summary=eachArray[0].split("|:|");
		total = summary[0];
		mssCartTotal = (total)?(total.substr(1) * 1):0;
		var cookieH = (summary[2])? summary[2] * 1:0;
		var h2 = Math.max(cookieH +15,minCartH);
		//if(Browser.Engine.trident){h2+=10;}
		//if(Browser.Engine.gecko ){h2-=10;}
		mssCartH = h2;

		if(!eachArray[1] || eachArray[1]==null || eachArray[1]==""){
			numItems=0;
			total="$0";
			return;
		}
		links=eachArray[1].split("|:|");
		numItems = (links.length > 0) ? links.length - 1:0;
		titles=eachArray[2].split("|:|");
		pids=eachArray[3].split("|:|");
		prices=eachArray[4].split("|:|");
		units=eachArray[5].split("|:|");
		if(x)return x;
	}
	
	function initGiftMessage(){
		giftLeft = giftLevel - mssCartTotal;
		if (giftEl && mssCartTotal > 0){
			if (mssCartTotal > (giftLevel - .01)){giftEl.innerHTML=giftStatement;}
			else { 
				giftEl.innerHTML = "&nbsp; Add $" + giftLeft.toFixed(2) + " more to your cart for FREE SHIPPING.";
			}
		}
	}
	
	function setUpCart(){		
		if (showNoItems || numItems > 0 ){
			floatingCartHeader.innerHTML="Items in your Cart: <span>" + numItems + "</span> ";
			fcartTotal.innerHTML="Sub Total: <span>" + total + "</span>";
			$(viewCartLink).addEvent('click',mssShowCart);	
		}
	}
	
	var resetHeight=function(){
		parseCookie();
		setTimeout(function(){
			mssCartFrame.setStyle('height',mssCartH);
			mssFrameContainer.setStyle('height',mssCartH); 
			setUpCart();			
			if(mssCartOldTotal != mssCartTotal){
			   mssCartOldTotal=mssCartTotal;
			   createAdditionalDivs();
			}

		},200);
		//alert(mssCartH)
	}
	
	updateFcart = function(){
		parseCookie();
		setUpCart();
		initGiftMessage();
    	if(checkTot != mssCartTotal){
      		checkTot = mssCartTotal;
		  	createAdditionalDivs();
		}
	}
	
	showClose = function(){
		cartClose.setStyles({display: 'block',width: '75px',position: 'absolute',bottom: '0px',textDecoration:'none',left:'0px'});
		cartClose.addEvent('click',mssHideCart);
	}

	mssHideCart = function(){ 
		cartClose.style.display='none';
		var fadeCart = new Fx.Morph(mssFrameContainer, {duration: '600'});
		if(rightColCart){
			fadeCart.start({opacity:[1,0],'height': [mssFrameContainer.offsetHeight, 1]});
		}else{
			fadeCart.start({opacity:[1,0],'height': [mssFrameContainer.offsetHeight, 1], 'width': [mssFrameContainer.offsetWidth, 1] });
		}
		fadeCart.onComplete=function(){ mssFrameContainer.setStyles({height:1, padding:0})}
		$('fviewCart').style.display='block';
	//	$('fcheckout').style.display='block';
		$('fcheckout').removeClass('incart');
		cartPeriodical = $clear(cartPeriodical);
	}
	
	mssShowCart = function(){
		createCookie('fCartLoadNum',0,0); 
		$('fviewCart').style.display='none';
		//$('fcheckout').style.display='none';
		$('fcheckout').addClass('incart');
		showClose();
		mssFrameContainer.setStyles({padding:'10px 0px 0px 0px'});
		var fadeCart = new Fx.Morph(mssFrameContainer, {duration: '500'}).start({opacity:[0, 1],height:[1,mssCartH]});
		//fadeCart.onComplete=function(){  mssFrameContainer.setStyles({height: '',width: ''}); }
		
		var cartTimer = (frameFxTimer)? setTimeout('mssHideCart()',frameFxTimer):null;
		mssFrameContainer.addEvent('mouseenter',function(){clearTimeout(cartTimer)});
		cartPeriodical = $clear(cartPeriodical);
		cartPeriodical = resetHeight.periodical(800);
		//createAdditionalDivs();
		if(framecartDraggable)mssFrameContainer.makeDraggable();
	}
		
	makeGhostEl = function(){
		if(!$chk(mssActiveCartForm))return;
		if (cartEl.offsetTop<1) cartEl.setStyle('display','block');
		var submitBtn = mssActiveCartForm.getElement('.addtocartImg');
		var x = mssGetCoords(submitBtn).x;
		var y =	mssGetCoords(submitBtn).y;
		var ghost = new Element('div', {'id': 'mssGhost'}).injectInside(document.body);
		ghostImg.injectInside(ghost);
		var ratio=ghost.offsetWidth/ghost.offsetHeight;
		ghostImg.setStyles({ height:50, width:50*ratio, top:y, left:x });
		var container = $('container');
		var ghostFx=new Fx.Morph('mssGhost', {duration: ghostFxTimer});
		ghostFx.start({'top': [y, cartY],'left': [x, cartX], 'opacity': [.4, .7]});
		ghostFx.onComplete=function(){ghostImg.dispose();ghost.dispose();}
	}
	
	reloadCart=function(inc){ 
		if (!skipCart)return; 
		if (!inc){
			createCookie('fCartLoadNum',0,0); 
			minCartTimer = (ghostImgOn)?$time():$time() + ghostFxTimer + 1;
			if (ghostImgOn) makeGhostEl();    	
			fcartModal = new Modalizer().modalShow();
			fcartLoading = new Element('div', {'id': 'fCartLoading'}).injectInside(document.body);
			fcartLoading.innerHTML="Please wait. Your cart is being updated.";	
		}
		var stop = function(){
			if(fcartLoading)fcartLoading.dispose();
			fcartModal.modalHide();
			updateFcart();
			if(frameCart)mssShowCart();
			createCookie('fCartLoadNum',1,1); 
			fCartLoadNum = 0;
			if($('qvOverlay'))$('qvOverlay').dispose();
			if($('qvLoading'))$('qvLoading').dispose();
			if ($('qvShell'))$('qvShell').dispose();
		}
		var retry=function(){
			if (checkLoadNum() > 0 && $time() > (minCartTimer + ghostFxTimer)){stop();} 
			else if (fCartLoadNum > 16){ stop();return; }
			else {fCartLoadNum++; setTimeout('reloadCart(1)',500);}
		}
		retry();
	}
	
	function createAdditionalDivs(){}
	
	initAddtoCart();
	if (showNoItems || (mssCartCookie && mssCartCookie != ""))updateFcart();
	if(!qv){$$('.fcartForm').each(function(f){ setFormEvent(f)});}
	else{setFormEvent(qv);}
	
} // close writeCart function 
if(fCartShow){if(!moo){writeCart();}else{window.addEvent('domready', function(){writeCart();});}}
//else{ window.onload=function(){$('viewCartLink').target="_top"} }

// @qv

// ###### start mssQv Class (with Ajax)  #######
// This script is the sole property of 4D Internet Solutions. Copyright 2008. All rights reserved. It may not be copied, used, modified except under license from 4D Internet Soutions, Inc.
var mssQvVersion = 4.0; // requires mootools 1.2
var mssQv = new Class({
	Implements: [Options, Events],
	options: {
		qvBtnText: '',
		moreTxt: 'View Item Page',
		singleEl: false,
		container: 'container',
		waitText: 'Loading. Please wait...',
		includeAlts: true, 
		includeYouSave: true, 
		includeTabs: true,
		includeShadow: true,
		draggable: true,
		skipCart: true,
		customFieldNames: new Array("Designer","Fabric","Availability","","","","","",""),
		addCartImg:false, 
		frameCart:true,
		qvOffestLeft: -180,
		qvOffestTop: -240
	},
	
	initialize: function(options){ 
		this.setOptions(options),
		this.qvBtnText = this.options.qvBtnText || '',
		this.includeAlts = this.options.includeAlts || false,
		this.includeYouSave = this.options.includeYouSave || false,
		this.includeTabs = this.options.includeTabs || false,
		this.includeShadow = this.options.includeShadow || false,
		this.draggable = this.options.draggable || false,
		this.skipCart =  this.options.skipCart || false,
		this.moreTxt = this.options.moreTxt || '',
		this.customFieldNames = this.options.customFieldNames || null,
		this.qvOffestLeft = this.options.qvOffestLeft || 0,
		this.qvOffestTop = this.options.qvOffestTop || 0,
		this.singleEl = $(this.options.singleEl),
		this.qvBtn = null,
		this.addCartImg = this.options.addCartImg || false,
		this.frameCart = this.options.frameCart || false,
		this.qv = null,
		this.activeContent = "",
		this.ajax = null,
		this.qvShell = null,
		this.qvOverlay = null,
		this.waiting = null,
		this.cLeft = 0,
		this.cTop = 0,
		this.container = $(this.options.container) || null,
		this.waitText = this.options.waitText || "",
		this.pageHeight = 0,
		this.frameId = 0,
		this.initQv()
	},
	
	initQv: function(){
		var imgs = $$('#ct img');
		imgs.each(function(im){
			var img = im;
			im.addEvent('mouseenter',(function(){this.initCurrent(img);ghostImg = img.clone();}).bind(this))
		},this)
	},
		
	initCurrent: function(el){this.buildBtn();this.showQvBtn(el);},
	
	buildBtn: function(){
		if($chk($('qvBtn'))) $('qvBtn').dispose();
		this.qvBtn = new Element('a', {'id': 'qvBtn', "class":'qvBtn'});
	},
	
	showQvBtn: function(el){ 
	  	var td = el.parentNode.parentNode;
		var pageUrl = el.parentNode.href; 
 		if (td.className.indexOf('qvCell')>-1){ 
			this.qvBtn.injectTop(td);
			this.qvBtn.setAttribute('href','javascript:void(0)');
			this.qvBtn.setAttribute('rel',pageUrl);
			this.cLeft = this.findPos(this.qvBtn)[0] + this.qvOffestLeft;
			this.cTop = this.findPos(this.qvBtn)[1] + this.qvOffestTop;
			if (this.qvBtnText.length > 0){this.qvBtn.innerHTML=this.qvBtnText;}
		  	this.qvBtn.style.visibility='visible';
			this.qvBtn.addEvent('click',this.prepQvWin.bind(this));
  		} else { return false; } 
	},
	
	findPos: function(obj){
		var curleft = curtop = 0;if (obj.offsetParent) {do {curleft += obj.offsetLeft;curtop += obj.offsetTop;} while (obj = obj.offsetParent);}return [curleft,curtop];
	},
	
	prepQvWin: function(e){ 
		if (!e) var e = window.event; 
		new Event(e).stop();  
		var el = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
		try{if($chk(mssHideCart)){mssHideCart()}}catch(e){}
		if ($type($('qvShell'))=='element'){$('qvShell').dispose();}
		this.qvShell = new Element('div', {'id': 'qvShell', 'styles': {'top': this.cTop, 'left': this.cLeft}}).injectInside(document.body);
		this.qvDrag = new Element('div', {'id': 'qvDrag'}).injectInside(this.qvShell);
		this.qvDragName = new Element('div', {'id': 'qvDragName'}).injectInside(this.qvDrag);
		this.qvClose = new Element('a', {'id': 'qvClose', 'href':"javascript:void(0)"}).injectInside(this.qvDrag);
		this.qv = new Element('div', {'id': 'qv1'}).injectInside(this.qvShell);
	  	this.getAjax(el.rel);
		this.buildOverlay();
		this.waiting.setStyle('display','block');
	},
	
	getWinHeight: function(){
		var a = this.container.offsetHeight;
		var b = window.getHeight()+ window.getScrollTop();
		return Math.max(a, b);
	},
	
	buildOverlay: function(){
		if (this.qvOverlay) this.qvOverlay.dispose();
		if (this.waiting) this.waiting.dispose();
		this.qvOverlay = new Element('div', {'id': 'qvOverlay', 'styles': {'height': this.getWinHeight(),'opacity':.5,'position':'absolute', 'width':'100%','height':'100%', 'zIndex':1000, 'background':'#000', 'top':0, 'bottom':0, 'left':0, 'cursor':'pointer'}}).injectTop(document.body);
		//var fadeInOverlay = new Fx.Tween('qvOverlay', {property: 'opacity', duration: 200}).start(0, 0.5);
		this.waiting = new Element('div', {'id': 'qvLoading', 'alt':this.waitText, 'title':this.waitText, 'styles': {'top': this.cTop}}).injectTop(document.body);
		this.waiting.innerHTML=this.waitText;
	},
	
	getAjax: function(url){ 
		if(this.ajax){if (this.ajax.url==url)return;}
		this.ajax = new Request({url: url, method: 'get', evalScripts: false,autoCancel: true,onSuccess: this.Callback.bind(this)}).send();
	 },
	 
	 Callback: function(ResponseText){	
		var fadeOutOverlay = new Fx.Tween('qvOverlay', {property: 'opacity',duration: 200}).start(0);
	 	var start = ResponseText.indexOf('<!--mssqvstart');
		var end = ResponseText.indexOf('mssqvend-->');
		this.activeContent = ResponseText.substring(start + 14, end);
		this.showQvWin();
		this.ajax = null;
	},
	
	showQvWin: function(){
		this.waiting.setStyle('display','none');    	
		this.activeContent = this.activeContent.replace( new RegExp( "\\n", "g" )," ");
		var a = JSON.decode(this.activeContent);
		a.act = a.act.toLowerCase();
		//var skipCart = (this.skipCart && !Browser.Engine.webkit && false ) ? ' target="mssCartFrame'+mssFrameNum+'" ' :'';
		var name = (a.name)? '<div id="qvName"><a href="' +a.id+ '.html">' +a.name+ '</a></div>':"";
		var designer = (a.custom)?a.custom.split("^")[0]:"";
		var caption = (a.caption)? '<div id="qvCaption">' +a.caption+ '</div>':"";
		var img = (a.images)? '<a href="' +a.id+ '.html"><img id="qvIm0" src="' +a.images.split('^')[0]+ '" border="0" hspace="0" vspace="0" alt="' +a.name+ '" /></a>': "";
		var p = (a.price>0)?a.price:-1;
		var s = (a.sprice>0)?a.sprice:-1;
		var bold= (s<0)?"-bold":"";
		var price = (p>-1)? '<div id="qvP" class="price'+bold+'">Retail price: $' + p + '</div>': "";
		var sprice =(s>-1)?  '<div id="qvSp" class="sale-price-bold">Our price: $' +s+ '</div>':"";
		var youSave = (this.includeYouSave && p>0 && s>0)?'<div id="qvSave">You Save: ' + ((p - s)/(p)*100).toFixed(2) + '%</div>':"";
		var options = (a.options)?'<div id="qvOptions"></div>':"";
		var cartBtn = (this.addCartImg)?'<input id="qvCartBtn" type="image" src="'+this.addCartImg+'" value="' +a.btn+ '" />':'<input id="qvCartBtn" type="submit" class="addtocartImg" value="' +a.btn+ '" />';
		var tabs = (this.includeTabs)?'<div id="qvT1" class="active">Overview</div><div id="qvT2">Details</div>':"";
		var tab2Content = (this.includeTabs)?this.makeCustomFields(a.custom):"";
		
		var qvWin = '<div id="qvContainer">'
			+name+tabs+
			'<form method="POST" action="http://order.store.yahoo.net/cgi-bin/wg-order?' + a.act + '+' +a.id+ '" id="qvForm">\
				<input id="qvAct" name="vwcatalog" type="hidden" value="' + a.act + '" />\
				<input id="qvId" name="vwitem" type="hidden" value="' + a.id + '" />\
				<input id="qvDone" type="hidden" name=".autodone" value="' + a.url + a.id  + '.html" />\
				<div id="qvImage">'
					+img+
					'<div id="qvAltImgs"></div>\
				</div>\
				<div id="qvEls1">'
					+price+sprice+youSave+options+cartBtn+caption+
					'<a href="' + a.id + '.html" class="qvItemLink">'+this.moreTxt+'</a>\
				</div>\
				<div id="qvEls2">'+tab2Content+'</div>\
				<div id="qvAction"></div>\
			</form>\
			<div class="clearfix"></div>\
			</div>';	
		this.qv.innerHTML=qvWin;
		var form = $('qvForm');
		writeCart(form);
		mssActiveCartForm = form;
		this.qvDragName.appendText(designer);
		if (this.includeTabs) {
			$('qvT1').addEvent('click',this.changeTabs.bind(this));
			$('qvT2').addEvent('click',this.changeTabs.bind(this));
		}
		this.makeOptions(a.options);
		$('qvClose').addEvent('click',this.closeQv.bind(this));
		if (this.includeAlts) {this.makeAltThmbs(a.images, a.thumbs);}
		if (this.includeShadow) {this.addShadow(this.qvShell.offsetHeight,this.qvShell.offsetWidth);}
		var fadeInFx = new Fx.Tween('qvShell', { property:'opacity', duration: 300}).start(0,1);
	  	if(this.draggable) this.qvShell.makeDraggable({handle: $('qvDrag')});
	},
	
	addShadow: function(h,w){
		this.shadow = new Element('div', {'id': 'qvShadow', 'styles': {'width': w, 'height':h}}).injectInside(this.qvShell);
	},
	
	makeCustomFields: function(cfields){
		var customFields = "";
		if (cfields){
			var fieldData = cfields.split('^');
			fieldData.each(function(fdata,i){
				if(fdata.length>0){
					var cname = (this.customFieldNames[i].length>0)?'<b>'+this.customFieldNames[i]+'</b>: ':""
					customFields+='<div class="customField">'+cname+fdata+"</div>";
				}
			}, this)
		}
		return customFields;
	},
	
	changeTabs: function(e){
		if (!e) var e = window.event; 
		new Event(e).stop();  
		var el = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
		var c = el.id.substring(3);
		var onId = 'qvEls' + c;
		$('qvEls1').style.display='none';
		$('qvEls2').style.display='none';
		$(onId).style.display='block';
		$('qvT1').className='';
		$('qvT2').className='';
		el.className='active';
	},
	
	makeAltThmbs: function(imgs, thmbs){
		if (!imgs || !thmbs) return;
		var altThmbs = thmbs.split('^');
		var altImgs = imgs.split('^');
		for (i=0;i<altThmbs.length;i++){
			var thisAlt = altThmbs[i];
			var thisLink = new Element('a', {'href': 'javascript:void(0)'}).injectInside($('qvAltImgs'));
			var thisImg = new Element('img', {'src': thisAlt, 'alt':i}).injectTop(thisLink);
			thisImg.addEvent('mouseover',function(){
				var index = (this.alt * 1);
				if ((index * 1)==0) {$('qvIm0').src=altImgs[0]} 
				else {$('qvIm0').src=altImgs[index]}
				})
		}
		$('qvAltImgs').style.display='block';
	},
	
	makeOptions: function(options){
		if (!options) {return}
		var optDiv = $('qvOptions');
		var menu = options.split("^"); 
		for(i=0;i<menu.length;i++){  
			var thisMenu = menu[i].split("~"); 
			var oname = thisMenu[0];
			var thisOname = new Element('span', {'id': 'qvBtn' + i}).injectInside(optDiv);
			thisOname.innerHTML=oname +":"; 
			var thisSel = new Element('select', {'name': oname, 'id':'qvSel' + i}).injectInside(optDiv);
			for (j=1;j<thisMenu.length;j++){
				var value = thisMenu[j];
				var option = document.createElement("option");
				thisSel.setAttribute("value",thisMenu[j]);
				thisSel.appendChild(option); 
				option.innerHTML=value; 
			} 
		} 
	} ,
	hideQvBtn: function(){
	  this.qvBtn.style.visibility='hidden';
	  if(this.qvBtn) this.qvBtn.dispose();
	},
	closeQv: function(){ 
		if (!this.qvShell) return;
		var fadeOutFx = new Fx.Tween('qvShell', { property:'opacity', duration: 600}).start(1,0);
		this.hideQvBtn();
		if ($('qvShell')){$('qvShell').dispose();this.qvShell=false;}
	}
});
window.addEvent('domready', function(){new mssQv();});
// ###### end mssQv Class  #######

// @accordion
window.addEvent('domready', function(){
	var navAccord = new Accordion($('sidenav'), 'a.side-nav-sections', 'ul.side-nav-items', {
		opacity: false, 
		onActive:function(t, e){
			var i = $$('a.side-nav-sections').indexOf(t);
			createCookie('accordion',i,0);
		},
		display:navIndex*1
   	}); 
   	topNavLinks=$$('#topnav a');
   	topNavLinks.each(function(a,i){a.addEvent('click',function(){createCookie('accordion',-1,0)})})
	$$('#sidenav ul').each(function(ul){ul.setStyles({position:'relative', visibility:'visible'})});
   	
});


// @domticker
/***********************************************
* Modified from script from Dynamic Drive
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var height_old = 0;
function domticker(content, divId, divClass, delay, fadeornot){
	this.content=content;
	this.tickerid=divId;
	this.delay=delay;
	this.mouseoverBol=0;
	this.pointer=1;
	this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""
	if (this.opacitystring!="") this.delay+=500;
	this.opacitysetting=1;//0.2
	document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>');
	var instanceOfTicker=this;
	setTimeout(function(){instanceOfTicker.initialize()}, delay)
}

domticker.prototype.initialize=function(){
	var instanceOfTicker=this;
	this.contentdiv=document.getElementById(this.tickerid).firstChild;
	document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
	document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
	this.rotatemsg();
}

domticker.prototype.rotatemsg=function(){
var instanceOfTicker=this
if (this.mouseoverBol==1)
setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
else{
this.fadetransition("reset")
this.contentdiv.innerHTML=this.content[this.pointer]
var height_new = this.contentdiv.offsetHeight;
if(height_new > height_old){document.getElementById(this.tickerid).style.height=height_new+'px';height_old=height_new;}
this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100)
this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0
setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay)
}
}

domticker.prototype.fadetransition=function(fadetype, timerid){
   var contentdiv=this.contentdiv
   if (fadetype=="reset")
      this.opacitysetting=1//0.2
   if (contentdiv.filters && contentdiv.filters[0]){
      if (typeof contentdiv.filters[0].opacity=="number")
         contentdiv.filters[0].opacity=this.opacitysetting*100
      else
         contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"
   }
   else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){
      contentdiv.style.MozOpacity=this.opacitysetting
   }
   else
      this.opacitysetting=1
   if (fadetype=="up") this.opacitysetting+=0.2
   if (fadetype=="up" && this.opacitysetting>=1) clearInterval(this[timerid])
}

// @changeImage
var imgNum=1;
// changes main image when small image is clicked and changes select menu to correct option
function changeImage(img) {
	imgNum=(img)?img:1;
	var menu=document.getElementById("colors-select");
	for (i = 1; i <= 9; i++) {
		var im=document.getElementById("image" + i);
		if (im) {
			im.style.display='none';
			im.style.visibility='visible';
		}
	}
	document.getElementById("image" + img).style.display='block';
	if(menu && menu!=null){menu.options[img - 1].selected=true;}
}

// changes image to correct image based on option selected from menu
function changeLayer(menuObj) {
	var layerName;
	for (i = 1; i <= 9; i++) { 
		if (document.getElementById("image" + i)){document.getElementById("image" + i).style.display='none';}
	}
	var menu = menuObj.selectedIndex;
	var imgId = menuObj.options[menu].index + 1;
	var onLayer = "image" +  imgId;
	imgNum=imgId;
	document.getElementById(onLayer).style.display='block';
}

// @mssImgEnlarge
	var mssImgEnlarge = new Class({
		initialize: function(options) {
			this.options = Object.extend({bImgs: '.mssBigCont img',sImgs: '.mssSmlCont img'}, options || {});
			this.index = 0;
			this.sImgs = $$(this.options.sImgs);
			this.bImgs = $$(this.options.bImgs);
			this.imgs = $$('.mss-image');
			this.multipleImgs = true;//this.options.multipleImgs || false;
			this.ratio = 1.5;
			this.smlWidth = 250;
			this.smlHeight = 250;
			this.bigWidth = 500;
			this.bigHeight = 500;
			this.init();
		},
		init: function(){
		   this.sImgs.each(function(s,i){s.addEvent('click', this.enlarge.bind(this));},this);
			this.bImgs.each(function(b,i){b.addEvent('click', this.reduce.bind(this));}, this);
		},
		enlarge: function(e){
   			var simg = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
   			this.index = this.sImgs.indexOf(simg);
   			var bimg = $(this.bImgs[this.index]);
   			this.smlHeight = simg.offsetHeight;
   			this.smlWidth = simg.offsetWidth;
   			this.ratio = bimg.offsetHeight / this.smlHeight;
   			bimg.style.width=this.smlWidth + "px";
   			bimg.style.height=this.smlHeight + "px";
   			simg.parentNode.style.zIndex=1;
   			bimg.parentNode.style.zIndex=1000;
   			simg.set('morph',{duration: 1000});
   			bimg.set('morph',{duration: 1000});
   			simg.morph({'width':[this.smlWidth * this.ratio],'height':[this.smlHeight * this.ratio],'opacity':[0]});					
   			bimg.morph({'width':[this.smlWidth * this.ratio],'height':[this.smlHeight * this.ratio],'opacity':[1]});		
		},
		reduce: function(e){
			var bimg = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
			var simg = $(this.sImgs[this.index]);
			var bigHeight = bimg.offsetHeight;
			var bigWidth = bimg.offsetWidth;
			this.ratio = bimg.offsetHeight / this.smlHeight;
			simg.parentNode.style.zIndex=1000;
			bimg.parentNode.style.zIndex=1;
			simg.set('morph',{duration: 1000});
			var bimgFx = new Fx.Morph(bimg, {duration: 1000});
			bimgFx.start({'width':[this.smlWidth],'height':[this.smlHeight],'opacity':[0]}).chain(function(){bimg.style.width=bigWidth + "px";  bimg.style.height=bigHeight + "px";});			
			simg.morph({'width':[this.smlWidth * this.ratio, this.smlWidth],'height':[this.smlHeight * this.ratio, this.smlHeight],'opacity':[0,1]});		
		}
	});
	
	
	mssImgEnlarge.prototype.toggle = function(){
	  this.imgs.each(function(a,i){
         if((i+1) != imgNum){a.style.visibility='hidden';a.style.display='block';}
         else {a.style.visibility='visible';a.style.display='block';}
      });
	   if(this.tog){
	      this.sImgs.each(function(s,i){this.enlarge(this,s);},this);
      } else {
         this.bImgs.each(function(b,i){this.reduce(this,b);}, this);
      }
      this.imgs.each(function(a,i){
         if((i+1) != imgNum){a.style.display='none';a.style.visibility='visible';}
         else {a.style.visibility='visible';a.style.display='block';}
      });
   }
	
	mssImgEnlarge.prototype.init= function(){
	   var divHeight = $('item-image-area').offsetHeight;
	   $('item-image-area').style.height=divHeight + 'px';
	   $('item-image').style.position='absolute';
	   this.tog = 1;
      this.imgs.each(function(a){
      	a.addEvent('click', this.toggle.bind(this));}, this);
   }
	mssImgEnlarge.prototype.enlarge = function(t,e){
			var text= e.parentNode.parentNode.parentNode.getElements('span')[0];
   			text.innerHTML=text.innerHTML.replace('Enlarge','Shrink');
	         t.tog = 0;
	         var simg = e;
   			t.index = t.sImgs.indexOf(simg);
   			var bimg = $(t.bImgs[this.index]);
   			bimg.style.display='block';
   			t.smlHeight = simg.offsetHeight;
   			t.smlWidth = simg.offsetWidth;
   			t.ratio = bimg.offsetHeight / t.smlHeight;
   			bimg.style.width=t.smlWidth + "px";
   			bimg.style.height=t.smlHeight + "px";
   			simg.parentNode.style.zIndex=1;
   			bimg.parentNode.style.zIndex=1000;
   			simg.set('morph',{duration: 1000});
   			bimg.set('morph',{duration: 1000});
   			simg.morph({'width':[t.smlWidth * t.ratio],'height':[t.smlHeight * t.ratio],'opacity':[0]});
   			bimg.morph({'width':[t.smlWidth * t.ratio],'height':[t.smlHeight * t.ratio],'opacity':[1]});
   }
   
   mssImgEnlarge.prototype.reduce= function(t,e){
		t.tog = 1;
		var text= e.parentNode.parentNode.parentNode.getElements('span')[0];
		//alert(text.innerHTML)
		text.innerHTML=text.innerHTML.replace('Shrink','Enlarge');
		var bimg = e;
		t.index = t.bImgs.indexOf(bimg);
		var simg = $(t.sImgs[t.index]);
		t.bigHeight = bimg.offsetHeight;
		t.bigWidth = bimg.offsetWidth;
		t.ratio = t.smlHeight/t.bigHeight;
		simg.parentNode.style.zIndex=1000;
		bimg.parentNode.style.zIndex=1;
		simg.set('morph',{duration: 1000});
		var bimgFx = new Fx.Morph(bimg, {duration: 1000});			
		simg.morph({'width':[t.bigWidth * t.ratio],'height':[t.bigHeight * t.ratio],'opacity':[1]});
		bimgFx.start({'width':[t.bigWidth * t.ratio],'height':[t.bigWidth * t.ratio],'opacity':[0]}).chain(function(){bimg.style.width=t.bigWidth + "px";  bimg.style.height=t.bigHeight + "px";bimg.style.display='none';});
	}
	
	window.addEvent('domready',function(){if($('item-image')){var myImg=new mssImgEnlarge()}});

/* Script:Image Menu, Version: 2.2, Authors:Samuel Birch, Licence:Open Source MIT Licence*/
var ImageMenu = new Class({
		getOptions: function(){
		return {
			innerEls: '#imgAccord .accordHeadline',
			hiddenEls: '#imgAccord .accordDesc',
			lis: '#imgAccord li',
			innerAnimation: true,
			onOpen: false,
			onClose: Class.empty,
			onActive: Class.empty,
			openWidth: 200,
			transition: Fx.Transitions.Quad.easeInOut,
			duration: 600,
			open: null,
			border: 2
		};
	},

	initialize: function(elements, options){
		this.setOptions(this.getOptions(), options);
		this.elements = $$(elements);
		this.innerEls = $$(this.options.innerEls);
		this.hiddenEls = $$(this.options.hiddenEls);
		this.lis = $$(this.options.lis);
		this.animateState = 0;
		this.innerAnimation = this.options.innerAnimation;
		this.widths = {};
		this.widths.closed = this.elements[0].getStyle('width').toInt();
		this.widths.openSelected = this.options.openWidth +1;
		this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))
		this.top=this.innerEls[0].getPosition(this.elements[0]).y;
		this.height=this.innerEls[0].getStyle('height');
		this.bottom=this.innerEls[0].getStyle('bottom');
		this.paddingL=this.innerEls[0].getStyle('padding-left').toInt();
		this.paddingR=this.innerEls[0].getStyle('padding-right').toInt();
		this.align=this.innerEls[0].getStyle('text-align');
		this.fontSize=this.innerEls[0].getStyle('font-size').toInt();
		this.hiddenFontSize=this.hiddenEls[0].getStyle('font-size').toInt();
		this.delay=75;		
		
		this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});
		this.elements.each(function(el,i){
			el.addEvent('mouseenter', function(e){
				this.el=this.innerEls[i];
				new Event(e).stop();
				this.o = this.innerOpen.delay(this.delay, this,i); 
				this.c = this.aClass.delay(this.delay, this);
				this.r = this.reset.delay(this.delay, this,i);
			}.bind(this));
			el.addEvent('mouseleave', function(e){
				new Event(e).stop(); 
				var el=this.innerEls[i];
				if(!this.o){ 
					this.o2 = this.innerClose.delay(this.delay, this,i);
					this.c2 = this.rClass.delay(this.delay, this, el);
					this.r2 = this.reset.delay(this.delay, this,this.options.open);
				}
				this.o = $clear(this.o);
				this.c = $clear(this.c); 
				this.r = $clear(this.r);
				 
			}.bind(this));
			var obj = this;
		}.bind(this));
		if(this.options.open){
			if($type(this.options.open) == 'number'){
				this.reset(this.options.open);
			}else{
				this.elements.each(function(el,i){
					if(el.id == this.options.open){this.reset(i);}
				},this);
			}
		}
	},
	
	aClass: function(){this.el.addClass('active');},
	rClass: function(el){el.removeClass('active');},
	
	innerOpen: function(i){
		this.o = $clear(this.o);
		var inner = this.el;
		var innerFxOpen = new Fx.Morph(inner, {duration: this.options.duration, transition: this.options.transition});
		innerFxOpen.start({
		//	'top': 0,
		//	'bottom': [''],
			'height': ['140px'],
			'width': [this.options.openWidth - (this.paddingL+this.paddingR)+1]
		})
		
		var innerFxShow = new Fx.Morph(this.hiddenEls[i], {duration: this.options.duration, transition: this.options.transition}).start({
			'opacity':1
		});
		
		var liFxOn = new Fx.Morph(this.lis[i], {duration: this.options.duration, transition: this.options.transition}).start({ 'background-position':['0% 30px','50% 30px'] });
	},
	
	
	innerClose: function(i){
		var inner = this.innerEls[i];
		var innerFxClose = new Fx.Morph(inner, {duration: this.options.duration, transition: this.options.transition});
		innerFxClose.start({
		//	'top': [this.top], 
		//	'bottom': [this.bottom],
			'height': [this.height],
			'width': [this.width]
			//'opacity':.85
		});
		
		var innerFxHide = new Fx.Morph(this.hiddenEls[i], {duration: this.options.duration, transition: this.options.transition}).start({
		 	'opacity':0
		});
		
		var liFxOff = new Fx.Morph(this.lis[i], {duration: this.options.duration, transition: this.options.transition}).start({ 'width': [this.width], 'background-position':['50% 30px','0% 30px'] });
	},
	
	reset: function(num){
		if($type(num) == 'number'){
			var width = this.widths.openOthers;
			if(num+1 == this.elements.length){
				width += this.options.border;
			}
		}else{var width = this.widths.closed;}
		var obj = {};
		this.elements.each(function(el,i){
			var w = width;
			if(i == this.elements.length-1){w = width}
			obj[i] = {'width': w};
		}.bind(this));
		
		if($type(num) == 'number'){
			obj[num] = {'width': this.widths.openSelected};
		}
		this.fx.start(obj);
	}
});
ImageMenu.implement(new Options);
ImageMenu.implement(new Events);
/* end accordion */