//1) Set width of the "neutral" area in the center of the gallery.
var restarea=6;
 //2) Set top scroll speed in pixels. Script auto creates a range from 0 to top speed.
var maxspeed=0;
 //3) Set to maximum width for gallery - must be less than the actual length of the image train.
var maxwidth=10000;
 //4) Set to 1 for left start, 0 for right, 2 for center.
var startpos=0;
 //5) Set message to show at end of gallery. Enter "" to disable message.
var endofgallerymsg='FiNiSHED!';
var WhereAmI=0;

var browserName=navigator.appName; 
 if (browserName=="Microsoft Internet Explorer")
 {
//  alert("Hi, Explorer User!");
	offsetScroller = -10
 }
 else
  {
//    alert("What ARE you browsing with here?");
	offsetScroller = -17
   }



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

var iedom=document.all||document.getElementById, scrollspeed=0, movestate='', actualwidth='', cross_scroll, ns_scroll, statusdiv, loadedyes=0, lefttime, righttime;

function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function creatediv(){
    statusdiv=document.createElement("div")
    statusdiv.setAttribute("id","statusdiv")
    document.body.appendChild(statusdiv)
    statusdiv=document.getElementById("statusdiv")
    statusdiv.innerHTML=endofgallerymsg
}

function positiondiv(){
    var mainobjoffset=getposOffset(crossmain, "left"),
    menuheight=parseInt(crossmain.offsetHeight),
    mainobjoffsetH=getposOffset(crossmain, "top");
    statusdiv.style.left=mainobjoffset+(menuwidth/2)-(statusdiv.offsetWidth/2)+"px";
    statusdiv.style.top=menuheight+mainobjoffsetH+"px";
}

function showhidediv(what){
    if (endofgallerymsg!="") {
        positiondiv();
        statusdiv.style.visibility=what;
        //NEW
        if ( statusdiv.style.visibility.toLowerCase() === 'visible' ) {
            //  alert('DONE');return;
        }
    }
}

function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
        totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
        parentEl=parentEl.offsetParent;
    }
    return totaloffset;
}

function reInit() {
    clearTimeout(lefttime);
    clearTimeout(righttime);
//    var trueContainer = document.getElementById('trueContainer');
//    var firstNode = trueContainer.removeChild(trueContainer.firstChild);
//    trueContainer.appendChild(firstNode);
    switch ( movestate.toLowerCase() ) {
        case "left" : 
            cross_scroll.style.left = (parseInt(cross_scroll.style.left)-(menuwidth-actualwidth) + offsetScroller) +'px';
//            lefttime = setTimeout('moveleft();', scrollspeed);
            break;
        case "right" : 
            cross_scroll.style.left = (parseInt(cross_scroll.style.left)+(menuwidth-actualwidth) - offsetScroller)+'px';
//            righttime = setTimeout('moveright();', scrollspeed);
            break;
    }
    
}

function moveleft(){
//    if ( loadedyes ) {
//        alert( parseInt(cross_scroll.style.left) == (menuwidth-actualwidth) );
//        if ( parseInt(cross_scroll.style.left) == (menuwidth-actualwidth) )
//            alert("done.");return;
//    }
    
    if (loadedyes){
        //alert(menuwidth+':'+actualwidth);
        movestate="left";
        if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
            cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px";
            showhidediv("hidden");
			WhereAmI=parseInt(cross_scroll.style.left)
		}
        else
            reInit();//showhidediv("visible");
    }
    
    lefttime=setTimeout("moveleft()",20);
}

function moveright(){
    if (loadedyes){
        movestate="right";
        if (iedom&&parseInt(cross_scroll.style.left)<0){
            cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px";
            showhidediv("hidden");
			WhereAmI=parseInt(cross_scroll.style.left)
        }
        else
            reInit();//showhidediv("visible");
    }
    righttime=setTimeout("moveright()",20);
}

function fillup(){
    if (iedom){
        crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer;
        if(typeof crossmain.style.maxWidth!=='undefined')
            crossmain.style.maxWidth=maxwidth+'px';
        menuwidth=crossmain.offsetWidth;
        cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery;
        actualwidth=document.getElementById? document.getElementById("trueContainer").offsetWidth : document.all['trueContainer'].offsetWidth;
        if (startpos)
            cross_scroll.style.left=(menuwidth-actualwidth)/startpos+'px';
        crossmain.onmousemove=function(e){
        //motionengine(e);
        }

        crossmain.onmouseout=function(e){
            //stopmotion(e);
            showhidediv("hidden");
        }
    }

    loadedyes=1
    if (endofgallerymsg!=""){
        creatediv();
        positiondiv();
    }


    if (document.body.filters)
        onresize();
    scrollspeed=1;
    moveleft();
}

onresize=function(){

    if (typeof motioncontainer!=='undefined'&&motioncontainer.filters){
        motioncontainer.style.width="0";
        motioncontainer.style.width="";
        motioncontainer.style.width=Math.min(motioncontainer.offsetWidth, maxwidth)+'px';
    }
    
    menuwidth=crossmain.offsetWidth;
    cross_scroll.style.left=startpos? (menuwidth-actualwidth)/startpos+'px' : 0;
}

window.onload=fillup;