function scrollToRight(num, aWidth){
	scroller = document.getElementById("scrollContent"+num);
	scroller.style.width = aWidth;
	stopScrolling = false;
	width = aWidth - 380;
	if(scroller.style.left == ""){
		scroller.style.left = "-5px";
		moveLeft();	
	}else if(parseInt(scroller.style.left) > width - (width * 2)){
		//scroller.style.left = parseInt(scroller.style.left) - 5 +"px";
		moveLeft();	
	}	
}
function moveLeft(){	
	negWidth = width - (width * 2);	
	var left = parseInt(scroller.style.left);	
	scroller.style.left = left - 5 +"px";	
	scrollerStop = left < negWidth;
	if(!scrollerStop){
		if(!stopScrolling){
                        
			setTimeout(moveLeft, 23);
		}
	}
}

function scrollToLeft(num, aWidth){		
	scroller = document.getElementById("scrollContent"+num);	
	stopScrolling = false;
	if(scroller.style.left != "" && (parseInt(scroller.style.left) < 0)){
		scroller.style.left = parseInt(scroller.style.left) + 5 +"px";
		moveRight();	
	}	
}
function moveRight(){	
	var left = parseInt(scroller.style.left);	
	scroller.style.left = left + 5 +"px";	
	scrollerStop = left > 0;	
	if(!scrollerStop){
		if(!stopScrolling){
			setTimeout(moveRight, 23);	
		}
	}	
}
function scrollStop(){
	stopScrolling = true;
}


mainImgCurrent = 1;
mainImgLeft = 0;
stepMultiplier = 1;


function scrollMainImgRight(){
    numPics = parseInt(document.getElementById("scrollImg0NumPics").value);
    if(mainImgCurrent < numPics){
        var navRight = document.getElementById("mainImgNavRight");
        if (navRight.removeEventListener){
            navRight.removeEventListener('click', scrollMainImgRight, false);
        } else if (navRight.detachEvent){            
            navRight.detachEvent('onclick', scrollMainImgRight);
        }
        scroller = document.getElementById("scrollContent0");
        var left = parseInt(scroller.style.left);
        if(isNaN(left)){left = 0;}
        for(var i = 1; i <= 17; i++){
            setTimeout(function(){
                left = left - (25 * stepMultiplier);
                scroller.style.left = left+ "px";
                
            }, i * 20);
        }
        setTimeout(function(){
            if (navRight.addEventListener){
                navRight.addEventListener('click', scrollMainImgRight, false);
            } else if (navRight.attachEvent){
                navRight.attachEvent('onclick', scrollMainImgRight);
            }
            stepMultiplier = 1; 
        }, 20 * 17 + 1);
        mainImgCurrent = mainImgCurrent + stepMultiplier;
    }
}

function scrollMainImgLeft(){
    if(mainImgCurrent > 1){
        var navLeft = document.getElementById("mainImgNavLeft");
        if (navLeft.removeEventListener){
            navLeft.removeEventListener('click', scrollMainImgLeft, false);
        } else if (navLeft.detachEvent){
            navLeft.detachEvent('onclick', scrollMainImgLeft);
        }
        scroller = document.getElementById("scrollContent0");
        var left = parseInt(scroller.style.left);
        if(isNaN(left)){left = 0;}
        for(var i = 1; i <= 17; i++){
            setTimeout(function(){
                left = left + (25 * stepMultiplier);
                scroller.style.left = left+ "px";

            }, i * 20);
        }
        setTimeout(function(){
            if (navLeft.addEventListener){
                navLeft.addEventListener('click', scrollMainImgLeft, false);
            } else if (navLeft.attachEvent){
                navLeft.attachEvent('onclick', scrollMainImgLeft);
            }
            stepMultiplier = 1;
        }, 20 * 17 + 1);
        mainImgCurrent = mainImgCurrent - stepMultiplier;
    }
}

