$(document).ready(function() {
        $('#mycarousel-prev').bind('mouseover', function() { self.MoveStart("left"); });
        $('#mycarousel-next').bind('mouseover', function() { self.MoveStart("right"); });
        $('#mycarousel-prev').bind('mouseout', function() { self.MoveStop(); });
        $('#mycarousel-next').bind('mouseout', function() { self.MoveStop(); });
});

var ScrollSpeed = 10;
var canStart = true;
var dirStart = "right";
var invisible = false;
var buttonout = false;

function MoveStart(dir) {
    canStart = true;
    buttonout = false;
    dirStart = dir;
    window.setTimeout(function() {MoveStart2();},10);
}   

function MoveStop() {
    buttonout = true;
    canStart = false;
}    

function MoveStart2() {
    var tbCat = $("#mycarousel")[0];
    if (canStart && !invisible) {
        MoveCat();
        window.setTimeout(function() {MoveStart2();},10);
    }
//    else if (parseInt(tbCat.style.left) % 98 != 0 && !invisible) {
//        MoveCat();
//        window.setTimeout(function() {MoveStart2();},6);
//    } //else if (!buttonout) CheckActiveVisible();
//    
//    if(invisible) {
//        MoveCat();
//        invisible = false;
//        canStart = false;
//        window.setTimeout(function() {MoveStart2();},6);
//    }
}

function MoveCat() {
    var divClip = $("#divcarousel")[0];
    var tbCat = $("#mycarousel")[0];
    
    if (dirStart == "left") {
        if (parseInt(tbCat.style.left) < 0) {
            //$("#mycarousel").animate({ "left": "+=" + ScrollSpeed + "px"}, "fast", "linear");
            tbCat.style.left = (parseInt(tbCat.style.left) + ScrollSpeed) + "px";
        }
    }    
    else {
        if ((parseInt(tbCat.offsetWidth) + parseInt(tbCat.style.left)) > parseInt(divClip.offsetWidth)) {
            //$("#mycarousel").animate({ "left": "-=" + ScrollSpeed + "px" }, "fast", "linear");
            tbCat.style.left = (parseInt(tbCat.style.left) - ScrollSpeed) + "px";
        }
    }
}