/* ------------------------------------------------------------------------------------------------ */
/* All intellectual property rights relating to this code are owned by EURO RSCG DSW Partners, LLC. */
/* ------------------------------------------------------------------------------------------------ */

// FYI: This code is prototype only (e.g. Does not have DSW Q&A Stamp of Approval) and has not passed a formal I-Lab.
//      Thus, all cross-platform issues may not have been addressed.
// 	Anyone using this code must ensure it passes DSW's Q&A process before delivery.
//
// IMPORTANT: Please remove all comments, except the "property rights" comment, from this code before delivery ( js comments should be internal use only )
//
// If you have any questions about this code Contact: Jared Newbold (e.g. don't change or delete something if you don't know what it does)


var ns = (document.layers) ? 1 : 0; /* Netscape 4.0 + */
var ie = (document.all) ? 1 : 0; /* IE 4.0 + */

// Equalizing Variables
var hidden = (ie)? 'hidden':'hide';
var visible = (ie)? 'visible':'show';

var currentScroll = ''; /* contains name of current scroll object. (The one being scrolled) */

var scrollTimer = setTimeout('null',100);
function checkScroll() { /* This function determines if scrollbar is need and turns in on/off */
	var b = this.bottom;
	this.findBottom();
	if (this.bottom!=b) {
		this.scrollBar.style.visibility= ((this.bottom==0)? hidden:visible);
		if (this.bottom==0) this.contents.style.top=0;
		if (parseInt(this.contents.style.top)<this.bottom) this.contents.style.top=this.bottom;
		this.syncScroll(); }
	clearTimeout(scrollTimer); scrollTimer = setTimeout(this.name+'.checkScroll()',1000); }

function findBottom(){ /* calculates bottom of scroll contents */
	if (ie) this.bottom = (this.height-this.tb-this.bb)-this.contents.scrollHeight
	if (ns) this.bottom = (this.height-this.tb-this.bb)-this.contents.document.height;
	if (this.bottom>0) this.bottom = 0; }

//******* Scrolling Functions ********//

var inSlide = 0; var inScroll=0; var offset = 0;

/* these functions scroll contents using the up/down scroll arrows */
function scrollUp() { if (!this.ready) return; currentScroll=this; this.findBottom(); inScroll=1; document.onmouseup=scrollStop; scrollIt(this.speed); }
function scrollDn() { if (!this.ready) return; currentScroll=this; this.findBottom(); inScroll=1; document.onmouseup=scrollStop; scrollIt(-this.speed); }
function scrollIt(s) { if (!inScroll) return; var c = currentScroll;
		var y = parseInt(c.contents.style.top)+s;
		if (y>0) y=0; if (y<c.bottom) y=c.bottom;
		c.contents.style.top= y; c.syncScroll();
		setTimeout('scrollIt('+s+')',20); }

function scrollIt2(s) { if (!inScroll) return;
		var y = parseInt(this.contents.style.top)+s;
		if (y>0) y=0; if (y<this.bottom) y=this.bottom;
		this.contents.style.top= y; this.syncScroll();
		setTimeout(this.name+'.scrollIt('+s+')',20); }

 function slideStart(e) {  /* starts the dragging of the scroll island */
	var c = currentScroll = this.box; if (!c.ready) return;
	c.findBottom();
	if (ns) { offset = e.pageY-(c.slider.pageY-c.scrollBar.pageY); }
	if (ie) { offset = event.clientY + document.body.scrollTop - this.style.pixelTop; }
	inSlide = 1;
	document.onmousemove = slideUpdate;
	document.onmouseup = scrollStop;
	}

function scrollStop() { inSlide = 0; inScroll=0; document.onmousemove=null; document.onmouseup=null; }

/* onmousemove function, moves the scroll island and syncs contents*/
function slideUpdate(e) { if (!inSlide) return false; var y = 0; var c = currentScroll;
	if (ns) { y = e.pageY - offset; }
	if (ie) { y = event.clientY + document.body.scrollTop - offset;}
	if (y<c.sb.uh) y=c.sb.uh; if (y>(c.height-c.sb.dh-c.sb.ih)) { y= c.height-c.sb.dh-c.sb.ih; }
	c.slider.style.top = y; c.syncText(); return false;  }

/* syncs contents based on position of scroll island */
function syncText() { if ((this.height-this.sb.uh-this.sb.dh-this.sb.ih)<=0) return;
	this.contents.style.top= Math.round(this.bottom*((parseInt(this.slider.style.top)-this.sb.uh)/(this.height-this.sb.uh-this.sb.dh-this.sb.ih))); }

/* syncs scroll island based on position of contents */
function syncScroll() { if (this.bottom==0) return;
	this.slider.style.top= Math.round((this.height-this.sb.uh-this.sb.dh-this.sb.ih)*((parseInt(this.contents.style.top))/this.bottom))+this.sb.uh; }

//******* End Scrolling Functions ********//

