var select_slider = $('.slider-pages-header-nav-index0').find('ul');
var stopper = true;

if (select_slider.find('li').length <= 3) {
    $('.slider-pages-nav span').removeClass('active');
};

slider_position = function(){
    index = $('body').data('nav_index');
    select_slider = $('.slider-pages-header-nav-' + index).find('ul');
    
    this_left = Math.round(select_slider.position().left);
    
    var select_slider_children = select_slider.find('li').length;
    var select_slider_children_hiddens_element = (select_slider_children - 3) * 197 + this_left;
    $('body').data('pos_right', select_slider_children_hiddens_element);
    
    slider_nav_status(this_left);
    return this_left;
    
    
};

slider_nav_status = function(this_left){
    $('.slider-pages-nav .next').addClass('active');
    $('.slider-pages-nav .prev').addClass('active');
    
    if (this_left >= 0) {
        $('.slider-pages-nav .prev').removeClass('active');
    }
    
    var this_right = $('body').data('pos_right');
    if (this_right <= 0) {
        $('.slider-pages-nav .next').removeClass('active');
    }
};


var slider_animate_callback = function(){
    slider_position();
    stopper = true;
}

homepage_slider_callback_fn = function(direction, speed, init){
    index = $('body').data('nav_index');
    direction = direction || 'next';
    speed = speed || 500;
    init = init || false;
    
    select_slider = $('.slider-pages-header-nav-' + index).find('ul');
    var select_slider_children = select_slider.find('li').length;
    
    var this_left = slider_position();
    
    var select_slider_children_hiddens_element = (select_slider_children - 3) * 197 + this_left;
    
    $('body').data('pos_left', this_left);
    
    if (!init && stopper) {
        if (select_slider_children > 3) {
            if (direction == 'next' && select_slider_children_hiddens_element > 0) {
                select_slider.animate({
                    //left: '-=197px'    
                    left: '-=591px'
                }, {
                    duration: speed,
                    complete: slider_animate_callback
                });
            };
            if (direction == 'prev' && this_left < 0) {
                select_slider.animate({
                    //left: '+=197px'    
                    left: '+=591px'
                }, {
                    duration: speed,
                    complete: slider_animate_callback
                });
            };
                    };
            }
    else {
        slider_animate_callback();
    };
    stopper = false;
    
};

myClick = function(){

    //next and prev buttons
    $('.slider-pages-nav .next').live('click', function(){
        var nav_index = $(this).attr('index');
        $('body').data('nav_index', nav_index);
        homepage_slider_callback_fn('next');
        return false;
    });
    
    //next and prev buttons
    $('.slider-pages-nav .prev').live('click', function(){
        var nav_index = $(this).attr('index');
        $('body').data('nav_index', nav_index);
        homepage_slider_callback_fn('prev');
        return false;
    });
    
}

$(document).ready(function(){

    //defaults     
    $('body').data('nav_index', 'index0');
    $('body').data('pos_right', '0');
    $('body').data('pos_left', '0');
    
    
    //create indexes
    $('#homepage-tabs .slider-pages-header-nav').each(function(i){
        $(this).addClass('slider-pages-header-nav-index' + i).attr('index', 'index' + i);
    });
    $('.slider-pages-nav span').attr('index', 'index0');
    
    //slider for all tabs
    $('.slider-pages-wrap ul').each(function(){
        var items = $(this).children('li').size();
        $(this).width(items * 197);
    });
    
    
    //click tabs
    $('#homepage-tabs .slider-pages-header-nav > span').click(function(){
        //tabs
        $('#homepage-tabs .slider-pages-header-nav').removeClass('active');
        $(this).parents('.slider-pages-header-nav').addClass('active');
        sel_attr = $(this).parents('.slider-pages-header-nav').attr('index');
        $('.slider-pages-nav span').attr('index', sel_attr);
        
        $('body').data('nav_index', sel_attr);
        //init
        homepage_slider_callback_fn('next', '', true);
    });
    
    setInterval(function(){
        stopper = true
    }, 2100);
    
    myClick();
});



