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



var aTs, aEs, aLs, aLhs, accordNav;
function sideNavAccordion(){
  if(aTs.length < 1)return;
  accordNav = new Accordion(aTs,aEs,{
    alwaysHide: false,
    opacity: false,
    show: -1,
    onActive: function(toggler, element){
      element.addClass('active');
      toggler.addClass('active');
    },
    onBackground: function(toggler, element){
      element.removeClass('active');
      toggler.removeClass('active');
    }
  });
  
  var curUrl=window.location.href.split('?')[0].split('#')[0];
  var pageName=curUrl.substring((curUrl.lastIndexOf("/")) + 1);
  var el = aLs[aLhs.indexOf(pageName)];el = $(el);
  if (!el) return;
  var tog = el.parentNode.parentNode.parentNode;
  accordNav.display(aTs.indexOf(tog));
  el.addClass('active');
}

function initAll(){
	window.addEvent('load', function(){
	  aTs = $$('li.aTrig');
	  aEs = $$('li.aTrig ul');
	  aLs = $$('.aEl a');
	  aLhs = aLs.getProperty('href'); 
	  sideNavAccordion();
	});
}

window.addEvent('domready', function(){
  aTs = $$('li.aTrig');
  aEs = $$('li.aTrig ul');
  aLs = $$('.aEl a');
  aLhs = aLs.getProperty('href'); 
  if (aTs.length >0){sideNavAccordion()}
  else {initAll();}
});

    
// ### on domready ###
window.addEvent('domready', function(){
	$$('a').each(function(a){a.onfocus=function(){this.blur()}})
    // set var values
	aTs = $$('li.aTrig');
	aEs = $$('li.aTrig ul');
	aLs = $$('.aEl a');
	aLhs = aLs.getProperty('href');
	if (aTs.length >0){sideNavAccordion()}
	else {window.onload=sideNavAccordion;}
});


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

/* ########### Floating Cart ############### */
var version = 4.1; // for use with mootools1.2
var storeId = "yhst-20804281831352";  
var fCartShow = true;
var skipCart = true;
var moo = true;
var cartMinimize =false;
var frameCart = true; 
var frameFxTimer = 4500;
var framecartDraggable = false;
var mssFrameW = 300;
var cartH = 100;
var cartHadjust = 5;
var ghostImgOn = true;
var ghostFxTimer = 1800;
var showNoItems = true;
// don't edit below here
var lastCartLoad = false;
var fcartLoading = (moo) ? new Element('div', {'id': 'fCartLoading'}) : false;
var mssframe;
var mssFrameContainer = document.createElement('div');
mssFrameContainer.setAttribute('id','mssFrameContainer');
var fcartModal = fCartHeight = mssActiveCartForm = mooCartEl = ghostSource = ghostImg = cartPeriodical = null;
createCookie('fCartLoadNum',0,1);
var mssCartCookie = '';
var Modalizer = false;
var fCartLoadNum = mssCartFrameId = minCartTimer = 0;

