/********************************************************************
 *																	*
 *	 version:  2.1													*
 *	 author:   gondo												*
 *	 email:	   gondo@webdesigners.sk								*
 *	 wep-page: http://gondo.webdesigners.sk/javascript-scrollbar/	*
 *														 			*
 ********************************************************************/

/* number of scrolling objects */
document.No = 0;

var isOpera = (window.navigator.userAgent.indexOf("Opera") > -1);

function ScrollLoad (Area, Content, SettingTracSize)
{
	var code = "var scroller" + document.No + " = new dw_scrollObj (Area, Content, Content, Area, document.No);";
	if (SettingTracSize)
		code += "scroller" + document.No + ".setBarSize();";
	eval (code);
	// makeMouseWheeleScrolling(Area);
	document.No++;
	try {
		window.getSelection().collapseToStart();
	} catch(err) {
	
	}
}

/* <Mouse wheele scrolling> */
var mouseWheelTimer = 0;

function makeMouseWheeleScrolling(objName)
{
	var obj = document.getElementById(objName);

	if (obj.addEventListener)
	{
		obj.addEventListener("DOMMouseScroll", wheel, false);
	}
	obj.onmousewheel = wheel;
	try {
		window.getSelection().collapseToStart();
	} catch(err) {
	
	}
}

function moveUp(parent)
{
	dw_scrollObj.initScroll(parent.id, "up");
	clearInterval(mouseWheelTimer);
	mouseWheelTimer = setTimeout("mouseStop('" + parent.id + "');", 200);
}

function moveDown(parent)
{
	dw_scrollObj.initScroll(parent.id, "down");
	clearInterval(mouseWheelTimer);
	mouseWheelTimer = setTimeout("mouseStop('" + parent.id + "');", 200);
}

function mouseStop(parentId)
{
	dw_scrollObj.stopScroll(parentId);
	mouseWheelTimer = 0;
}

/* mouse wheel functions to scroll on mouse wheel efect over object with my js scrollbar */
function handle(delta, parent)
{
	var s = delta + ": ";
	if (delta < 0)
	{
		if (isOpera)
			moveUp(parent);		
		else
			moveDown(parent);
	}
	else
	{
		if (isOpera)
			moveDown(parent);
		else
			moveUp(parent);
	}
}

function wheel(event)
{
	var delta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta)
	{
		delta = event.wheelDelta/120; 
		if (window.opera) delta = -delta;
	}
	else if (event.detail)
	{
		delta = -event.detail/3;
	}
	if (delta)
		handle(delta, this);
}
/* </mouse wheele scrolling> */

/**************************************************************************/

dw_scrollObjs = {};

function dw_scrollObj(wnId,lyrId,cntId,area,No){
	dw_scrollObj.speed=100;
	this.id=wnId;
	dw_scrollObjs[this.id]=this;
	this.animString="dw_scrollObjs."+this.id;
	if(!this.write_scroll_bar(wnId,area,cntId,No)) return;
	this.load(lyrId,cntId);
	this.setUpScrollbar("drag_bar" + No, "track" + No, "v", 0, 0);
};

dw_scrollObj.prototype.write_scroll_bar = function(content,where,text,No){
	where_obj	= document.getElementById(where);
	text_obj	= document.getElementById(text);
	content_obj = document.getElementById(content);
	if(text_obj.offsetHeight <= where_obj.offsetHeight){
		return false;
	}
	content_obj.style.overflow="hidden";
	var content_width = content_obj.offsetWidth;
	where_obj.innerHTML += '<div id="track' + No + '" class="track"><div id="drag_bar' + No + '" class="drag_bar"></div></div>';
	/* set text width */
	var scroll_width = document.getElementById('track' + No).offsetWidth;
	document.getElementById(text).style.width = content_width - scroll_width - 10 + 'px';
	return true;
}

dw_scrollObj.loadLayer = function(wnId,id,cntId){
	if(dw_scrollObjs[wnId])
		dw_scrollObjs[wnId].load(id,cntId);
};

