var intervalPage;

$(window).load(function() {
    var objContainerScroll = $(".scrollable");
    var objScroll = objContainerScroll.children(".item");

    objContainerScroll.css({ 'clip': 'rect(0px, ' + objContainerScroll.parent().innerWidth() + 'px, ' + objContainerScroll.parent().innerHeight() + 'px, 0px)' });
    objContainerScroll.css({ 'position': 'relative', 'overflow': 'hidden' });
    objContainerScroll.parent().css('float', 'left');

    objScroll.css('position', 'relative');
    objScroll.css('width', +(objScroll.children().outerWidth(true) * objScroll.children().length) + 'px');
    //objScroll.css('white-space', 'nowrap');

    objScroll.css('visibility', 'visible');
    if (objScroll.outerWidth(true) > objContainerScroll.parent().outerWidth()) {
        intervalPage = setTimeout(function() { imageSlide(objScroll); }, 3000);
    }
});

function imageSlide(obj) {
    var objMove = $(obj);
    if (objMove.position().left > -(objMove.outerWidth(true) - objMove.parent().parent().outerWidth())) {
        objMove.animate({ left: '-=' + objMove.children().outerWidth(true) }, 'slow');
        intervalPage = setTimeout(function() { imageSlide(objMove); }, 3500);
    } else {
        //alert('else ' + String(objMove.outerWidth(true) - objMove.parent().parent().outerWidth()));
        objMove.animate({ left: '+=' + (objMove.outerWidth(true) - objMove.parent().parent().outerWidth() + 1) }, 'slow');
        intervalPage = setTimeout(function() { imageSlide(objMove); }, 3500);
    }
}