var writeCart = function(minMax){
	var showCart = 1;
	var showChechout = 1;
	var cartEl = document.getElementById('mssCartEl');
	var giftEl = document.getElementById('cartFreeGift'); 
	var giftLevel = 300; 
	var giftStatement = "Congratulations!  You've qualified for a free gift with your purchase! <a href=\"javascript:OpenWin ('discount-popup.html');\">What's This?</a>";
	//don't edit below here
	mooCartEl = cartEl;
	mssCartCookie = unescape(readCookie('mssFloatingCart'));
	
	var mssCartTotal = giftLeft = 0;var links = new Array();var titles = new Array();var pids = new Array();var prices = new Array();var units = new Array();var total = "";var cartEl = document.getElementById('mssCartEl');var cartURL = "http://order.store.yahoo.net/cgi-bin/wg-order?catalog=" + storeId;var myCheckout = "https://order.store.yahoo.net/ymix/MetaController.html?ysco_key_event_id=1&ysco_key_store_id=" + storeId + "&sectionId=ysco.ship-bill";
	
	if (!cartEl || cartEl == null)return;
	cartEl.innerHTML='';
	if (!showNoItems)cartEl.style.display='none';
	if (showNoItems || (mssCartCookie && mssCartCookie != "")){
		var eachArray = mssCartCookie.split("^");
		var hasItems = (eachArray[0] && eachArray[0].length > 0)?true:false;
		var eachElement = (hasItems)?eachArray[0].split("|:|"):0;
		total = (eachElement[0].indexOf('$')>-1)?eachElement[0]:"$0";
		mssCartTotal = (eachElement[0])?(total.substr(1) * 1):0;
		giftLeft = giftLevel - mssCartTotal;
		cartH = (eachElement[2] * 1) + cartHadjust;
		if (giftEl && mssCartTotal > 0){
			if (mssCartTotal > (giftLevel - .01)){giftEl.innerHTML=giftStatement;}
			else { 
				giftEl.innerHTML = "&nbsp; Add $" + giftLeft.toFixed(2) + " more to your cart for your free gift! <a href=\"javascript:OpenWin ('discount-popup.html');\">What's This?</a>";
			}
		}
		var numItems = (eachArray[1] && eachArray[1].length > 0) ? eachArray[1].split("|:|").length - 1:0;
		mssNumItems = numItems;
		if (showNoItems || numItems > 0 ){ 
			cartEl.innerHTML='';
			cartEl.style.display='block';
			var fcartBG = document.createElement('div');
			fcartBG.setAttribute('id','fcartBG');
			cartEl.appendChild(fcartBG);
			var floatingCartHeader = document.createElement('div');
			floatingCartHeader.setAttribute('id','floatingCartHeader');
			fcartBG.appendChild(floatingCartHeader);
			floatingCartHeader.innerHTML="Items in your Cart: <span>" + numItems + "</span>&nbsp;";
			var fcartMin = document.createElement('div');
			fcartMin.setAttribute('id','fcartMin');
			fcartMin.style.zoom=1;
			fcartBG.appendChild(fcartMin);
			if (frameCart)fcartMin.style.display='none';

			for (i = 0; i < eachArray.length -1; i++){
				if (eachArray[i] && eachArray[i] != ""){
					var eachElement = eachArray[i].split("|:|");	
					var x = 0;
					for (j = 0; j < eachElement.length; j++){
						if (eachElement[j] && eachElement[j] != ""){
							if (i == 1){links[x] = eachElement[j]}
							if (i == 2){titles[x] = eachElement[j];}
							if (i == 3){pids[x] = eachElement[j];}
							if (i == 4){prices[x] = eachElement[j];}
							if (i == 5){units[x] = eachElement[j];}
							x = x + 1;
							}
						}
					}
				}
			for (i = 0; i < numItems; i++){
				if (links[i] && links[i] != ""){
					var fcart = document.createElement('div');
					fcart.setAttribute('id','fcart' + i);
					fcart.className='fcart';
					fcartMin.appendChild(fcart);
					var fcartName = document.createElement('div');
					fcartName.className='fcartName';
					fcart.appendChild(fcartName);
					fcartName.innerHTML="<a href=\"" + links[i].toLowerCase() + "\">" + titles[i] + "</a>";
					var fcartPrice = document.createElement('div');
					fcartPrice.className='fcartPrice';
					fcart.appendChild(fcartPrice);
					fcartPrice.innerHTML="Price: " + prices[i];
					var fcartQty = document.createElement('div');
					fcartQty.className='fcartQty';
					fcart.appendChild(fcartQty);
					fcartQty.innerHTML=" Qty: " + units[i];
					}
				}

			// write subtotal	
			var fcartTotal = document.createElement('div');
		  fcartTotal.setAttribute('id','fcartTotal');
		  fcartBG.appendChild(fcartTotal);
			fcartTotal.innerHTML="Sub Total: " + total;
			if (showCart == 1 ){
				var fviewCart = document.createElement('div');
				fviewCart.setAttribute('class','cartLinks');
				fviewCart.setAttribute('id','fviewCart');
				fcartBG.appendChild(fviewCart);
				var viewCartForm = document.createElement('form');
				viewCartForm.setAttribute('id','mssViewCartForm');
				viewCartForm.setAttribute('method','post');
				viewCartForm.setAttribute('action',cartURL);
				if(frameCart) viewCartForm.setAttribute('target','mssframe'+mssCartFrameId);
				viewCartForm.style.display='inline';
				viewCartForm.style.margin=0;
				viewCartForm.style.padding=0;
				fviewCart.appendChild(viewCartForm);
				var cartClick = (frameCart) ? 'onclick="mssShowCart();' : 'onclick="this.parentNode.submit();';
				viewCartForm.innerHTML='<a href="#" '+cartClick+' return false;">View Cart &raquo;</a>';	
			}
			if (showChechout == 1 ){
				var fcheckout = document.createElement('div');
				fcheckout.setAttribute('class','cartLinks');
				fcheckout.setAttribute('id','fcheckout');
				fcartBG.appendChild(fcheckout);
    		fcheckout.innerHTML='<form style="display:inline; margin:0; padding:0;" method="post" action="'+ myCheckout +'"><a href="#" onclick="this.parentNode.submit(); return false;">Checkout Now &raquo;</a></form>';
			}
			
		} 
	} 
	return;
} // close writeCart function 
if (fCartShow) {
	if (!moo){writeCart();}
	else{
		window.addEvent('domready', function(){
			if(Browser.Engine.webkit)return
			mssFrameContainer=$(mssFrameContainer);
			mssFrameContainer.injectInside(document.body);
			mssMakeFrame('http://order.store.yahoo.net/cgi-bin/wg-order?catalog=' + storeId);
			writeCart();
			$$('.fcartForm').each(function(f){ 
					if(skipCart||frameCart)f.target='mssframe';
					f.addEvent('submit',function(){
						mssActiveCartForm = f;
						ghostImg = $('itemarea').getElements('img')[0].clone();
						mssMakeFrame();
						if(skipCart||frameCart)this.target='mssframe'+mssCartFrameId;
						reloadCart(); 
					})
			})
	  });
	}
}