dw_scrollObj.prototype.load = function(lyrId,cntId){
	if(!document.getElementById)
		return;
	var wndo,lyr;
	if(this.lyrId){
		lyr=document.getElementById(this.lyrId);
		lyr.style.visibility="hidden";
	}
	lyr=document.getElementById(lyrId);
	wndo=document.getElementById(this.id);
	lyr.style.top=this.y=0;
	lyr.style.left=this.x=0;
	this.maxY=(lyr.offsetHeight-wndo.offsetHeight>0)?lyr.offsetHeight-wndo.offsetHeight:0;
	this.wd=cntId?document.getElementById(cntId).offsetWidth:lyr.offsetWidth;
	this.maxX=(this.wd-wndo.offsetWidth>0)?this.wd-wndo.offsetWidth:0;
	this.lyrId=lyrId;
	lyr.style.visibility="visible";
	this.on_load();
	this.ready=true;
};

dw_scrollObj.prototype.on_load=function(){};
dw_scrollObj.prototype.shiftTo=function(lyr,x,y){
	if ((!lyr) || (!lyr.style))
		return;
	lyr.style.left=(this.x=x)+"px";
	lyr.style.top=(this.y=y)+"px";
};

dw_scrollObj.GeckoTableBugFix=function(){
	var ua=navigator.userAgent;
	if(ua.indexOf("Gecko")>-1&&ua.indexOf("Firefox")==-1&&ua.indexOf("Safari")==-1&&ua.indexOf("Konqueror")==-1){
		dw_scrollObj.hold=[];
		for(var i=0;arguments[i];i++){
			if(dw_scrollObjs[arguments[i]]){
				var wndo=document.getElementById(arguments[i]);
				var holderId=wndo.parentNode.id;
				var holder=document.getElementById(holderId);
				document.body.appendChild(holder.removeChild(wndo));
				wndo.style.zIndex=1000;
				var pos=getPageOffsets(holder);
				wndo.style.left=pos.x+"px";
				wndo.style.top=pos.y+"px";
				dw_scrollObj.hold[i]=[arguments[i],holderId];
			}
		}
		window.addEventListener("resize",dw_scrollObj.rePositionGecko,true);
	}
};

dw_scrollObj.rePositionGecko=function(){
	if(dw_scrollObj.hold){
		for(var i=0;dw_scrollObj.hold[i];i++){
			var wndo=document.getElementById(dw_scrollObj.hold[i][0]);
			var holder=document.getElementById(dw_scrollObj.hold[i][1]);
			var pos=getPageOffsets(holder);
			wndo.style.left=pos.x+"px";
			wndo.style.top=pos.y+"px";
		}
	}
};

function getPageOffsets(el){
	var left=el.offsetLeft;
	var top=el.offsetTop;
	if(el.offsetParent&&el.offsetParent.clientLeft||el.offsetParent.clientTop){
		left+=el.offsetParent.clientLeft;
		top+=el.offsetParent.clientTop;
	}
	while(el=el.offsetParent){
		left+=el.offsetLeft;
		top+=el.offsetTop;
	}
	return{x:left,y:top};
};

dw_scrollObj.stopScroll = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].endScroll();
}

dw_scrollObj.doubleSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed *= 2;
}

dw_scrollObj.resetSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed /= 2;
}

dw_scrollObj.initScroll = function(wnId, deg, sp) {
  if ( dw_scrollObjs[wnId] ) {
	var cosine, sine;
	if (typeof deg == "string") {
	  switch (deg) {
		case "up"	 : deg = 90;  break;
		case "down"	 : deg = 270; break;
		case "left"	 : deg = 180; break;
		case "right" : deg = 0;	  break;
		default: return;
	   }
	} 
	deg = deg % 360;
	if (deg % 90 == 0) {
	  cosine = (deg == 0)? -1: (deg == 180)? 1: 0;
	  sine = (deg == 90)? 1: (deg == 270)? -1: 0;
	} else {
	  var angle = deg * Math.PI/180;
	  cosine = -Math.cos(angle); sine = Math.sin(angle);
	}
	dw_scrollObjs[wnId].fx = cosine / ( Math.abs(cosine) + Math.abs(sine) );
	dw_scrollObjs[wnId].fy = sine / ( Math.abs(cosine) + Math.abs(sine) );
	dw_scrollObjs[wnId].endX = (deg == 90 || deg == 270)? dw_scrollObjs[wnId].x:
	  (deg < 90 || deg > 270)? -dw_scrollObjs[wnId].maxX: 0; 
	dw_scrollObjs[wnId].endY = (deg == 0 || deg == 180)? dw_scrollObjs[wnId].y: 
	  (deg < 180)? 0: -dw_scrollObjs[wnId].maxY;
	dw_scrollObjs[wnId].startScroll(sp);
  }
}

