// JavaScript Document

function createscrollpanel(i){
var newdiv = document.getElementById('contentscrollpanel').cloneNode( true );
newdiv.id = "scrollpanel_"+i;
newdiv.style.position = 'absolute';
newdiv.style.width = contentpanelwidth+"px";
newdiv.style.height = contentpanelheight+"px";
//newdiv.style.border = '1px solid #000000';
document.getElementById('scrollwindow').appendChild(newdiv);
newdiv.style.left=(i*contentpanelwidth)+"px";
//newdiv.innerHTML = newdiv.innerHTML + "<p>"+newdiv.id;
}

function getfarleft(){
minval = 0;
minkey = 0;
for(n=0;n<numberofpanels;n++){
val = parseInt(document.getElementById('scrollpanel_'+n).style.left);
if(val<minval){
minval=val;
minkey=n;
}
}
return minkey;
}

function getfarright(){
maxval = 0;
maxkey = 0;
for(n=0;n<numberofpanels;n++){
val = parseInt(document.getElementById('scrollpanel_'+n).style.left);
if(val>maxval){
maxval=val;
maxkey=n;
}
}
return maxkey;
}


function initializescroller(){
//scrollwindowwidth=parseInt(document.getElementById('scrollwindow').style.width);
scrollwindowwidth=document.getElementById('scrollwindow').offsetWidth;
contentpanelwidth=document.getElementById('contentscrollpanel').offsetWidth;
numberofpanels = Math.ceil(scrollwindowwidth / contentpanelwidth);
numberofpanels = (numberofpanels>2) ? numberofpanels:2 ;
//alert(contentpanelwidth);
if(((numberofpanels - 1)*contentpanelwidth)<scrollwindowwidth){
numberofpanels++;
}
contentpanelheight=document.getElementById('contentscrollpanel').offsetHeight;
for(i=0;i<numberofpanels;i++){
createscrollpanel(i);
}
farleft=getfarleft();
farright=getfarright();
//scrollwindowwidth=document.getElementById('scrollwindow').offsetWidth;
}




function doscroll(){
scrollvector=scrolldir*scrollinc;
for(i=0;i<numberofpanels;i++){

if(document.getElementById('scrollpanel_'+i)){

document.getElementById('scrollpanel_'+i).style.left=parseInt(document.getElementById('scrollpanel_'+i).style.left)+scrollvector+"px";


if(scrollvector<0){

if(scrollmode=="loop"){
if(parseInt(document.getElementById('scrollpanel_'+farleft).style.left)+contentpanelwidth<=0){
document.getElementById('scrollpanel_'+farleft).style.left = parseInt(document.getElementById('scrollpanel_'+farright).style.left)+contentpanelwidth+"px";
}
}

if(scrollmode=="pingpong"){
if(parseInt(document.getElementById('scrollpanel_'+farright).style.left)+contentpanelwidth<=scrollwindowwidth){
changedir=1;
}


}

}


if(scrollvector>0){
if(scrollmode=="loop"){
if(parseInt(document.getElementById('scrollpanel_'+farright).style.left)>=scrollwindowwidth){
document.getElementById('scrollpanel_'+farright).style.left = parseInt(document.getElementById('scrollpanel_'+farleft).style.left)-contentpanelwidth+"px";
}
}

if(scrollmode=="pingpong"){
if(parseInt(document.getElementById('scrollpanel_'+farleft).style.left)>=0){
changedir=-1;
}

}

}


farright=getfarright();
farleft=getfarleft();


}//end if document.getElementById('scrollpanel_'+i)
}//end loop


if(changedir){
scrolldir = changedir;
changedir=0;
}



}//end function doscroll

//start the scroller
function startscroll(){
//doscroll_timer=setInterval('doscroll()',scrollinterval);

if(typeof(window['doscroll_timer'])!='undefined'){
return;
}
else
{
doscroll_timer=setInterval('doscroll()',scrollinterval);
}


}


function deccelerate(){
if(scrollinc>0){
scrollinc=scrollinc-1;
}
else
{
clearTimeout(deccelerate_timer);
}
}


function startdeccelerate(){
if(!scrollcont){
deccelerate_timer=setInterval("deccelerate()",50);
}
else
{
if(typeof(window['startdeccelerate_timer'])!='undefined'){
clearTimeout(startdeccelerate_timer);
}


}
}


function unhidecontrolbox(){
if(document.getElementById("controlbox")){
document.getElementById("controlbox").style.visibility="visible";
}
}

function scrollchange(dir,inc,cont){
scrolldir = dir;
scrollinc = inc;
scrollcont = cont;
}