$(document).ready(function() {
    $('ul.imageSlider-menu li').first().addClass('selected');
    $('ul.imageSlider-menu li').first().addClass('active');
    $('ul.imageSlider-images li').hide();
    $('ul.imageSlider-images li').first().show();
    
    menuMouseOver();
    menuMouseClick();
});

function menuMouseOver() {


    $('ul.imageSlider-menu li').hover(function() {
        $('ul.imageSlider-menu li').removeClass('selected');
        $(this).addClass('selected');

        var currentPos = $('li.selected');
        var indexCurrent = $('ul.imageSlider-menu li').index(currentPos);

        var arrowAnimateTop = 90 * indexCurrent;
        $('div.menu-arrow').stop().animate({
            top: arrowAnimateTop
        }, 300);

    }, function() {
        $(this).removeClass('selected');

        var activePos = $('li.active');
        var indexActive = $('ul.imageSlider-menu li').index(activePos);
        var animateBack = 90 * indexActive;
        
        $('div.menu-arrow').stop().animate({
            top: animateBack
        }, 300);
        return false;
    });

}

function menuMouseClick() {
    $('ul.imageSlider-menu li.selected').live('click', function() {
        $('ul.imageSlider-menu li').removeClass('active');
        $(this).addClass('active');        
        var selectedIndex = $(this).index();
        selectedIndex = selectedIndex - 1;
        $('ul.imageSlider-images li').hide();
        $('ul.imageSlider-images li').eq(selectedIndex).fadeIn(500);
    });
}