dw_scrollObj.prototype.startScroll = function(speed) {
  if (!this.ready) return; if (this.timerId) clearInterval(this.timerId);
  this.speed = speed || dw_scrollObj.speed;
  this.lyr = document.getElementById(this.lyrId);
  this.lastTime = ( new Date() ).getTime();
  this.on_scroll_start();  
  this.timerId = setInterval(this.animString + ".scroll()", 10); 
}

dw_scrollObj.prototype.scroll = function() {
  var now = ( new Date() ).getTime();
  var d = (now - this.lastTime)/1000 * this.speed;
  if (d > 0) {
	var x = this.x + this.fx * d; var y = this.y + this.fy * d;
	if (this.fx == 0 || this.fy == 0) {
	  if ( ( this.fx == -1 && x > -this.maxX ) || ( this.fx == 1 && x < 0 ) || 
		( this.fy == -1 && y > -this.maxY ) || ( this.fy == 1 && y < 0 ) ) {
		this.lastTime = now;
		this.shiftTo(this.lyr, x, y);
		this.on_scroll(x, y);
	  } else {
		clearInterval(this.timerId); this.timerId = 0;
		this.shiftTo(this.lyr, this.endX, this.endY);
		this.on_scroll_end(this.endX, this.endY);
	  }
	} else {
	  if ( ( this.fx < 0 && x >= -this.maxX && this.fy < 0 && y >= -this.maxY ) ||
		( this.fx > 0 && x <= 0 && this.fy > 0 && y <= 0 ) ||
		( this.fx < 0 && x >= -this.maxX && this.fy > 0 && y <= 0 ) ||
		( this.fx > 0 && x <= 0 && this.fy < 0 && y >= -this.maxY ) ) {
		this.lastTime = now;
		this.shiftTo(this.lyr, x, y);
		this.on_scroll(x, y);
	  } else {
		clearInterval(this.timerId); this.timerId = 0;
		this.on_scroll_end(this.x, this.y);
	  }
	}
  }
}

dw_scrollObj.prototype.endScroll = function() {
  if (!this.ready) return;
  if (this.timerId) clearInterval(this.timerId);
  this.timerId = 0;	 this.lyr = null;
}

dw_scrollObj.prototype.on_scroll = function() {}
dw_scrollObj.prototype.on_scroll_start = function() {}
dw_scrollObj.prototype.on_scroll_end = function() {}
  
dw_scrollObj.slideDur = 500;

dw_scrollObj.scrollBy = function(wnId, x, y, dur) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideBy(x, y, dur);
}

dw_scrollObj.scrollTo = function(wnId, x, y, dur) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideTo(x, y, dur);
}

dw_scrollObj.prototype.glideBy = function(dx, dy, dur) {
  if ( !document.getElementById || this.sliding ) return;
  this.slideDur = dur || dw_scrollObj.slideDur;
  this.destX = this.destY = this.distX = this.distY = 0;
  this.lyr = document.getElementById(this.lyrId);
  this.startX = this.x; this.startY = this.y;
  if (dy < 0) this.distY = (this.startY + dy >= -this.maxY)? dy: -(this.startY	+ this.maxY);
  else if (dy > 0) this.distY = (this.startY + dy <= 0)? dy: -this.startY;
  if (dx < 0) this.distX = (this.startX + dx >= -this.maxX)? dx: -(this.startX + this.maxX);
  else if (dx > 0) this.distX = (this.startX + dx <= 0)? dx: -this.startX;
  this.destX = this.startX + this.distX; this.destY = this.startY + this.distY;
  this.slideTo(this.destX, this.destY);
}

