// JavaScript Document compiled Scripts
function ClearForm() {
  document.MailingList.emailaddress.value= "";
}
function ClearForm2() {
  document.form1.Search.value= "";
}
// Suckerfish js for IE
<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("suckerfishnav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);//--><!]]>
// Show/Hide - Simple Scroll - Dom Drag
/*************************************************************************
  This code is from Dynamic Web Coding at http://www.dyn-web.com/
  Copyright 2001-3 by Sharon Paine 
  See Terms of Use at http://www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/
//show/hide layers
// onresize for ns4
var origWidth, origHeight;
if (document.layers) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}
var cur_lyr;	// holds id of currently visible layer
function swapLayers(id) {
  if (cur_lyr) hideLayer(cur_lyr);
  showLayer(id);
  cur_lyr = id;
}
var act_lyr;	// holds id of currently active layer
function changeLayers(id) {
  if (act_lyr) colorxLayer(act_lyr);
  colorLayer(id);
  act_lyr = id;
}
function showLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.display = "block";
}
function hideLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.display = "none";
}
function colorxLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.background = "#645C55";
}
function colorLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.background = "#382E25";
}
function getElemRefs(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
	if (el) el.css = (el.style)? el.style: el;
	return el;
}
/* =======================================================
* ypSimpleScroll
* 3/11/2001
* 
* http://www.yougnpup.net/
* ======================================================= */
ypSimpleScroll.prototype.scrollNorth = function() { this.startScroll(190) }
ypSimpleScroll.prototype.scrollSouth = function() { this.startScroll(270) }
ypSimpleScroll.prototype.scrollWest = function() { this.startScroll(180) }
ypSimpleScroll.prototype.scrollEast = function() { this.startScroll(0) }
ypSimpleScroll.prototype.startScroll = function(deg, speed) {
if (this.loaded)
{
if (this.aniTimer) window.clearTimeout(this.aniTimer)
this.overrideScrollAngle(deg)
this.speed = speed ? speed : this.origSpeed
this.lastTime = (new Date()).getTime() - this.y.minRes
this.aniTimer = window.setTimeout(this.gRef + ".scroll()", this.y.minRes)
}
}
ypSimpleScroll.prototype.endScroll = function() {
if (this.loaded)
{
window.clearTimeout(this.aniTimer)
this.aniTimer = 0;
this.speed = this.origSpeed
}
}
ypSimpleScroll.prototype.overrideScrollAngle = function(deg) {
if (this.loaded)
{
deg = deg % 360
if (deg % 90 == 0) {
var cos = deg == 0 ? 1 : deg == 180 ? -1 : 0
var sin = deg == 90 ? -1 : deg == 270 ? 1 : 0
} else {
var angle = deg * Math.PI / 180
var cos = Math.cos(angle)
var sin = Math.sin(angle)
sin = -sin
}
this.fx = cos / (Math.abs(cos) + Math.abs(sin))
this.fy = sin / (Math.abs(cos) + Math.abs(sin))
this.stopH = deg == 90 || deg == 270 ? this.scrollLeft : deg < 90 || deg > 270 ? this.scrollW : 0
this.stopV = deg == 0 || deg == 180 ? this.scrollTop : deg < 180 ? 0 : this.scrollH
}
}
ypSimpleScroll.prototype.overrideScrollSpeed = function(speed) {
if (this.loaded) this.speed = speed
}
ypSimpleScroll.prototype.scrollTo = function(stopH, stopV, aniLen) {
if (this.loaded)
{
if (stopH != this.scrollLeft || stopV != this.scrollTop) {
if (this.aniTimer) window.clearTimeout(this.aniTimer)
this.lastTime = (new Date()).getTime()
var dx = Math.abs(stopH - this.scrollLeft)
var dy = Math.abs(stopV - this.scrollTop)
var d = Math.sqrt(Math.pow(dx,2) + Math.pow(dy,2))
this.fx = (stopH - this.scrollLeft) / (dx + dy)
this.fy = (stopV - this.scrollTop) / (dx + dy)
this.stopH = stopH
this.stopV = stopV
this.speed = d / aniLen * 1000
window.setTimeout(this.gRef + ".scroll()", this.y.minRes)
}
}
}
ypSimpleScroll.prototype.jumpTo = function(nx, ny) { 
if (this.loaded)
{
nx = Math.min(Math.max(nx, 0), this.scrollW)
ny = Math.min(Math.max(ny, 0), this.scrollH)
this.scrollLeft = nx
this.scrollTop = ny
if (this.y.ns4)this.content.moveTo(-nx, -ny)
else {
this.content.style.left = -nx + "px"
this.content.style.top = -ny + "px"
}
}
}
ypSimpleScroll.minRes = 10
ypSimpleScroll.ie = document.all ? 1 : 0
ypSimpleScroll.ns4 = document.layers ? 1 : 0
ypSimpleScroll.dom = document.getElementById ? 1 : 0
ypSimpleScroll.mac = navigator.platform == "MacPPC"
ypSimpleScroll.mo5 = document.getElementById && !document.all ? 1 : 0
ypSimpleScroll.prototype.scroll = function() {
this.aniTimer = window.setTimeout(this.gRef + ".scroll()", this.y.minRes)
var nt = (new Date()).getTime()
var d = Math.round((nt - this.lastTime) / 1000 * this.speed)
if (d > 0)
{
var nx = d * this.fx + this.scrollLeft
var ny = d * this.fy + this.scrollTop
var xOut = (nx >= this.scrollLeft && nx >= this.stopH) || (nx <= this.scrollLeft && nx <= this.stopH)
var yOut = (ny >= this.scrollTop && ny >= this.stopV) || (ny <= this.scrollTop && ny <= this.stopV)
if (nt - this.lastTime != 0 &&
((this.fx == 0 && this.fy == 0) ||
(this.fy == 0 && xOut) ||
(this.fx == 0 && yOut) ||
(this.fx != 0 && this.fy != 0 && xOut && yOut)))
{
this.jumpTo(this.stopH, this.stopV)
this.endScroll()
}
else {
this.jumpTo(nx, ny)
this.lastTime = nt
}
}
}
function ypSimpleScroll(id, left, top, width, height, speed, contentWidth, initLeft, initTop)
{
var y = this.y = ypSimpleScroll
if (!initLeft) initLeft = 0
if (!initTop) initTop = 0
if (!contentWidth) contentWidth = width
if (document.layers && !y.ns4) history.go(0)
if (y.ie || y.ns4 || y.dom) {
this.loaded = false
this.id = id
this.origSpeed = speed
this.aniTimer = false
this.op = ""
this.lastTime = 0
this.clipH = height
this.clipW = width
this.scrollTop = initTop
this.scrollLeft = initLeft
this.gRef = "ypSimpleScroll_"+id
eval(this.gRef+"=this")
var d = document
d.write('<style type="text/css">')
d.write('#' + this.id + 'Container { left:' + left + 'px; top:' + top + 'px; width:' + width + 'px; height:' + height + 'px; clip:rect(0 ' + width + ' ' + height + ' 0); overflow:hidden; }')
d.write('#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; }')
d.write('#' + this.id + 'Content { left:' + (-initLeft) + 'px; top:' + (-initTop) + 'px; width:' + contentWidth + 'px; }')
d.write('</style>')
}
}
ypSimpleScroll.prototype.load = function() {
var d, lyrId1, lyrId2
d = document
lyrId1 = this.id + "Container"
lyrId2 = this.id + "Content"
this.container = this.y.dom ? d.getElementById(lyrId1) : this.y.ie ? d.all[lyrId1] : d.layers[lyrId1]
this.content = obj2 = this.y.ns4 ? this.container.layers[lyrId2] : this.y.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
this.docH = Math.max(this.y.ns4 ? this.content.document.height : this.content.offsetHeight, this.clipH)
this.docW = Math.max(this.y.ns4 ? this.content.document.width : this.content.offsetWidth, this.clipW)
this.scrollH = this.docH - this.clipH
this.scrollW = this.docW - this.clipW
this.loaded = true
this.scrollLeft = Math.max(Math.min(this.scrollLeft, this.scrollW),0)
this.scrollTop = Math.max(Math.min(this.scrollTop, this.scrollH),0)
this.jumpTo(this.scrollLeft, this.scrollTop)
}
/**************************************************
 * dom-drag.js
 * 09.25.2001
 * www.youngpup.net
 **************************************************
 * 10.28.2001 - fixed minor bug where events
 * sometimes fired off the handle, not the root.
 **************************************************/
var Drag = {
	obj : null,
	init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
	{
		o.onmousedown	= Drag.start;
		o.hmode			= bSwapHorzRef ? false : true ;
		o.vmode			= bSwapVertRef ? false : true ;
		o.root = oRoot && oRoot != null ? oRoot : o ;
		if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
		if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
		if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
		if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";
		o.minX	= typeof minX != 'undefined' ? minX : null;
		o.minY	= typeof minY != 'undefined' ? minY : null;
		o.maxX	= typeof maxX != 'undefined' ? maxX : null;
		o.maxY	= typeof maxY != 'undefined' ? maxY : null;
		o.xMapper = fXMapper ? fXMapper : null;
		o.yMapper = fYMapper ? fYMapper : null;
		o.root.onDragStart	= new Function();
		o.root.onDragEnd	= new Function();
		o.root.onDrag		= new Function();
	},
	start : function(e)
	{
		var o = Drag.obj = this;
		e = Drag.fixE(e);
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		o.root.onDragStart(x, y);
		o.lastMouseX	= e.clientX;
		o.lastMouseY	= e.clientY;
		if (o.hmode) {
			if (o.minX != null)	o.minMouseX	= e.clientX - x + o.minX;
			if (o.maxX != null)	o.maxMouseX	= o.minMouseX + o.maxX - o.minX;
		} else {
			if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
			if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
		}
		if (o.vmode) {
			if (o.minY != null)	o.minMouseY	= e.clientY - y + o.minY;
			if (o.maxY != null)	o.maxMouseY	= o.minMouseY + o.maxY - o.minY;
		} else {
			if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
			if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
		}
		document.onmousemove	= Drag.drag;
		document.onmouseup		= Drag.end;
		return false;
	},
	drag : function(e)
	{
		e = Drag.fixE(e);
		var o = Drag.obj;
		var ey	= e.clientY;
		var ex	= e.clientX;
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		var nx, ny;
		if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
		if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
		if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
		if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);
		nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
		ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));
		if (o.xMapper)		nx = o.xMapper(y)
		else if (o.yMapper)	ny = o.yMapper(x)
		Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
		Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
		Drag.obj.lastMouseX	= ex;
		Drag.obj.lastMouseY	= ey;
		Drag.obj.root.onDrag(nx, ny);
		return false;
	},
	end : function()
	{
		document.onmousemove = null;
		document.onmouseup   = null;
		Drag.obj.root.onDragEnd(	parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
									parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
		Drag.obj = null;
	},
	fixE : function(e)
	{
		if (typeof e == 'undefined') e = window.event;
		if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
		if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
		return e;
	}
};
/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2001-4 by Sharon Paine
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/
function initScrollLayer() {
  if( document.getElementById('wn') && document.getElementById('lyr1') )
  {
  // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll,
  // if horizontal scrolling, id of element containing scrolling content (table?)
  var wndo = new dw_scrollObj('wn', 'lyr1');
  // bSizeDragBar set true by default (explained at www.dyn-web.com/dhtml/scroll/ )
  // wndo.bSizeDragBar = false;
  // arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset
  // (x/y offsets of dragBar in track)
  //wndo.setUpScrollbar("dragBar", "track", "v", 1, 1);
  // pass id('s) of scroll area(s) if inside table(s)
  // i.e., if you have 3 (with id's wn1, wn2, wn3): dw_scrollObj.GeckoTableBugFix('wn1', 'wn2', 'wn3');
  dw_scrollObj.GeckoTableBugFix('wn');
  }
}
function initLookbookLayer(priority, secondLayerPresent) {
  // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll,
  // if horizontal scrolling, id of element containing scrolling content (table?)
  var wndo = new dw_scrollObj('wnLook', 'lyrLook', 't1');
  if (priority != null && priority != 1){
  	var temp = priority * 42;
  	wndo.glideTo(temp, 0, 100);
  }
  
  if (secondLayerPresent){
  	var wndo2 = new dw_scrollObj('wn', 'lyr1');
  }
  // bSizeDragBar set true by default (explained at www.dyn-web.com/dhtml/scroll/ )
  // wndo.bSizeDragBar = false;
  // arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset
  // (x/y offsets of dragBar in track)
//  wndo.setUpScrollbar("dragBar", "track", "h", 50, 1);
  // pass id('s) of scroll area(s) if inside table(s)
  // i.e., if you have 3 (with id's wn1, wn2, wn3): dw_scrollObj.GeckoTableBugFix('wn1', 'wn2', 'wn3');
  dw_scrollObj.GeckoTableBugFix('wnLook', 'wn');
}
/******************************
	Scrolling 
******************************/
function isIE() {
	return (navigator.userAgent.indexOf("MSIE") != -1);
}
function isSafari() {
	return (navigator.userAgent.indexOf("Safari") != -1);
}
/*************************************** LEFTNAV ********************/ 
var theHandle, theRoot, theThumb, theScroll;
var thumbTravel, ratio;
var distanceFromLeft = 3; /* of scrolling area */
var distanceFromTop = 99; /* of scrolling area - upper limit of thumb Drag*/
var spotToStarDragDistanceFromLeft = 140; /* width of scrolling area */
var scrollLength = 445; /* height of scrolling area */
var scrollPullBarDistanceFromLeft = 149; /* distance of thumb from left - change here and on page and in css */
/*note: first figure is for IE*/
var bottomLimitOfScrollPullBarDistanceFromTop = (isIE()) ? 456 : 452;
/*note: heightOfTheThumb is duplicated in thumb div*/
var heightOfTheThumb = 78;
theScroll = new ypSimpleScroll("scroll", distanceFromLeft, distanceFromTop - 7, spotToStarDragDistanceFromLeft, scrollLength);
function intializeLeftNav() {
	//
	theHandle = document.getElementById("handle");
	theRoot   = document.getElementById("root");
	theThumb  = document.getElementById("thumb");
	//if the thumb is null we don't have a scroll bar and we don't want a 
		// javascript error.
	if ( theThumb == null ) {
		return;
	}
	
	if (theRoot.addEventListener)
        /** DOMMouseScroll is for mozilla. */
       theRoot.addEventListener('DOMMouseScroll', wheel, false);
	theScroll.load();
	Drag.init(theHandle, theRoot);
	Drag.init(theThumb, null, scrollPullBarDistanceFromLeft, scrollPullBarDistanceFromLeft, distanceFromTop, bottomLimitOfScrollPullBarDistanceFromTop);
	// the number of pixels the thumb can travel vertically (max - min)
	thumbTravel = theThumb.maxY - theThumb.minY;
	// the ratio between scroller movement and thumbMovement
	ratio = theScroll.scrollH / thumbTravel;
	theThumb.onDrag = function(x, y) {
		theScroll.jumpTo(null, Math.round((y - theThumb.minY) * ratio));
	}
	var bottomBorderOfBrandsList = $('scrollContent').getDimensions().height;
	
	/*
	* IF we do have enought brands then we should display 
	* scrolling functionality.
	*/
	if(bottomBorderOfBrandsList >= scrollLength) {
		var leftNavHandle = document.getElementById("thumb");
		leftNavHandle.style.display="inline";
		
		
		var scrollUpImage = document.getElementById("scrollUpImage");
		var scrollDownImage = document.getElementById("scrollDownImage");
		var scrollBarSeparatorTopCell = document.getElementById("scrollBarSeparatorTopCell");
		var scrollBarSeparatorBottomCell = document.getElementById("scrollBarSeparatorBottomCell");
		var scrollBarSeparatorCenterCell = document.getElementById("scrollBarSeparatorCenterCell");
		var sliderBack = document.getElementById("sliderBack");
		scrollUpImage.style.display="inline";
		scrollDownImage.style.display="inline";
		scrollBarSeparatorTopCell.style.backgroundColor = "#ffffff";
		scrollBarSeparatorBottomCell.style.backgroundColor = "#ffffff";
		scrollBarSeparatorCenterCell.style.backgroundColor = "#ffffff";
		sliderBack.style.backgroundColor="#392E26";
	}
}
// Hide the scrollbar if we don't need it !!! Show it if we do  - this is over and above the initialize function AW FNM 0808
function hideScroll() {
	var bottomBorderOfBrandsList = $('scrollContent').getDimensions().height;
	var scrollUpImage = document.getElementById("scrollUpImage");
		var scrollDownImage = document.getElementById("scrollDownImage");
		var scrollBarSeparatorTopCell = document.getElementById("scrollBarSeparatorTopCell");
		var scrollBarSeparatorBottomCell = document.getElementById("scrollBarSeparatorBottomCell");
		var scrollBarSeparatorCenterCell = document.getElementById("scrollBarSeparatorCenterCell");
		var sliderBack = document.getElementById("sliderBack");
		var thumbWrap = document.getElementById("thumbWrap");
		
		
	if(bottomBorderOfBrandsList <= scrollLength) {
	//alert('Im gonna hide the scrollbar!');
		scrollUpImage.style.visibility="hidden";
		scrollDownImage.style.visibility="hidden";
		scrollBarSeparatorTopCell.style.visibility="hidden";
		scrollBarSeparatorBottomCell.style.visibility="hidden";
		scrollBarSeparatorCenterCell.style.visibility="hidden";
		sliderBack.style.backgroundColor="#ffffff";
		thumbWrap.style.visibility="hidden";
	}
	else{
	//alert('Im gonna show the scrollbar!');
		scrollUpImage.style.visibility="visible";
		scrollDownImage.style.visibility="visible";
		scrollBarSeparatorTopCell.style.visibility="visible";
		scrollBarSeparatorBottomCell.style.visibility="visible";
		scrollBarSeparatorCenterCell.style.visibility="visible";
		sliderBack.style.backgroundColor="#392E26";
		thumbWrap.style.visibility="visible";
	}
	}
	
