var slideWidth = 131;
function transformMenu(numberOfSlides,sender) {

    var currentPosition = 0;

   // $('.slideMenuItems').css('margin-left', '0px');
    $('.slideMenuItems').css('width', slideWidth * numberOfSlides);

    if (numberOfSlides > 7) {
        $('#leftControl').hide();
        $('#rightControl').show();
    }

    $('.control')
    .bind('click', function () {
        currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;
        manageControls(currentPosition);
        $('.slideMenuItems').stop().animate({
            'marginLeft': slideWidth * (-currentPosition)
        });

    });

    // manageControls: Hides and Shows controls depending on currentPosition
    function manageControls(position) {
        if (position == 0) {
            $('#leftControl').hide();
        } else {
            $('#leftControl').show();
        }

        if (position == numberOfSlides - 7) {
            $('#rightControl').hide(); 
        } else {
            $('#rightControl').show();
        }
    }
}

function resizeMenu(numberOfSlides) {
    var controlWidth = getControlWidth(numberOfSlides);
    if (numberOfSlides > 7) {
        numberOfSlides = 7;
    }
    $('.slideMenuContent').css('width', numberOfSlides * slideWidth);
    $('.slideMenuBorder').css('width', numberOfSlides * slideWidth + controlWidth);
}

function moveMenu(origin, numberOfSlides) {
    var originPositionLeft = $(origin).position().left;
    var originWidth = $(origin).width();
    var startingWidth = 956;
    var controlWidth = getControlWidth(numberOfSlides);

    if(numberOfSlides > 7){
        numberOfSlides = 7;
    }
    var newWidth = Math.round((startingWidth - originPositionLeft) + ((numberOfSlides * slideWidth) / 2) - (originWidth/2));
    if ((numberOfSlides * slideWidth) + controlWidth > newWidth) {
        newWidth = (numberOfSlides * slideWidth + controlWidth + 5);
    }
    if (newWidth > startingWidth) {
        newWidth = startingWidth;
    }
    $('.slideMenuContainer').css('width', newWidth);
}

function toggleControl(numberOfSlides) {
    if (numberOfSlides > 7) {
        $('.slideMenuControls').show();
    } else {
        $('.slideMenuControls').hide()
    }
}

function getControlWidth(numberOfSlides) {
    var width = 0;
    if (numberOfSlides > 7) {
        width = 34;
    }
    return width;
}