var mssMakeFrame=function(a){
	if($chk(mssframe))mssframe.dispose();
	mssCartFrameId++;
	var src = (a)?a:'';
	mssframe = new Element('iframe', {'id': 'mssframe'+mssCartFrameId,'name': 'mssframe'+mssCartFrameId,'scrolling': 'no','frameborder': 0,'src':src}).injectInside(mssFrameContainer);
	mssframe.setStyles({height:'1px',visibility:'hidden'});
}

var updateFcart = function(){
	var loadNum=(readCookie('fCartLoadNum'))?unescape(readCookie('fCartLoadNum'))*1:0;
	if(loadNum>0){writeCart();mssframe.setStyle('height',cartH+cartHadjust);}
}

// ##### BELOW THIS LINE IS FOR SKIP CART INSTALLATIONS ONLY
/*	Script: modalizer.js Author: Aaron Newton (aaron [dot] newton [at] cnet [dot] com) */
var Modalizer=new Class({defaultModalStyle:{display:'block',position:'fixed',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)})}}});


function reloadCart(inc){
	if (!skipCart)return; 
	if (!inc){
		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();
		if(frameCart)mssShowCart();
    	createCookie('fCartLoadNum',0,1);
		fCartLoadNum = 0;
		if($('qvOverlay'))$('qvOverlay').dispose();
		if($('qvLoading'))$('qvLoading').dispose();
		if ($('qvShell'))$('qvShell').dispose();
		mssCartCookie = '';
	}
	if (fCartShow){
		var loadNum = (readCookie('fCartLoadNum')) ? unescape(readCookie('fCartLoadNum')) * 1 : 0;
		if (loadNum > 0 && $time() > (minCartTimer + ghostFxTimer)){writeCart();stop();
	}
	else if (fCartLoadNum > 18){stop();return;}
	else {fCartLoadNum++; setTimeout('reloadCart(1)',500);}
	}
}

var mssGetCoords = function(el){el=$(el);return el.getPosition();}
var makeGhostEl = function(){
	writeCart(1);
	if (mooCartEl.offsetTop<1) mooCartEl.setStyle('display','block');
	var cartX = mssGetCoords(mooCartEl).x;
	var cartY = mssGetCoords(mooCartEl).y;
	var submitBtn = mssActiveCartForm.getElements('input[type=submit]')[0];
	if (!$chk(submitBtn))submitBtn = mssActiveCartForm.getElements('.addtocartImg')[0];
	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;
	ghost.style.position='absolute';
	ghost.style.zIndex='1000';
	ghostImg.style.height='50px';
	ghostImg.style.width='75px';
	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();}
}

