var r_speed = 2;
var r_space = 60;
var r_moveLock = false;
var r_moveTimeObj;
var r_moveWay = "down";
var r_boxId = '#rec_box';
var r_itemId = '#rec_actual';


function r_cart_GoLeft() {if (r_moveLock) return; if (!r_check_controling('left')) return; r_moveLock = true; r_moveWay = "left"; r_moveTimeObj = setInterval('r_cart_ScrLeft();', r_speed); }

function r_cart_GoRight() {if (r_moveLock) return; if (!r_check_controling('right')) return; r_moveLock = true; r_moveWay = "right"; r_moveTimeObj = setInterval('r_cart_ScrRight()', r_speed) }



function r_cart_ScrLeft() {

    var srollBox = $(r_boxId)[0];
    var allItems = $(r_itemId)[0];
    var lastLeft = Math.floor(allItems.scrollWidth / srollBox.offsetWidth) * srollBox.offsetWidth;
    if (lastLeft <= 0) {
        clearInterval(r_moveTimeObj); r_moveLock = false; r_control_icon_set(); return;
    }

    if (srollBox.scrollLeft <= r_space) {
        srollBox.scrollLeft = 0;
        clearInterval(r_moveTimeObj); r_moveLock = false; r_control_icon_set(); return;
    }

    srollBox.scrollLeft -= r_space;

    var remainder = srollBox.scrollLeft % srollBox.offsetWidth;
    if (remainder <= r_space) {
        srollBox.scrollLeft = Math.round(srollBox.scrollLeft / srollBox.offsetWidth) * srollBox.offsetWidth;
        clearInterval(r_moveTimeObj);
        r_moveLock = false;
        r_control_icon_set();
    }
}

function r_cart_ScrRight() {   
    var srollBox = $(r_boxId)[0];
    var allItems = $(r_itemId)[0];
    var lastLeft = Math.floor(allItems.scrollWidth / srollBox.offsetWidth) * srollBox.offsetWidth;   
    if (lastLeft <= 0) {
        clearInterval(r_moveTimeObj); r_moveLock = false;
        r_control_icon_set();
        return;
    }
    if (srollBox.scrollLeft >= lastLeft) {

        srollBox.scrollLeft = lastLeft; clearInterval(r_moveTimeObj); r_moveLock = false;
        r_control_icon_set();
        return;
    }

    srollBox.scrollLeft += r_space;   
    var remainder = srollBox.scrollLeft % srollBox.offsetWidth;
    if (Math.abs(remainder - srollBox.offsetWidth) <= r_space) {
        srollBox.scrollLeft = Math.round(srollBox.scrollLeft / srollBox.offsetWidth) * srollBox.offsetWidth;
        clearInterval(r_moveTimeObj);
        r_moveLock = false;
        r_control_icon_set();
        return;
    }
}

function r_control_icon_set() {
    var  left_control = $("#img_rec_left");
    var  right_control = $("#img_rec_right");   

    var srollBox = $(r_boxId)[0];
    var allItems = $(r_itemId)[0];

    if (srollBox.scrollLeft <= 0) {
        if (allItems.scrollWidth <= srollBox.offsetWidth) {
            left_control.attr('class', 'cart_uncontrol_left');
            right_control.attr('class', 'cart_uncontrol_right');
        }
        else {
            left_control.attr('class', 'cart_uncontrol_left');
            right_control.attr('class', 'cart_control_right');
        }
    }
    else {
        left_control.attr('class', 'cart_control_left');
        if (srollBox.offsetWidth + srollBox.scrollLeft >= allItems.scrollWidth) {
            right_control.attr('class', 'cart_uncontrol_right');
        }
        else {
            right_control.attr('class', 'cart_control_right');
        }
    }
}

function r_check_controling(direct) {
    var left_control = $("#img_rec_left");
    var right_control = $("#img_rec_right");
   
    var srollBox = $(r_boxId)[0];
    var allItems = $(r_itemId)[0];
    
    if (direct == 'left') {
        return left_control.attr('class') == 'cart_control_left';
    }
    else {
        return right_control.attr('class') == 'cart_control_right';
    }

}

function r_init() {   
    if ($("#rec_actual div").length <= r_pageSize) {
        $("#img_rec_right").attr('class', 'cart_uncontrol_right');
    }
    else {
        $("#img_rec_right").attr('class', 'cart_control_right'); 
    }
}