var thumbSlideStep = 5; 
var thumbSlideInterval = 5; 
var clipperHeight = 195/*actual clipper height*/ + 30 /*position corrector*/ ;
var initialOffset = -320; //same as 'top:' value in #scrollbox css
var initialOffsetV = $('.position').text(); //same as 'left:' value in #scrollbox-horiz css
var clipperWidth = 855/*actual clipper width*/ + 30 /*position corrector*/ ;
var hLen = $('#scrollbox-horiz div').length;

var hWidth = ((hLen-3) * 245)-initialOffset;
var limit = hWidth - clipperWidth

var strip;
var  iMoveD;
var  iMoveU;
var scrollOffset = initialOffset;
var scrollOffsetV = initialOffsetV;
strip = document.getElementById('scrollbox');
upHot = document.getElementById('scrollup');
downHot = document.getElementById('scrolldown');
var leftHot = $('#scrollleft');
var rightHot = $('#scrollright');

//On Load
$(function(){

	$('#scrollbox-horiz').css({'left':initialOffsetV+'px', 'display':'block'});

	$('#scrollleft').hover(function(){
		iMoveL = setInterval('jumpRight()', thumbSlideInterval); 
	},function(){
		clearInterval(iMoveL);
	});
	
	$('#scrollright').hover(function(){
		iMoveR = setInterval('jumpLeft()', thumbSlideInterval); 
	},function(){
		clearInterval(iMoveR);
	});
});
/*==========================================================================================================*/
/*Modified by Steveo - added left and right scrolling ability. Use 'scrollLeft' and 'scrollRight' to trigger*/
/*==========================================================================================================*/

      
function jumpLeft() {
    if(scrollOffsetV > -limit){
	$('#scrollleft').css({'backgroundImage':'url("http://www.microsoft.com/softwareplusservices/images/scrollLeft.png")', 'cursor':'pointer'});
	
	scrollOffsetV -= thumbSlideStep;
	$('#scrollbox-horiz').css({'left':scrollOffsetV+'px'})
	}else{
	$('#scrollright').css({'backgroundImage':'url("http://www.microsoft.com/softwareplusservices/images/scrollRightGray.png")', 'cursor':'pointer'});
	}
}
   
function jumpRight() {
	if(scrollOffsetV < 0){
	$('#scrollright').css({'backgroundImage':'url("http://www.microsoft.com/softwareplusservices/images/scrollRight.png")', 'cursor':'pointer'});
	scrollOffsetV = Number(scrollOffsetV) + Number(thumbSlideStep);
	$('#scrollbox-horiz').css({'left':scrollOffsetV+'px'});
	}else{
	$('#scrollleft').css({'backgroundImage':'url("http://www.microsoft.com/softwareplusservices/images/scrollLeftGray.png")', 'cursor':'pointer'});
	}
}
/*==========================================================================================================*/
/*==========================================================================================================*/
/*==========================================================================================================*/   



function scrollUp() {
	iMoveU = setInterval('jumpUp()', thumbSlideInterval);  
   }
   
function scrollDown() {
	iMoveD = setInterval('jumpDown()', thumbSlideInterval); 
}
   
function jumpUp() {
	parent.document.body.backgroundImage = "url('http://www.microsoft.com/softwareplusservices/images/scrollDown.png')";
	downHot.style.backgroundImage = "url('http://www.microsoft.com/softwareplusservices/images/scrollDown.png')";
	downHot.style.cursor = "pointer"; 
   if (scrollOffset > - 1 * (strip.offsetHeight - clipperHeight)) { 
      scrollOffset -= thumbSlideStep; 
      strip.style.top = scrollOffset + "px";
                 }
    else {
    upHot.style.backgroundImage = "url('http://www.microsoft.com/softwareplusservices/images/scrollUpGray.png')";
    upHot.style.cursor = "default";
    
    }       
   }
function jumpDown() {
upHot.style.backgroundImage = "url('http://www.microsoft.com/softwareplusservices/images/scrollUp.png')"; 
upHot.style.cursor = "pointer"; 
   if (scrollOffset < 0) {
      scrollOffset += thumbSlideStep;
      strip.style.top = scrollOffset + "px";
              }
     else {
    downHot.style.backgroundImage = "url('http://www.microsoft.com/softwareplusservices/images/scrollDownGray.png')";
    downHot.style.cursor = "default";
    
    }     
   }
function stopScroll() {

   if(iMoveU) {
      clearInterval(iMoveU); 
      }
     if(iMoveD) {
      clearInterval(iMoveD); 
      }
     
   
   }