dw_scrollObj.prototype.glideTo = function(destX, destY, dur) {
	if ( !document.getElementById || this.sliding) return;
	this.slideDur = dur || dw_scrollObj.slideDur;
	this.lyr = document.getElementById(this.lyrId); 
	this.startX = this.x; this.startY = this.y;
	this.destX = -Math.max( Math.min(destX, this.maxX), 0);
	this.destY = -Math.max( Math.min(destY, this.maxY), 0);
	this.distY = this.destY - this.startY;
	this.distX =  this.destX - this.startX;
	this.slideTo(this.destX, this.destY);
}

dw_scrollObj.prototype.slideTo = function(destX, destY) {
	this.per = Math.PI/(2 * this.slideDur); this.sliding = true;
	this.slideStart = (new Date()).getTime();
	this.aniTimer = setInterval(this.animString + ".doSlide()",10);
	this.on_slide_start(this.startX, this.startY);
}

dw_scrollObj.prototype.doSlide = function() {
	var elapsed = (new Date()).getTime() - this.slideStart;
	if (elapsed < this.slideDur) {
		var x = this.startX + this.distX * Math.sin(this.per*elapsed);
		var y = this.startY + this.distY * Math.sin(this.per*elapsed);
		this.shiftTo(this.lyr, x, y); this.on_slide(x, y);
	} else {
		clearInterval(this.aniTimer); this.sliding = false;
		this.shiftTo(this.lyr, this.destX, this.destY);
		this.lyr = null; this.on_slide_end(this.destX, this.destY);
	}
}

dw_scrollObj.prototype.on_slide_start = function() {}
dw_scrollObj.prototype.on_slide = function() {}
dw_scrollObj.prototype.on_slide_end = function() {}