/*Event Handling follows*/
// indicates whether the scroll bar should be moving currently
var stop = true;
// timer for smooth motion scrolling
var scrollTimer;
// delay between movement to make motion appear smooth
var delay = 10;
function handleMouseDownOnDownArrow() {
	stop = false;
	scrollDown();
}
function handleMouseDownOnUpArrow() {
	stop = false;
	scrollUp();
}
function handleMouseDown(event) {
	stop = false;
	y = event.clientY
	var topOfThumb = parseInt(theThumb.style.top);
	var bottomOfThumb = topOfThumb + heightOfTheThumb;
	if ( bottomOfThumb < y ) {
		scrollDown(y - heightOfTheThumb);
	} else if (  topOfThumb > y ) { 
		scrollUp(y);
	}
	
}
// stops on mouse up
function handleMouseUp() {
	clearTimer(scrollTimer);	
}
// stops on mouse out
function handleMouseOut() {
	clearTimer(scrollTimer);	
}
// moves scroll up until scrollTimer is cleared
function scrollUp(vertical) {
	if ( theThumb == null ) {
		return;
	}
	x = parseInt(theThumb.style.top);
	if (stop 
		|| x <= distanceFromTop
		|| vertical != null && x <= vertical ) {
		return;
	}
	
	x = x - 1;
	theThumb.onDrag(null, x);
	theThumb.style.top=x + "px";
	scrollTimer = setTimeout('scrollUp('+ vertical +')', delay);
}
// moves scroll down until scrollTimer is cleared
function scrollDown(vertical) {
	if ( theThumb == null ) {
		return;
	}
	x = parseInt(theThumb.style.top);
	if (stop 
		|| x >= bottomLimitOfScrollPullBarDistanceFromTop
		|| vertical != null && x >= vertical ) {
		return;
	}
	
	x = x + 1;
	theThumb.onDrag(null, x);
	theThumb.style.top=x + "px";
	scrollTimer = setTimeout('scrollDown('+ vertical +')', delay);
}
	
