if (document.images) 
{
   img1 = new Image();
   img2 = new Image();
   img3 = new Image();
   img4 = new Image();
   img5 = new Image();
   img6 = new Image();
   img1.src = "../images/leftScrollBtn_over.png";
   img2.src = "../images/leftScrollBtnOnWhite.png";
   img3.src = "../images/leftScrollBtnOnOlive.png";
   img4.src = "../images/leftScrollBtnOnOlive_over.png";
   img5.src = "../images/leftScrollBtnOnWhite_over.png";
   img6.src = "../images/leftScrollBtn.png";
}

function leftButtonOver() {
	$("#left a img").mouseover(function() {
    	    var re = /\.png$/;
    	    var leftButton = $("#left a img").attr("src");
    	    var newLeftSrc = leftButton.replace(re, "_over.png");
    	    $("#left a img").attr("src", newLeftSrc);
    	});
}

function rightButtonOver()   {
    	$("#right a img").mouseover(function() {
    	    var re = /\.png$/;
    	    var rightButton = $("#right a img").attr("src");
    	    var newRightSrc = rightButton.replace(re, "_over.png");
    	    $("#right a img").attr("src", newRightSrc);
    	});
}
 
function leftButtonOff() {
    		$("#left a img").mouseout(function() {
    		    var re = /_over\.png$/;
        	    var leftButton = $("#left a img").attr("src");
        	    var newLeftSrc = leftButton.replace(re, ".png");
        	    $("#left a img").attr("src", newLeftSrc);
        	});
}

function rightButtonOff() {
        	$("#right a img").mouseout(function() {
        	    var re = /_over\.png$/;
        	    var rightButton = $("#right a img").attr("src");
        	    var newRightSrc = rightButton.replace(re, ".png");
        	    $("#right a img").attr('src', newRightSrc);
        	});
}