var dw_slidebar = {
  obj: null,
  slideDur: 500,
  init: function (bar, track, axis, x, y) {
	x = x || 0; y = y || 0;
	bar.style.left = x + "px"; bar.style.top = y + "px";
	bar.axis = axis; track.bar = bar;
	if (axis == "h") {
	  bar.trkWd = track.offsetWidth;
	  bar.maxX = bar.trkWd - bar.offsetWidth - x; 
	  bar.minX = x; bar.maxY = y; bar.minY = y;
	} else {
	  bar.trkHt = track.offsetHeight;
	  bar.maxY = bar.trkHt - bar.offsetHeight - y; 
	  bar.maxX = x; bar.minX = x; bar.minY = y;
	}
	bar.on_drag_start =	 bar.on_drag =	 bar.on_drag_end = 
	bar.on_slide_start = bar.on_slide =	 bar.on_slide_end = function() {}
	bar.onmousedown = this.startDrag; track.onmousedown = this.startSlide;
  },
  
  startSlide: function(e) {
	if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
	e = e? e: window.event;
	var bar = dw_slidebar.obj = this.bar;
	e.offX = (typeof e.layerX != "undefined")? e.layerX: e.offsetX;
	e.offY = (typeof e.layerY != "undefined")? e.layerY: e.offsetY;
	bar.startX = parseInt(bar.style.left); bar.startY = parseInt(bar.style.top);
	if (bar.axis == "v") {
	  bar.destX = bar.startX;
	  bar.destY = (e.offY < bar.startY)? e.offY: e.offY - bar.offsetHeight;
	  bar.destY = Math.min( Math.max(bar.destY, bar.minY), bar.maxY );
	} else {
	  bar.destX = (e.offX < bar.startX)? e.offX: e.offX - bar.offsetWidth;
	  bar.destX = Math.min( Math.max(bar.destX, bar.minX), bar.maxX );
	  bar.destY = bar.startY;
	}
	bar.distX = bar.destX - bar.startX; bar.distY = bar.destY - bar.startY;
	dw_slidebar.per = Math.PI/(2 * dw_slidebar.slideDur);
	dw_slidebar.slideStart = (new Date()).getTime();
	bar.on_slide_start(bar.startX, bar.startY);
	dw_slidebar.aniTimer = setInterval("dw_slidebar.doSlide()",10);
  },
  
  doSlide: function() {
	if ( !dw_slidebar.obj ) { clearInterval(dw_slidebar.aniTimer); return; }	
	var bar = dw_slidebar.obj;	   
	var elapsed = (new Date()).getTime() - this.slideStart;
	if (elapsed < this.slideDur) {
		var x = bar.startX + bar.distX * Math.sin(this.per*elapsed);
		var y = bar.startY + bar.distY * Math.sin(this.per*elapsed);
		bar.style.left = x + "px"; bar.style.top = y + "px";
		bar.on_slide(x, y);
	} else {
		clearInterval(this.aniTimer);
		bar.style.left = bar.destX + "px"; bar.style.top = bar.destY + "px";
		bar.on_slide_end(bar.destX, bar.destY);
		this.obj = null;
	}
  },
  
  startDrag: function (e) {
	e = dw_event.DOMit(e);
	if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
	var bar = dw_slidebar.obj = this;
	bar.downX = e.clientX; bar.downY = e.clientY;
	bar.startX = parseInt(bar.style.left);
	bar.startY = parseInt(bar.style.top);
	bar.on_drag_start(bar.startX, bar.startY);
	dw_event.add( document, "mousemove", dw_slidebar.doDrag, true );
	dw_event.add( document, "mouseup",	 dw_slidebar.endDrag,  true );
	e.stopPropagation();
  },

  doDrag: function (e) {
	e = e? e: window.event;
	if (!dw_slidebar.obj) return;
	var bar = dw_slidebar.obj; 
	var nx = bar.startX + e.clientX - bar.downX;
	var ny = bar.startY + e.clientY - bar.downY;
	nx = Math.min( Math.max( bar.minX, nx ), bar.maxX);
	ny = Math.min( Math.max( bar.minY, ny ), bar.maxY);
	bar.style.left = nx + "px"; bar.style.top  = ny + "px";
	bar.on_drag(nx,ny);
	return false;  
  },
  
  endDrag: function () {
	dw_event.remove( document, "mousemove", dw_slidebar.doDrag, true );
	dw_event.remove( document, "mouseup",	dw_slidebar.endDrag,  true );
	if ( !dw_slidebar.obj ) return;
	dw_slidebar.obj.on_drag_end( parseInt(dw_slidebar.obj.style.left), parseInt(dw_slidebar.obj.style.top) );
	dw_slidebar.obj = null;	 
  }
  
}

dw_scrollObj.prototype.setUpScrollbar = function(id, trkId, axis, offx, offy) {
  if (!document.getElementById) return;
  var bar = document.getElementById(id);
  var trk = document.getElementById(trkId);
  dw_slidebar.init(bar, trk, axis, offx, offy);
  bar.wn = dw_scrollObjs[this.id];
  if (axis == "v") this.vBarId = id; else this.hBarId = id;
  bar.on_drag_start = bar.on_slide_start = dw_scrollObj.getWndoLyrRef;
  bar.on_drag_end =	  bar.on_slide_end =   dw_scrollObj.tossWndoLyrRef;
  bar.on_drag =		  bar.on_slide =	   dw_scrollObj.UpdateWndoLyrPos;
}

dw_scrollObj.getWndoLyrRef = function()	 { this.wnLyr = document.getElementById(this.wn.lyrId); }
dw_scrollObj.tossWndoLyrRef = function() { this.wnLyr = null; }
dw_scrollObj.UpdateWndoLyrPos = function(x, y) {
  var nx, ny;
  if (this.axis == "v") {
	nx = this.wn.x;
	ny = -(y - this.minY) * ( this.wn.maxY / (this.maxY - this.minY) ) || 0;
  } else {
	ny = this.wn.y;
	nx = -(x - this.minX) * ( this.wn.maxX / (this.maxX - this.minX) ) || 0;
  }
  this.wn.shiftTo(this.wnLyr, nx, ny);
}

