function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

var default_open_menu;
function clearSearchBox()
{
    s=document.aspnetForm.ctl00$ctl00$search;
    if(s.value=='Product Search'){s.value='';}

}
function fillEmptySearchBox()
{
    s=document.aspnetForm.ctl00$ctl00$search;
    if(s.value==''){s.value='Product Search';}

}



function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()


var speed=140;
//alert(1);
var loop, timer

function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollWidth=bw.ns4?this.css.document.width:this.el.offsetWidth
this.clipWidth=bw.ns4?this.css.clip.width:this.el.offsetWidth
this.left=MoveAreaLeft;this.right=MoveAreaRight;
this.MoveArea=MoveArea; this.x; this.y;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.obj = obj + "Object"
eval(this.obj + "=this")

return this
}
function ConstructVertObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollWidth=bw.ns4?this.css.document.width:this.el.offsetWidth
this.clipWidth=bw.ns4?this.css.clip.width:this.el.offsetWidth
this.MoveArea=MoveAreaUD; this.x; this.y;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.obj = obj + "Object"
eval(this.obj + "=this")

return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
var pos_set=showScrollIndicator();
MM_findObj("curr_pos").value=this.x;
}
function MoveAreaUD(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}

function MoveAreaRight(move){
if(this.x>-this.scrollWidth+objContainer.clipWidth){
if(this.x-move<-this.scrollWidth+objContainer.clipWidth){move = this.x + this.scrollWidth - objContainer.clipWidth; loop=false}
this.MoveArea(this.x-move, 0)
if(loop) setTimeout(this.obj+".right("+move+")",speed)
}
}
function MoveAreaLeft(move){
if(this.x<0){
this.MoveArea(this.x-move,0)
if(loop) setTimeout(this.obj+".left("+move+")",speed)
}
}
function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objVertContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
placeVal('y: ' + this.y + ', sh: ' + this.scrollHeight + ', ch: ' + objVertContainer.clipHeight);
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
placeVal('y: ' + this.y + ', sh: ' + this.scrollHeight + ', ch: ' + objVertContainer.clipHeight);
}


function PerformScrollLeftRight(scrollobjekt, speed){
if(initialised){
loop=true;
if(speed>0) scrollobjekt.right(speed)
else scrollobjekt.left(speed)
}
}

function PerformScrollUpDown(scrollobjekt, speed){
if(Vertinitialised){
loop=true;
if(speed>0) scrollobjekt.down(speed)
else scrollobjekt.up(speed)
}
}

function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
var Vertinitialised;
var ImageCount;


function InitialiseVerticalScrollableArea(){
    objVertContainer=new ConstructVertObject('divContainer')
    objVertScroller=new ConstructVertObject('divContent','divContainer');
    //alert(objVertContainer.scrollHeight+' and ' + objVertScroller.scrollHeight);
    if(parseInt(objVertContainer.scrollHeight)>= parseInt(objVertScroller.scrollHeight)){
        MM_findObj("scrollup").className='hiddenObj'; 
        MM_findObj("scrolldown").className='hiddenObj';
        MM_findObj("scrollmedian").className='hiddenObj';
        
        
        }
    objVertScroller.MoveArea(0,0)
    objVertContainer.css.visibility='visible'
    Vertinitialised=true;
}

function InitialiseScrollableArea(){
    objContainer=new ConstructObject('divContainer')
    objScroller=new ConstructObject('divContent','divContainer')
   // alert(objVertContainer.scrollHeight>objVertScroller.scrollHeight);
   if(parseInt(objVertContainer.scrollHeight)+5>parseInt(objVertScroller.scrollHeight)){MM_findObj("scrollup").className='hiddenObj'; MM_findObj("scrolldown").className='hiddenObj';}
    objScroller.MoveArea(0,0)
    objContainer.css.visibility='visible'

    MM_findObj("boundary").value=objScroller.scrollWidth;
    var ImageWidth = 90;
    ImageCount=intProdCount;
    if (ImageCount> 6){
		totalarea=parseInt(MM_findObj("boundary").value);
		spacePerImage = totalarea/ImageCount; 
		initialised=true;
		showScrollIndicator();
	}else{
		document.getElementById("prodScroller").className = 'hiddenObj';
	}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function popupImage(type, id, index) {
    //open a new popup window, hide bars and stuff
    window.open('popupImage.aspx?type=' + type + '&id=' + id + '&index=' + index, "popupImage", 'width=224,height=100,' +
        'toolbar=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=yes');
    return false;
}


function placeVal(val)
{
	var t = '<!--div id="scrollDisplay" style="color: #d4ad7a">0</div-->';

	if (0) {
		var e = document.getElementById('scrollDisplay');
		if (e) (e.firstChild.nodeValue = val);
	}
}




/** This is high-level function.
 * It must react to delta being more/less than zero.
 */
function handle(delta) {
        if (delta < 0)
        {
		PerformScrollUpDown(objVertScroller, 15);
		CeaseScroll();
		}
        else
        {
		PerformScrollUpDown(objVertScroller, -15);
		CeaseScroll();
		}
}

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

var curleft=0;
var curtop=0;
var curright=0;
var curbottom=0;
var mouseX=0;
var mouseY=0;


function getMouseXY(e) {
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
    mouseX=posx;
    mouseY=posy;
    //alert( e.pageX + ', ' + e.clientX);
    //alert(mouseX + ',' + mouseY);
}

function findPos(obj) {
	curleft = curtop = curright = curbottom = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		var Width=obj.offsetWidth;
		var Height = obj.offsetHeight;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
		curright = curleft + Width;
		curbottom = curtop + Height;
	}
	
}



function MouseInsideScroller(e) {
    getMouseXY(e);
    var objScrollerDiv = MM_findObj("divContainer");
    findPos(objScrollerDiv);
    var leftBorder = parseInt(mouseX)>parseInt(curleft);
    var rightBorder = parseInt(mouseX)<parseInt(curright);
    var topBorder = parseInt(mouseY)>parseInt(curtop);
    var bottomBorder = parseInt(mouseY)<parseInt(curbottom);
    
    //alert(leftBorder + "," + rightBorder + "," + topBorder + "," + bottomBorder);
    //alert(parseInt(mouseX)>parseInt(curleft));
	//alert(curleft + "->" + curright + "\n" + curtop + "->" + curbottom);
    //alert(mouseX + "," + mouseY);
    if((!IE) ||(leftBorder && rightBorder && topBorder && bottomBorder))
        {return true;}
    else
    {return false;}
}

/** Event handler for mouse wheel event.
 */
function wheel(event){
    var InsideTest = MouseInsideScroller(event);
    //alert(InsideTest);
    if(InsideTest){
        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(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;
	}
	else
	{
	    return true;
	}
}

/** Initialization code. 
 * If you use your own event management code, change it as required.
 */
if (window.addEventListener)
        /** DOMMouseScroll is for mozilla. */
        window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;