// JavaScript Document

var intval = "";
var IE5=false;
var NN6=false;
var boxw;
var maxDivs = 0;
var autoplay = "true";
var playcount = 0;
var playcounter = 0;
var pause = 600;
var temppos = 0;
var switcher;
var k;
var ease = 10; //higher number = slower easing
var pos;

function auto(){

if (autoplay == "true"){
	playcount ++;
	if (playcount > 10){ playcount = 0; playcounter ++; }
	if (playcounter == maxDivs){ playcounter = 0; }
		startmove(-playcounter,'auto');
	}else{
		playcounter = maxDivs;
		playcount = 0;
	}
}

function turnauto(){

if (autoplay == "true"){ switcher = "off" }else{ switcher = "on" }

if (switcher == "on"){ 
 	if(IE5) { document.all.ap.className = "autoon"; }
    if(NN6) { document.getElementById('ap').className = "autoon"; } 
	playcounter = -temppos; playcount = 0; autoplay = "true";	
 }
if (switcher == "off"){ 
	if(IE5) { document.all.ap.className = "autooff"; }
    if(NN6) { document.getElementById('ap').className = "autooff"; }
	autoplay = "false"; 
}
}

function turnprev(){

if (temppos == -0){ temppos = ((maxDivs)-1); startmove(-temppos,'user');}else{ startmove((temppos+1),'user'); }

}


function turnnext(){
if (temppos == ((-maxDivs)+1)){ startmove(-0,'user'); }else{ startmove((temppos-1),'user'); }
}

function init(){

	 if(document.all) { IE5=true; }
     if(document.getElementById)
     { NN6=true; IE5=false;}

	//grab the HTML From UL
	if(IE5) { var ulcontent = document.boxul.innerHTML; }
    if(NN6) { var ulcontent = document.getElementById('boxul').innerHTML; }	
	
	

	//count the divs by string searhing for li within ul html
	var strReplaceAll = ulcontent;
	var intIndexOfMatch = strReplaceAll.indexOf( "boxli" );
	while (intIndexOfMatch != -1){ strReplaceAll = strReplaceAll.replace( "boxli", "" )
	intIndexOfMatch = strReplaceAll.indexOf( "boxli" );
	maxDivs ++; }


	if(IE5) {
		   	boxw = document.all.box.offsetWidth;
		   	var calc =  (maxDivs * boxw);
			document.all.boxes.style.width = calc + "px";		
			}
	 if(NN6) {
			boxw = document.getElementById('box').offsetWidth;
		   	var calc =  (maxDivs * boxw);
			document.getElementById('boxes').style.width = calc + "px";		
			}	
	
	//create buttons in buttons
	if(NN6){ var txt = document.getElementById('buttonbox'); }
	if(IE5){ var txt = document.all.buttonbox; }
			
    txt.innerHTML += "<ul>";
	for (i=maxDivs; i>0; i--){
    txt.innerHTML += "<li id=\"b" + i + "\" onClick=\"startmove(-"+(i-1)+",'user');\" class=\"normal\"><img src=\"images/11px.gif\"/></li>";
 	}
    txt.innerHTML += "</ul>";
	//comment out if you dont want auto play switch
	txt.innerHTML += "<a href=\"#\" id=\"prev\" onClick=\"turnprev();\">&nbsp;</a><div id=\"ap\" class=\"autoon\" onClick=\"turnauto();\"></div><a  href=\"#\" id=\"next\" onClick=\"turnnext();\">&nbsp;</a>";
	
	if(IE5) { document.all.b1.className = "selected"; }
    if(NN6) { document.getElementById('b1').className = "selected"; }	
		
	setInterval(auto,pause);
	
}


function movepos(pos){
	    			
			if(IE5){
				var cur =  document.all.boxes.offsetLeft;
				
				if (cur < (pos*boxw)){
				
				k = Math.floor(cur + (((pos*boxw) - cur) / ease));
		      	eval("document.all.boxes.style.left='" + k + "px'");
				
				}else{
					
				k = Math.ceil(cur + (((pos*boxw) - cur) / ease));
		      	eval("document.all.boxes.style.left='" + k + "px'");
				
				}
			}
		    if(NN6) {
				

				var cur1 = document.getElementById('boxes').offsetLeft;
				
				if (cur1 > (pos*boxw)){

				k = Math.floor(cur1 + (((pos*boxw) - cur1) / ease));
				var temp = k + "px";
				document.getElementById('boxes').style.left = temp;
				
				}else{
					
				var cur1 = document.getElementById('boxes').offsetLeft;
				k = Math.ceil(cur1 + (((pos*boxw) - cur1) / ease));
				var temp = k + "px";
				document.getElementById('boxes').style.left = temp;
					
				}
            }	
	}
	
			if ( (Math.ceil(k)) == pos){ 
				stopint();
			}

function startmove(pos,typ){


	if (autoplay == "true" && typ == "user"){ turnauto(); }
	temppos = pos;

	//loop buttons and set class = normal
	for (i=0;i<maxDivs;i++){
			var temp = "b" + (i+1);
			if(IE5) { document.all.temp.className = "normal"; }
		    if(NN6) { document.getElementById(temp).className = "normal"; }	
	}
	
	//set selected button class as "selected"
			var temp = "b" + (-pos+1);
			if(IE5) { document.all.temp.className = "selected"; }
		    if(NN6) { document.getElementById(temp).className = "selected"; }	

	if (intval == ""){
		
			intval = eval ("window.setInterval('movepos("+pos+")','20')");	
	}else{
			stopint();
			intval = "";
			intval = eval ("window.setInterval('movepos("+pos+")','20')");	
	}
	
	
}

function stopint(){
	window.clearInterval(intval);
	intval = "";
}


//ARROW KEYS TO MOVE
			
$(document).keydown(function(event) {
               switch (event.keyCode) {
                    case 37: turnprev(); break;
                    case 39: turnnext(); break;
                }
});