//******* Scroll Object Functions ********//


 /* holds object specs and defines object functions | (object name, left, top, width, height,z-index) */

 function scrollBarObject(color,w,uh,dn,ih) {this.color=color; this.w=w;   this.uh=uh;  this.dh = dn;  this.ih = ih;}

 function scrollObject(theName,x,y,w,h,z) {

	this.name = theName;
	this.left = x; 
	this.top = y; 
	this.width = w; this.height = h;
	this.lb = 0;   this.tb = 0;  this.rb = 0;    this.bb = 0;
	this.bottom = 0; this.z = z;
	this.speed = 8;
	this.sb = new scrollBarObject('gray',16,16,16,41);
	this.checkScroll = checkScroll;
	this.syncText = syncText;
	this.syncScroll = syncScroll;
	this.swapTo = swapTo;
	this.up = scrollUp;
	this.dn = scrollDn;
	this.scrollIt = scrollIt;
	this.findBottom = findBottom;
	this.setPadding = setPadding;
	this.beginMain = beginMain;
	this.initMain = initMain;
	this.createScrollBar = createScrollBar;
	this.initScrollBar = initScrollBar;
	this.equalize = scrollEqualize;
	this.init = initScroll;
	this.ready = false;
}

 /* sets content area padding | (left,top,right,bottom) */
function setPadding(l,t,r,b) { this.lb=l; this.tb=t; this.rb=r; this.bb=b; }

/* create a clipped layer which houses the content layers to be scrolled */   /* FYI: Need To change values here to match your scrollbar graphics*/
function beginMain() { var l,t,w,h; l= this.left+this.lb; t= this.top+this.tb; w = this.width-this.lb-this.rb-this.sb.w; h = this.height-this.tb-this.bb; this.contentWidth = w;
	if (ie) var stuff = '<DIV ID="'+ this.name +'Main" STYLE="position:absolute; overflow:hidden; clip:rect(0,'+w+','+h+',0); left:'+ l +'px; top:'+ t +'px; width:'+ w +'px; height:'+ h +'px; visibility:visible; z-index:'+this.z+'">';
	if (ns) var stuff = '<LAYER name="'+ this.name +'Main" left='+ l +' top='+ t +' width='+ w +' height='+ h +' clip="'+ w +','+ h +'" visibility=visible z-index='+this.z+'>';
	return(stuff); }
function initMain() { this.main = getLayer(this.name+'Main'); }


/* create a scrollbar layer */  /* FYI: Need To change values here to match your scrollbar graphics*/
function createScrollBar() {
	var stuff= layerTag(this.name +'Scroll',this.z,hidden,(this.left+this.width-this.sb.w),this.top,this.sb.w,this.height);
	stuff += '<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="'+this.sb.w+'" BACKGROUND="images/scroll_bar.gif">';
	stuff += '<TR><TD HEIGHT="'+this.sb.uh+'"><A '; if (ns) {stuff += 'HREF="javascript://" ';} else {stuff += 'STYLE="cursor:hand" ';} stuff += 'ONMOUSEDOWN="'+ this.name +'.up(); return(false);" ONMOUSEUP="scrollStop();" ONMOUSEOUT="scrollStop();"><IMG SRC="images/scroll_up.gif" WIDTH="'+this.sb.w+'" HEIGHT="'+this.sb.uh+'" BORDER="0"></A></TD></TR>';
	stuff += '<TR><TD HEIGHT="'+(this.height-this.sb.uh-this.sb.dh)+'"><IMG SRC="../../images/spacer.gif" WIDTH="'+this.sb.w+'" HEIGHT="'+(this.height-this.sb.uh-this.sb.dh)+'"></TD></TR>';
	stuff += '<TR><TD HEIGHT="'+this.sb.dh+'"><A '; if (ns) {stuff += 'HREF="javascript://" ';} else {stuff += 'STYLE="cursor:hand" ';} stuff += 'ONMOUSEDOWN="'+ this.name +'.dn(); return(false);" ONMOUSEUP="scrollStop();" ONMOUSEOUT="scrollStop();"><IMG SRC="images/scroll_down.gif" WIDTH="'+this.sb.w+'" HEIGHT="'+this.sb.dh+'" BORDER="0"></A></TD></TR></TABLE>';
	stuff += newLayer(this.name +'Slider','<IMG SRC="images/scroll.gif" WIDTH="'+this.sb.w+'" HEIGHT="'+this.sb.ih+'">',1,'inherit',0,this.sb.uh,this.sb.w,this.sb.ih);
	stuff += endTag; return(stuff); }

function initScrollBar() {

	this.scrollBar = getLayer(this.name+'Scroll');
	this.slider = getLayer(this.name+'Slider'); this.slider.box=this;

	if (ns) this.slider.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);

	this.slider.onmousedown = slideStart;
	this.slider.onmouseup = scrollStop;
}


function initScroll(who) { this.equalize(); this.ready=true; this.swapTo(who); }



function scrollEqualize() { if (!ns) return; /* for netscape sets a .style for layers (simplifies cross-browser layer manipulation) */
	for (j=0; j<this.main.document.layers.length; j++) { this.main.document.layers[j].style = this.main.document.layers[j]; }
	this.scrollBar.style = this.scrollBar;
	this.slider.style = this.slider; }

//******* End Scroll Object Functions ********//


//******* Layer Functions ********//

/* returns a layer object | spec = name of layer to retrieve */
function getLayer(spec,base) { if (ie) return document.all[spec]; var q=0; var temp=null;
	if (base==null) base=document; if (base.layers[spec]!=null) return base.layers[spec];
	for (q=0; q<base.layers.length; q++) { if(base.layers[q].document.layers.length>0) { temp = getLayer(spec,base.layers[q].document); if (temp != null) return temp; } }
	return null; }

//******* End Layer Functions ********//