
function csere(m){kepazonosito(m);
	varj=new Image(); varj.src=('letolt180.png');varj1=new Image(); varj1.src=('letolt225.png');
	document.images[24].src=varj1.src;
	document.images[25].src=varj.src;
	document.all.AnyagnevL.innerHTML =tegla[m][0]+' klinkertégla'; 
	document.images[24].src=kepnev.src;
	document.images[25].src=kepnev1.src;
	document.all.LeirasL.innerHTML =tegla[m][1]; 
	document.all.MerL.innerHTML =tegla[m][2]; 
	document.all.MegjegyzesL.innerHTML =tegla[m][3];
	csillag=new Image(); csillag.src=("csillag" + tegla[m][4]+ ".png");
	document.images[26].src=csillag.src;
	kepneveanyag='tegla/' +tegla[m][0]+' 400a.jpg';
	if (tegla[m][5]==0) {kepneverefi=("nincsfoto.gif")} else {kepneverefi='tegla/' + tegla[m][0]+' 400r.jpg'}; 
	}

function kepazonosito(p){kepnev=new Image(); kepnev.src=('tegla/' + tegla[p][0] + ' 225a.jpg');kepnev1=new Image(); if (tegla[p][5]==0) {kepnev1.src=("nincsfoto.gif")} else {kepnev1.src=('tegla/' + tegla[p][0] + ' 180r.jpg')}}

function nagykepanyag(){
nagykepablakanyag=window.open(kepneveanyag,"","width=420,height=320"); nagykepablakanyag.document.bgColor='#888888';nagykepablakanyag.moveTo(0,0);nagykepablakanyag.scrollTo(10,15);}

function nagykeprefi(){
nagykepablakrefi=window.open(kepneverefi,"","width=420,height=360"); nagykepablakrefi.document.bgColor='#888888';nagykepablakrefi.moveTo(0,0);nagykepablakrefi.scrollTo(15,15);}

function setupDescriptions() {var x = navigator.appVersion;y = x.substring(0,4);if (y>=4) setVariables();}var x,y,a,b;

function setVariables(){if (navigator.appName == "Netscape") {h=".left=";v=".top=";dS="document.";sD="";}else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";   }}var isNav = (navigator.appName.indexOf("Netscape") !=-1);

function popLayer(zz){desc = "<table border='0' ><td class='felugro'>&nbsp";(zz==100)? desc += "Relatív árszint, az egycsillagos anyagok a legolcsóbbak" : desc += tegla[zz][0];desc += "&nbsp</td></table>";
if(isNav) {document.object1.document.write(desc);document.object1.document.close();document.object1.left=x+25;document.object1.top=y;}else {object1.innerHTML=desc;eval(dS+"object1"+sD+h+(x+5));eval(dS+"object1"+sD+v+y);   }}

function hideLayer(zz){if(isNav) {eval(document.object1.top=zz);}else object1.innerHTML="";}

function handlerMM(e){x = (isNav) ? e.pageX : event.clientX;y = (isNav) ? e.pageY : event.clientY;}if (isNav){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;


function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

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_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }}


 function beiro(){var szo; szo="<TABLE class=kozepre border=0 width=130><TR><TD><A href=# onclick=csere(0)><IMG class=keretnelkul src='tegla/Feldhaus 400 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 400</TD></TR><TR><TD><A href=# onclick=csere(1)><IMG class=keretnelkul src='tegla/Feldhaus 671 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 671</TD></TR><TR><TD><A href=# onclick=csere(2)><IMG class=keretnelkul src='tegla/Feldhaus 301 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 301</TD></TR><TR><TD><A href=# onclick=csere(3)><IMG class=keretnelkul src='tegla/Feldhaus 366 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 366</TD></TR><TR><TD><A href=# onclick=csere(4)><IMG class=keretnelkul src='tegla/Feldhaus 215 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 215</TD></TR><TR><TD><A href=# onclick=csere(5)><IMG class=keretnelkul src='tegla/Feldhaus 286 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 286</TD></TR><TR><TD><A href=# onclick=csere(6)><IMG class=keretnelkul src='tegla/Muhr gelb rustik 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Muhr gelb rustik</TD></TR><TR><TD><A href=# onclick=csere(7)><IMG class=keretnelkul src='tegla/Feldhaus 435 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 435</TD></TR><TR><TD><A href=# onclick=csere(8)><IMG class=keretnelkul src='tegla/Muhr 02 gelbbunt 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Muhr 02 gelbbunt</TD></TR><TR><TD><A href=# onclick=csere(9)><IMG class=keretnelkul src='tegla/Feldhaus 357 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 357</TD></TR><TR><TD><A href=# onclick=csere(10)><IMG class=keretnelkul src='tegla/Muhr gelb glatt 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Muhr gelb glatt</TD></TR><TR><TD><A href=# onclick=csere(11)><IMG class=keretnelkul src='tegla/Feldhaus 335 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 335</TD></TR><TR><TD><A href=# onclick=csere(12)><IMG class=keretnelkul src='tegla/Feldhaus 672 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 672</TD></TR><TR><TD><A href=# onclick=csere(13)><IMG class=keretnelkul src='tegla/Feldhaus 320 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 320</TD></TR><TR><TD><A href=# onclick=csere(14)><IMG class=keretnelkul src='tegla/Muhr lachsrot 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Muhr Lachsrot</TD></TR><TR><TD><A href=# onclick=csere(15)><IMG class=keretnelkul src='tegla/Feldhaus 338 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 338</TD></TR><TR><TD><A href=# onclick=csere(16)><IMG class=keretnelkul src='tegla/Feldhaus 490 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 490</TD></TR><TR><TD><A href=# onclick=csere(17)><IMG class=keretnelkul src='tegla/Feldhaus 350 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Feldhaus 350</TD></TR><TR><TD><A href=# onclick=csere(18)><IMG class=keretnelkul src='tegla/Rot-bronce-blau 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Rot-bronce-blau</TD></TR><TR><TD><A href=# onclick=csere(19)><IMG class=keretnelkul src='tegla/Emsland rusztik 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Emsland rusztik</TD></TR><TR><TD><A href=# onclick=csere(20)><IMG class=keretnelkul src='tegla/Rot-bronce-blau rusztik 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>Rot-bronce-blau rusztik</TD></TR><TR><TD><A href=# onclick=csere(21)><IMG class=keretnelkul src='tegla/ABC kekesfekete 73.jpg' width=81 height=77></A></TD></TR><TR><TD class=normalText5 height=30>ABC kékesfekete</TD></TR></TABLE>"; scrolldiv_content.innerHTML=(szo);} 