var mssShowCart = function(){
  	createCookie('fCartLoadNum',0,1);
	if (mooCartEl.offsetTop<1) mooCartEl.setStyle('display','block');
	var cartX = mssGetCoords(mooCartEl).x;
	var cartY = mssGetCoords(mooCartEl).y;
	var cursor = (framecartDraggable)? 'move':'auto';
	mssFrameContainer.setStyles({position:'absolute',overflow: 'hidden',border: '1px solid #336699',padding:'15px 0px 0px 0px',bottom: 'auto',top: cartY,left: cartX + mooCartEl.offsetWidth-5,zIndex:1000,cursor: cursor,background:'#ccc'})
	var fadeCart = new Fx.Morph(mssFrameContainer, {duration: '500'}).start({opacity:[0, 1],height:[1,cartH +cartHadjust], width:[1,mssFrameW]});
	fadeCart.onComplete=function(){ mssFrameContainer.setStyles({height: 'auto',width: 'auto'})}
	
	mssframe.setStyles({border: 'none',width: mssFrameW,padding:'0 5px',height: cartH +cartHadjust,overflow: 'hidden',visibility: 'visible',background:'#fff'});
	if($chk(cartClose))cartClose.dispose();
	var cartClose = new Element('a',{id:'cartClose', href:'javascript:void(0)'}).inject(mssFrameContainer);
	cartClose.innerHTML="x close";
	cartClose.setStyles({display: 'block',width: '50px',position: 'absolute',top: '2px',textDecoration:'none',right:'3px'});
	cartClose.addEvent('click',mssHideCart);
	var cartTimer = (frameFxTimer)? setTimeout('mssHideCart()',frameFxTimer):null;
	cartPeriodical = updateFcart.periodical(800);
	updateFcart();	
	
	mssFrameContainer.addEvent('mouseenter',function(){clearTimeout(cartTimer)});
	if(framecartDraggable)mssFrameContainer.makeDraggable();
}
var mssHideCart = function(){
	var fadeCart = new Fx.Morph(mssFrameContainer, {duration: '600'});
	fadeCart.start({opacity:[1,0],'height': [mssFrameContainer.offsetHeight, 1], 'width': [mssFrameContainer.offsetWidth, 1] });
	fadeCart.onComplete=function(){ mssFrameContainer.setStyles({border: 'none',height:1,width:1,overflow: 'hidden',bottom: 0,top: 'auto',background:'transparent'})}
	cartPeriodical = $clear(cartPeriodical);
}


var preCookie = readCookie(name);

// append new data to cookie.
function setCookie(){
	if (!curString) return;
	var s = curString.replace("^","");
	if (!preCookie || preCookie == ""){
	// if cookie does not exist, create it with the current item's data
		newString = curString;
	} else { 
	// If cookie exists, split and compare its content to current item 
		var eachItem = preCookie.split("^");
		for (i = 0; i < num; i++){
			if (eachItem[i] == s ) { 
			unique = "no";
			} 	
		} if (unique == "yes"){
		// if current data is unique, add it to cookie
		  var x = curString + preCookie;
		  var a = x.split("^");	
		  for (i=0;i<num + 1;i++){
		  	newString+=a[i] + "^";
		  }
		  } else {
		// if current data is not unique, do not add it to cookie
		  newString = preCookie;
		  }
	}  
	createCookie(name,newString,days)
}

//splitting and writing cookie data
function writeRecent(){
	if (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++){
			//only write item if it exists, is not empty and is unique
			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="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>');
						}
					document.write('</div>');
					i2 = i2 + 1; 
				}
			} else { i2 = i; } // don't increment counter is the current page is already displayed
		}
		
    	document.write('</div>');
	}	 
}
/*######## end recently viewed*/


/***********************************************
* Modified from script from Dynamic Drive
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
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=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]
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=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])
}
// END Scroller

// Basic window pop-up functions
function openwin(winame,file,height,width)  
{
newpop=window.open(file,winame,"status=no,scrollbars=no,resizable=no, toolbar=no,location=no,menu=no,height="+height+",width="+width);
if (document.all){
newpop.moveTo(0,0)
}
}
 function openWindow(url) { popupWin = window.open(url, 'openWin', "width=400, height=250, scrollbars=yes"); } 

function changeImage(img) {
 var imageName;
 for (i = 1; i <= 5; i++) {
  imageName = "image" + i; 
  if (document.getElementById(imageName)) {
   document.getElementById(imageName).style.display='none';
  }
 }
 document.getElementById(img).style.display='block';
}

function ResizeToFit(dlg, picHeight, picWidth) {
 var imgWidth;
 var imgHeight;
 imgWidth = picWidth + 60; 
 imgHeight = picHeight + 110;
 dlg.resizeTo(imgWidth, imgHeight);
}
function mssDisplayImages(img, name, width, height){
 features = 
    "toolbar=no,location=no,directories=no,status=no,menubar=no," +
    "scrollbars=no,resizable=no,width=" + width + ",height=" + height;
 dlg = window.open ("","Details",features);
 dlg.document.write("<html><head><title>" + name + " Zoom</title></head>");
 dlg.document.write("<body bgcolor=white onLoad=\"javascript:opener.ResizeToFit(self,  picImg.height, picImg.width);\"><center>");
 dlg.document.write("<table width=100% height=100%>");
 dlg.document.write("<tr><td align=center valign=middle>");
 dlg.document.write("<img name=\"picImg\" src=" + img + ">");
 dlg.document.write("</td></tr>");
 dlg.document.write("<tr><td align=center valign=middle>");
 dlg.document.write("<a href=# onClick=window.close();>");
 dlg.document.write("<font size=1 face=Arial>Click to close</font></a>");
 dlg.document.write("</td></tr>");
 dlg.document.write("</table></body></html>");
 dlg.document.close();
}
// end popup image functions