dw_scrollObj.prototype.updateScrollbar = function(x, y) {
  var nx, ny;
  if ( this.vBarId ) {
	if (!this.maxY) return;
	ny = -( y * ( (this.vbar.maxY - this.vbar.minY) / this.maxY ) - this.vbar.minY );
	ny = Math.min( Math.max(ny, this.vbar.minY), this.vbar.maxY);  
	nx = parseInt(this.vbar.style.left);
	this.vbar.style.left = nx + "px"; this.vbar.style.top = ny + "px";
  } if ( this.hBarId ) {
	if (!this.maxX) return;
	nx = -( x * ( (this.hbar.maxX - this.hbar.minX) / this.maxX ) - this.hbar.minX );
	nx = Math.min( Math.max(nx, this.hbar.minX), this.hbar.maxX);
	ny = parseInt(this.hbar.style.top);
	this.hbar.style.left = nx + "px"; this.hbar.style.top = ny + "px";
  } 
  
}

dw_scrollObj.prototype.restoreScrollbars = function() {
  var bar;
  if (this.vBarId) {
	bar = document.getElementById(this.vBarId);
	bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
  if (this.hBarId) {
	bar = document.getElementById(this.hBarId);
	bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
}
  
dw_scrollObj.prototype.setBarSize = function() {
  var bar;
  var lyr = document.getElementById(this.lyrId);
  var wn = document.getElementById(this.id);
  if (this.vBarId) {
	bar = document.getElementById(this.vBarId);
	bar.style.height = (lyr.offsetHeight > wn.offsetHeight)? bar.trkHt / ( lyr.offsetHeight / wn.offsetHeight ) + "px": bar.trkHt - 2*bar.minY + "px";
	bar.maxY = bar.trkHt - bar.offsetHeight - bar.minY; 
  }
  if (this.hBarId) {
	bar = document.getElementById(this.hBarId);
	bar.style.width = (this.wd > wn.offsetWidth)? bar.trkWd / ( this.wd / wn.offsetWidth ) + "px": bar.trkWd - 2*bar.minX + "px";
	bar.maxX = bar.trkWd - bar.offsetWidth - bar.minX; 
  }

}

dw_scrollObj.prototype.on_load = function() { 
  this.restoreScrollbars();
}

dw_scrollObj.prototype.on_scroll = dw_scrollObj.prototype.on_slide = function(x,y) { this.updateScrollbar(x,y); }

dw_scrollObj.prototype.on_scroll_start = dw_scrollObj.prototype.on_slide_start = function() {
  if ( this.vBarId ) this.vbar = document.getElementById(this.vBarId);
  if ( this.hBarId ) this.hbar = document.getElementById(this.hBarId);
}

dw_scrollObj.prototype.on_scroll_end = dw_scrollObj.prototype.on_slide_end = function(x, y) { 
  this.updateScrollbar(x,y);
  this.lyr = null; this.bar = null; 
}

var dw_event = {
  
  add: function(obj, etype, fp, cap) {
	cap = cap || false;
	if (obj.addEventListener) obj.addEventListener(etype, fp, cap);
	else if (obj.attachEvent) obj.attachEvent("on" + etype, fp);
  }, 

  remove: function(obj, etype, fp, cap) {
	cap = cap || false;
	if (obj.removeEventListener) obj.removeEventListener(etype, fp, cap);
	else if (obj.detachEvent) obj.detachEvent("on" + etype, fp);
  }, 

  DOMit: function(e) { 
	e = e? e: window.event;
	e.tgt = e.srcElement? e.srcElement: e.target;
	
	if (!e.preventDefault) e.preventDefault = function () { return false; }
	if (!e.stopPropagation) e.stopPropagation = function () { if (window.event) window.event.cancelBubble = true; }
		
	return e;
  }
  
}

function unselect_text(){

	if (window.getSelection){
		window.getSelection().collapseToStart()
	}else if (window.selection){
		window.selection().collapseToStart()
	}else if (document.getSelection){
		try{
			document.getSelection().collapseToStart();
		}catch(err){
			alert(err.description)
		}

	}else if (document.selection){
		try{
			document.selection.empty()
		}catch(err){
			alert(err.description)
		}
	}
}