function ertekadas(){
	tegla=new Array();
	tegla[0]=new Array("Feldhaus 400", "Egységes klinkervörös színű, sima felületű alaptermék. Ez a hagyományos vörös színű anyag.<br>Minden környezethez illeszkedő, klasszikus alaptípus.", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm, 240 x 65 x 115 mm, 240 x 115 x 113 mm<br><B> Fejelő tégla:</B> 240 x 71 x 52 mm, 240 x 52 x 52 mm", "Azonos megjelenésű homlokzati lap kapható hozzá.<br> A téglákhoz sokféle formadarab kapható. <br>A 240 x 71 x 115 mm-es méretet mindig tartjuk raktáron.", 1,1);
	tegla[1]=new Array("Feldhaus 671", "Narancsvörös alapszínű, világosbarna és fekete égetési foltokkal tarkított, kézzel formázott téglára hasonlítóan rusztikus felületű anyag.<br>Mediterrán hangulatú típus.", "Egész tégla: 240 x 71 x 115 mm<br>", "A téglákhoz sokféle formadarab kapható. <br>Rendelésre szállítjuk.", 4,1);
	tegla[2]=new Array("Feldhaus 301", "Klinkervörös alapon világosbarna átmenetekkel díszített, kapart felületű anyag.<br>'Szövetszerű' felületének köszönhetően lágyabb, barátságosabb hangulatot áraszt, mint a sima felületű típusok. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 2,1);
	tegla[3]=new Array("Feldhaus 366", "Klinkervörös alapszínű, kontrasztos sötétbarna foltokkal élénkített, sima felületű típus.<br>Modern hatású, változatos felületet ad.", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "Azonos megjelenésű homlokzati lap kapható hozzá.<br> A téglákhoz sokféle formadarab kapható. <br>A 240 x 71 x 115 mm-es méretet általában tartjuk raktáron.", 2,1);	
	tegla[4]=new Array("Feldhaus 215", "Bronz-sötét rózsaszín, enyhén átmenetes színű, rusztikus, homokolt felületű anyag.<br>Szolid, visszahúzódóan elegáns típus.", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "A téglákhoz sokféle formadarab kapható, illetve közel azonos megjelenésű ragasztott lap is rendelhető hozzá. <br>Csak megrendelésre szállítjuk.", 4,0);
	tegla[5]=new Array("Feldhaus 286", "Okker-narancs tarka színű, szénfoltos, durván rusztikus felületű anyag.<br>Igazi mediterrán hangulatú, kézi vetésű anyagokhoz hasonló típus.", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "A téglákhoz sokféle formadarab kapható, illetve azonos kivitelű ragasztott lap is rendelhető hozzá. <br>Csak megrendelésre szállítjuk.", 4,0);
	tegla[6]=new Array("Muhr gelb rustik", "Egységes halvány okkersárga színű, rusztikus felületű anyag.<br>A meleg sárga színű klinker alaptípus rusztikus felületű változata. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm ", "A téglákhoz sokféle formadarab kapható. <br>Csak megrendelésre szállítjuk.", 3,1);
	tegla[7]=new Array("Feldhaus 435", "Egységes klinkervörös alapszínű, rusztikus, homokolt felületű klinkertégla.<br>A klinkervörös alapszín riusztikus felületű változata.", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm,<br><B> Fejelő tégla:</B> 240 x 71 x 52 mm, 240 x 52 x 52 mm", "Azonos megjelenésű homlokzati lap kapható hozzá.<br>A lapokhoz sarokelem, a téglákhoz sokféle formadarab kapható. <br>Kis mennyiségben tartjuk raktáron.", 2,1);	
	tegla[8]=new Array("Muhr 02 gelbbunt", "Okkersárga alapszínű, egészen finom narancsos-világosbarna foltokkal tarkított, sima felületű klinkertégla.", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "A sárga alapszínnél változatosabb, érdekesebb felületet ad.<br>A téglákhoz sokféle formadarab kapható. A 240 x 71 x 115 mm-es méretet mindig tartjuk raktáron.", 3,0);
	tegla[9]=new Array("Feldhaus 357", "Klinkervörös alapon barnás és kékes foltokkal tarkított, durván rusztikus, homokolt felületű anyag.<br>A kézi formázású téglákhoz közelítő felületű típus.", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "Azonos megjelenésű klinkerlap rendelhető hozzá. <br>A téglákhoz sokféle formadarab kapható. <br>Csak megrendelésre szállítjuk.", 3,1);
	tegla[10]=new Array("Muhr gelb glatt", "Egységes világos okker színű, sima felületű anyag.<br>A meleg sárga színű klinker alaptípusa. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm, 240 x 115 x 113 mm", "Homlokzati klinkerlap rendelhető hozzá.<br>A téglákhoz sokféle formadarab kapható. Kis mennyiségben tartjuk raktáron.", 3,1);
	tegla[11]=new Array("Feldhaus 335", "Klinkervörös alapon kékes foltokkal díszített, rusztikus, homokolt felületű anyag.<br>Élénk színhatású, friss hangulatot árasztó típus. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm<br><B> Fejelő tégla:</B> 240 x 71 x 52 mm, 240 x 52 x 52 mm", "Azonos megjelenésű homlokzati lap kapható hozzá.<br> <br>A lapokhoz sarokelem, a téglákhoz sokféle formadarab kapható. A 240 x 71 x 115 mm-es méretet mindig tartjuk raktáron.", 2,1);
	tegla[12]=new Array("Feldhaus 672", "Sötét bordó alapszínű, lilásfekete égetési foltokkal tarkított, kézzel formázott téglára hasonlítóan rusztikus felületű anyag.<br>Rusztikus, ódon, angolos hangulatú típus.", "<B>Egész tégla: 240 x 71 x 115 mm<br>", "A téglákhoz sokféle formadarab kapható. <br>Rendelésre szállítjuk.", 4,0);
	tegla[13]=new Array("Feldhaus 320", "Klinkervörös alapon barna átmenetekkel díszített, durva homokkal megszórt rusztikus felületű anyag.<br>'Szövetszerű' felületének köszönhetően lágyabb, barátságosabb hangulatot áraszt, mint a sima felületű típusok. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 2,0);
	tegla[14]=new Array("Muhr lachsrot", "Narancs-világosbarna enyhén átmenetes színű, sima felületű klinkertégla.", "<B>Egész tégla:</B>: 240 x 71 x 115 mm, 240 x 52 x 115 mm", "Különleges színvilágú, kissé mediterrán hatású típus.<br>A téglákhoz sokféle formadarab kapható. A 240 x 71 x 115 mm-es méretet mindig tartjuk raktáron.", 4,0);
	tegla[15]=new Array("Feldhaus 338", "Klinkervörös alapon kékes égetési foltokkal díszített, rusztikus, durvított felületű anyag.<br>Visszafogott összhatást nyújtó, patinás hangulatú típus. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 3,1);
	tegla[16]=new Array("Feldhaus 490", "Egészen finom színátmenes, világos vörös színű, sima felületű anyag.<br>A hagyományos klinkervörösnél élénkebb hatású, mediterrán jellegű anyag. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 2,1);
	tegla[17]=new Array("Feldhaus 350", "Klinkervörös alapszínű, bordó és kék égetési foltokkal tarkított, sima felületű anyag.<br>Fémes kék árnyalatival igen élénk, kontrasztos hatású típus.", " 240 x 71 x 115 mm<br>Projektméretű megrendelés esetén bármely más járatos méret rendelhető.", "A téglákhoz sokféle formadarab kapható. <br>Csak megrendelésre szállítjuk.", 3,1);
	tegla[18]=new Array("Rot-bronce-blau", "Klinkervörös alapon szürkés-kékes foltokkal tarkítot, struktúrált felületű anyag.<br> Felülete a struktúra ellenére fényes, mert nincs rajta homokolás. ", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm, 240 x 113 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 3,1);
	tegla[19]=new Array("Emsland rusztik", "Klinkervörös alapon világosbarna-középbarna átmenetekkel díszített, vízszintes hornyolással durvított felületű anyag.", "<B>Egész tégla:</B> 240 x 71 x 115 mm, 240 x 52 x 115 mm", "A téglákhoz sokféle formadarab kapható. <br> Csak megrendelésre szállítjuk.", 2,1);
	tegla[20]=new Array("Rot-bronce-blau rusztik", "Klinkervörös alapon kékesszürke színátmenetekkel díszített, struktúrált, de nem homokolt felületű anyag.", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "A téglákhoz megrendelésre sokféle formadarab gyártatható. <br> Csak megrendelésre szállítjuk.", 3,1);
	tegla[21]=new Array("ABC kekesfekete", "Fekete alapszínű, fémes kékes és sötétszürke foltokkal díszített különleges típus.", "<B>Egész tégla:</B> 240 x 71 x 115 mm", "A téglákhoz megrendelésre sokféle formadarab gyártatható. <br> Csak megrendelésre szállítjuk.", 5,1);
	
	hanyadikkep=1;
	}


////NO NEED TO EDIT BELOW THIS LINE////////////




isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");  
  hotDog=isIE ? event.srcElement : e.target;  
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id=="titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");




var contentHeight = 0; 	// The total height of the content
	var visibleContentHeight = 0;	
	var scrollActive = false;
	
	var scrollHandleObj = false; // reference to the scroll handle
	var scrollHandleHeight = false;
	var scrollbarTop = false;
	var eventYPos = false;

	var scrollbuttonActive = false;
	var scrollbuttonDirection = false;
	var scrollbuttonSpeed = 1; // How fast the content scrolls when you click the scroll buttons(Up and down arrows)
	var scrollTimer = 18;	// Also how fast the content scrolls. By decreasing this value, the content will move faster	
	
	var scrollMoveToActive = false;
	var scrollMoveToYPosition = false;
	function scrollDiv_startScroll(e)
	{
		if(document.all)e = event;
		scrollbarTop = document.getElementById('scrolldiv_theScroll').offsetTop;
		eventYPos = e.clientY;
		scrollActive = true;
	}
	
	function scrollDiv_stopScroll()
	{
		scrollActive = false;
		scrollbuttonActive = false;
		scrollMoveToActive = false;
	}
	function scrollDiv_scroll(e)
	{
		if(!scrollActive)return;
		if(document.all)e = event;
		if(e.button!=1 && document.all)return;
		var topPos = scrollbarTop + e.clientY - eventYPos; 
		if(topPos<0)topPos=0;
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos = visibleContentHeight-(scrollHandleHeight+4);
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 
	}
	
	/*
	Click on the slider
	Move the content to the this point
	*/
	function scrolldiv_scrollMoveToInit(e)
	{		
		if(document.all)e = event;
		scrollMoveToActive = true;
		scrollMoveToYPosition = e.clientY - document.getElementById('scrolldiv_scrollbar').offsetTop;
		if(document.getElementById('scrolldiv_theScroll').offsetTop/1 > scrollMoveToYPosition) scrollbuttonDirection = scrollbuttonSpeed*-2; else  scrollbuttonDirection = scrollbuttonSpeed*2;
		scrolldiv_scrollMoveTo();	
	}
	
	function scrolldiv_scrollMoveTo()
	{
		if(!scrollMoveToActive || scrollActive)return;
		var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollMoveToActive=false;
		}
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollMoveToActive=false;
		}
		if(scrollbuttonDirection<0 && topPos<scrollMoveToYPosition-scrollHandleHeight/2)return;	
		if(scrollbuttonDirection>0 && topPos>scrollMoveToYPosition-scrollHandleHeight/2)return;			
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 		
		setTimeout('scrolldiv_scrollMoveTo()',scrollTimer);		
	}
	
	function cancelEvent()
	{
		return false;			
	}

	function scrolldiv_scrollButton()
	{
		if(this.id=='scrolldiv_scrollDown')scrollbuttonDirection = scrollbuttonSpeed; else scrollbuttonDirection = scrollbuttonSpeed*-1;
		scrollbuttonActive=true;
		scrolldiv_scrollButtonScroll();
	}
	function scrolldiv_scrollButtonScroll()
	{
		if(!scrollbuttonActive)return;
		var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollbuttonActive=false;
		}
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollbuttonActive=false;
		}	
		document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
		document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 			
		setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);
	}
	function scrolldiv_scrollButtonStop()
	{
		scrollbuttonActive = false;
	}
	
	
	function scrolldiv_initScroll()
	{
		visibleContentHeight = document.getElementById('scrolldiv_scrollbar').offsetHeight ;
		contentHeight = document.getElementById('scrolldiv_content').offsetHeight - visibleContentHeight;		
		scrollHandleObj = document.getElementById('scrolldiv_theScroll');
		scrollHandleHeight = scrollHandleObj.offsetHeight;
		scrollbarTop = document.getElementById('scrolldiv_scrollbar').offsetTop;		
		document.getElementById('scrolldiv_theScroll').onmousedown = scrollDiv_startScroll;
		document.body.onmousemove = scrollDiv_scroll;
		document.getElementById('scrolldiv_scrollbar').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_theScroll').onmouseup = scrollDiv_stopScroll;
		if(document.all)document.body.onmouseup = scrollDiv_stopScroll; else document.documentElement.onmouseup = scrollDiv_stopScroll;
		document.getElementById('scrolldiv_scrollDown').onmousedown = scrolldiv_scrollButton;
		document.getElementById('scrolldiv_scrollUp').onmousedown = scrolldiv_scrollButton;
		document.getElementById('scrolldiv_scrollDown').onmouseup = scrolldiv_scrollButtonStop;
		document.getElementById('scrolldiv_scrollUp').onmouseup = scrolldiv_scrollButtonStop;
		document.getElementById('scrolldiv_scrollUp').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_scrollDown').onselectstart = cancelEvent;
		document.getElementById('scrolldiv_scrollbar').onmousedown = scrolldiv_scrollMoveToInit;
	}
	/*
	Change from the default color
	*/	
	function scrolldiv_setColor(rgbColor)
	{
		document.getElementById('scrolldiv_scrollbar').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_theScroll').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.borderColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.color = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.color = rgbColor;
		document.getElementById('scrolldiv_parentContainer').style.borderColor = rgbColor;
	}
	/*
	Setting total width of scrolling div
	*/
	function scrolldiv_setWidth(newWidth)
	{
		document.getElementById('dhtmlgoodies_scrolldiv').style.width = newWidth + 'px';
		document.getElementById('scrolldiv_parentContainer').style.width = newWidth-30 + 'px';		
	}
	
	/*
	Setting total height of scrolling div
	*/
	function scrolldiv_setHeight(newHeight)
	{
		document.getElementById('dhtmlgoodies_scrolldiv').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_parentContainer').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_slider').style.height = newHeight + 'px';
		document.getElementById('scrolldiv_scrollbar').style.height = newHeight-40 + 'px';		
	}
	/*
	Setting new background color to the slider 
	*/
	function setSliderBgColor(rgbColor)
	{
		document.getElementById('scrolldiv_scrollbar').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollUp').style.backgroundColor = rgbColor;
		document.getElementById('scrolldiv_scrollDown').style.backgroundColor = rgbColor;
	}
	/*
	Setting new content background color
	*/
	function setContentBgColor(rgbColor)
	{
		document.getElementById('scrolldiv_parentContainer').style.backgroundColor = rgbColor;
	}
	
	/*
	Setting scroll button speed
	*/
	function setScrollButtonSpeed(newScrollButtonSpeed)
	{
		scrollbuttonSpeed = newScrollButtonSpeed;
	}
	/*
	Setting interval of the scroll
	*/
	function setScrollTimer(newInterval)
	{
		scrollTimer = newInterval;
	}