function showNav(){
    var navLeft = document.getElementById("mainImgNavLeft");
    var navRight = document.getElementById("mainImgNavRight");
    if (navLeft.addEventListener){
        navLeft.addEventListener('click', scrollMainImgLeft, false);
        navRight.addEventListener('click', scrollMainImgRight, false);
    } else if (navLeft.attachEvent){
        navLeft.attachEvent('onclick', scrollMainImgLeft);
        navRight.attachEvent('onclick', scrollMainImgRight);
    }
}

function hideNav(){
    if (navLeft.removeEventListener){
        navLeft.removeEventListener('click', scrollMainImgLeft, false);
        navRight.removeEventListener('click', scrollMainImgRight, false);
    } else if (navLeft.detachEvent){
        navLeft.detachEvent('onclick', scrollMainImgLeft);
        navRight.detachEvent('onclick', scrollMainImgRight);

    }
}

function scrollToImg(num){
    if(num > mainImgCurrent){
        stepMultiplier = num - mainImgCurrent;
        scrollMainImgRight();
    }else if(num < mainImgCurrent){
        stepMultiplier = mainImgCurrent - num;
        scrollMainImgLeft();
    }
}

considerCurrent = 1;
considerLeft = 0;

function addScrollConsiderToLeft(el){
    if (el.addEventListener){
        el.addEventListener('click', scrollConsiderToLeft, false);
    } else if (el.attachEvent){
        el.attachEvent('onclick', scrollConsiderToLeft);
    }
}

function addScrollConsiderToRight(el){
    if (el.addEventListener){
        el.addEventListener('click', scrollConsiderToRight, false);
    } else if (el.attachEvent){
        el.attachEvent('onclick', scrollConsiderToRight);
    }
}

function scrollConsiderToLeft(){
    var el = document.getElementById("considerLeftBtn");
    if(considerCurrent > 1){
        var navRight = document.getElementById("considerLeftBtn");
        if (navRight.removeEventListener){
            navRight.removeEventListener('click', scrollConsiderToLeft, false);
        } else if (navRight.detachEvent){
            navRight.detachEvent('onclick', scrollConsiderToLeft);
        }
        scroller = document.getElementById("scrollConsider");
        var left = parseInt(scroller.style.left);
        if(isNaN(left)){left = 0;}
        for(var i = 1; i <= 17; i++){
            setTimeout(function(){
                left = left + 33;
                scroller.style.left = left+ "px";

            }, i * 20);
        }
        setTimeout(function(){
            left = left + 29;
            scroller.style.left = left+ "px";

        }, 18 * 20);
        setTimeout(function(){
            if (navRight.addEventListener){
                navRight.addEventListener('click', scrollConsiderToLeft, false);
            } else if (navRight.attachEvent){
                navRight.attachEvent('onclick', scrollConsiderToLeft);
            }
        }, 20 * 18 + 1);
        considerCurrent--;
    }
}

function scrollConsiderToRight(){
    var numSteps = parseInt(document.getElementById("considerSteps").value);    
    if(considerCurrent < numSteps){
        var navRight = document.getElementById("considerRightBtn");
        if (navRight.removeEventListener){
            navRight.removeEventListener('click', scrollConsiderToRight, false);
        } else if (navRight.detachEvent){
            navRight.detachEvent('onclick', scrollConsiderToRight);
        }
        scroller = document.getElementById("scrollConsider");
        var left = parseInt(scroller.style.left);
        if(isNaN(left)){left = 0;}
        for(var i = 1; i <= 17; i++){
            setTimeout(function(){
                left = left - 33;
                scroller.style.left = left+ "px";

            }, i * 20);
        }
        setTimeout(function(){
            left = left - 29;
            scroller.style.left = left+ "px";

        }, 18 * 20);
        setTimeout(function(){
            if (navRight.addEventListener){
                navRight.addEventListener('click', scrollConsiderToRight, false);
            } else if (navRight.attachEvent){
                navRight.attachEvent('onclick', scrollConsiderToRight);
            }
        }, 20 * 18 + 1);
        considerCurrent++;
    }
    
}