// Selaintarkistus
function lib_bwcheck(){
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}

var bw=new lib_bwcheck()

// Muuttujat, menu1
sLeft			= 10	// Vasemmalta
sTop			= 0	// Ylhäältä
sMenuheight		= 350	// Korkeus
sArrowwidth		= 14	// Nuolen leveys
sScrollspeed	= 20	// Vieritysnopeus (millisekunteina)
sScrollPx		= 4		// Pikselimäärä per 1 timeout
sScrollExtra	= 6		// Lisänopeus (onmousedown) (pikseliä)

// menu2
sLeft2			= 10	// Vasemmalta
sTop2			= 0	// Ylhäältä
sMenuheight2	= 380	// Korkeus
sArrowwidth2	= 14	// Nuolen leveys
sScrollspeed2	= 20	// Vieritysnopeus (millisekunteina)
sScrollPx2		= 4		// Pikselimäärä per 1 timeout
sScrollExtra2	= 6		// Lisänopeus (onmousedown) (pikseliä)


// Vieritysrutiinit, menu1
var tim = 0
var noScroll = true
function mLeft(){
	if (!noScroll && oMenu.x<sArrowwidth){
		oMenu.moveBy(sScrollPx,0)
		tim = setTimeout("mLeft()",sScrollspeed)
	}
}

function mRight(){
	if (!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){
		oMenu.moveBy(-sScrollPx,0)
		tim = setTimeout("mRight()",sScrollspeed)
	}
}

function noMove(){
	clearTimeout(tim);
	noScroll = true;
	sScrollPx = sScrollPxOriginal;
}

// Vieritysrutiinit, menu2
var tim2 = 0
var noScroll = true
function mLeft2(){
	if (!noScroll && oMenu2.x<sArrowwidth2){
		oMenu2.moveBy(sScrollPx2,0)
		tim = setTimeout("mLeft2()",sScrollspeed2)
	}
}

function mRight2(){
	if (!noScroll && oMenu2.x>-(oMenu2.scrollWidth-(pageWidth))-sArrowwidth2){
		oMenu2.moveBy(-sScrollPx2,0)
		tim = setTimeout("mRight2()",sScrollspeed2)
	}
}

function noMove2(){
	clearTimeout(tim2);
	noScroll = true;
	sScrollPx2 = sScrollPxOriginal;
}



// Objektiosa
function makeObj(obj,nest,menu){
	nest = (!nest) ? "":'document.'+nest+'.';
	this.elm = bw.ns4?eval(nest+"document.layers." +obj):bw.ie4?document.all[obj]:document.getElementById(obj);
   	this.css = bw.ns4?this.elm:this.elm.style;
	this.scrollWidth = bw.ns4?this.css.document.width:this.elm.offsetWidth;
	this.x = bw.ns4?this.css.left:this.elm.offsetLeft;
	this.y = bw.ns4?this.css.top:this.elm.offsetTop;
	this.moveBy = b_moveBy;
	this.moveIt = b_moveIt;
	this.clipTo = b_clipTo;
	return this;
}
var px = bw.ns4||window.opera?"":"px";
function b_moveIt(x,y){
	if (x!=null){this.x=x; this.css.left=this.x+px;}
	if (y!=null){this.y=y; this.css.top=this.y+px;}
}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x+px; this.css.top=this.y+px;}
function b_clipTo(t,r,b,l){
	if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l;}
	else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
}


// Init funktio, asetellaan objektit
var sScrollPxOriginal = sScrollPx;
function sideInit(){
	// Menun leveys, oletuksena selainikkunan leveys.
	// Aseta leveys manuaalisesti jos on tarvis 
	pageWidth = 330 // (bw.ns4 || bw.ns6 || window.opera)?innerWidth:document.body.clientWidth;

	// Luodaan objektit...
	oBg = new makeObj('divBg')
	oMenu = new makeObj('divMenu','divBg',1)
	oArrowRight = new makeObj('divArrowRight','divBg')

	oBg2 = new makeObj('divBg2')
	oMenu2 = new makeObj('divMenu2','divBg2',1)
	oArrowRight2 = new makeObj('divArrowRight2','divBg2')

	// Asetellan menucontaineri
	oBg.moveIt(sLeft,sTop) // Pää div, pitää sisällään muut div:t
	oMenu.moveIt(sArrowwidth,null)
	oArrowRight.css.width = sArrowwidth;

	oBg2.moveIt(sLeft2,sTop2) // Pää div, pitää sisällään muut div:t
	oMenu2.moveIt(sArrowwidth2,null)
	oArrowRight2.css.width = sArrowwidth2;
	//oArrowRight.moveIt(pageWidth-sArrowwidth,null) // pageWidth-sArrowwidth,null

	// Asetetaan näkyvä osa
	if (!bw.ns4) oBg.css.overflow = "hidden";
	if (bw.ns6) oMenu.css.position = "relative";
	oBg.css.width = pageWidth+px;
	oBg.clipTo(0,pageWidth,sMenuheight,0)
	oBg.css.visibility = "visible";

	if (!bw.ns4) oBg2.css.overflow = "hidden";
	if (bw.ns6) oMenu2.css.position = "relative";
	oBg2.css.width = pageWidth+px;
	oBg2.clipTo(0,pageWidth,sMenuheight,0)
	oBg2.css.visibility = "visible";
}