// clears timer
function clearTimer(timer) {
   	if (timer) clearTimeout(timer);
   	timer = null;
   	stop = true;
}
/* Mouse wheel event handling */
/* wheels down smoothly.
amount is the number of pixels to move down.
*/
function wheelDown(id, amount) {
	var target = document.getElementById(id);
	if ( target == null ) {
		return;
	}
	x = parseInt(target.style.top);
	if (x >= bottomLimitOfScrollPullBarDistanceFromTop || amount == 0) {
		return;
	}
	
	x = x + 1;
	target.onDrag(null, x);
	target.style.top=x + "px";
	amount = amount - 1;
	scrollTimer = setTimeout('wheelDown("'+ id +'", '+amount+')', delay);
}
/* wheels up smoothly
amount is the number of pixels to move up.
*/
function wheelUp(id, amount) {
	var target = document.getElementById(id);
	if ( target == null ) {
		return;
	}
	x = parseInt(target.style.top);
	if (x <= distanceFromTop || amount == 0) {
		return;
	}
	
	x = x - 1;
	target.onDrag(null, x);
	target.style.top=x + "px";
	amount = amount - 1;
	scrollTimer = setTimeout('wheelUp("'+ id +'", '+amount+')', delay);
}
/** This is high-level function.
 * It must react to delta being more/less than zero.
 */
function handle(id, delta) {
	    if ( delta < 0 ) {
			wheelDown(id, Math.abs(delta) * 10);
		} else if ( delta > 0 ) {
			wheelUp(id, delta * 10);
		}
}
/** Event handler for mouse wheel event.
 */
function wheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                /** In Opera 9, delta differs in sign as compared to IE.
                 */
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -event.detail/3;
        }
        /** If delta is nonzero, handle it.
         * Basically, delta is now positive if wheel was scrolled up,
         * and negative, if wheel was scrolled down.
         */
 
        if (delta)
                handle("thumb", delta);
                
	/** Prevent default actions caused by mouse wheel.
         * That might be ugly, but we handle scrolls somehow
         * anyway, so don't bother here..
         */
       if (event.preventDefault) {
                event.preventDefault();
		} 
        event.returnValue = false;
}