$(document).ready(function() {

    // tabs
    $("#tabs").tabs();


    // IKI SEASON
    
    $('#iki_season').load(
    	BASE_URL + 'lt/start/get_iki_season/20'
    , function(){
        $('.parent_blocks_content').width( $('.parent_blocks_content div').size() * 270 + 10 );
    });
    
    
    moveBack = function() {
        
        $('#ikiSeason_moveBack').die("click", moveBack);
        var container = $('div.overflow_block');
        var block = $('div.parent_blocks_content');
        margin = parseInt(block.css('left').replace('px', '').replace('auto', '0'));

        if(margin != 0) {
            block.animate({'left': (((margin) + (270)))}, 300, function(){
                $('#ikiSeason_moveBack').live("click", moveBack);           
            });
        } else {
            $('#ikiSeason_moveBack').live("click", moveBack);
        }
    }

    moveForward = function() {
        $('#ikiSeason_moveNext').die("click", moveForward);
        var container = $('div.overflow_block');
        var block = $('div.parent_blocks_content');
        margin = parseInt(block.css('left').replace('px', '').replace('auto', '0'));
        if((margin * -1) < $('.parent_blocks_content').width() - (2*270+10)) {
            block.animate({'left': (((margin * -1) + (270))*-1)}, 300, function(){
                $('#ikiSeason_moveNext').live("click", moveForward);
            });
        } else{
            $('#ikiSeason_moveNext').live("click", moveForward);
        }
    }
    
    $('#ikiSeason_moveNext').live("click", moveForward);
    $('#ikiSeason_moveBack').live("click", moveBack);
    
    // RECIPES ANNOUNCE
    
    $('#recipeAnnounce').load(
        BASE_URL + 'lt/start/get_recent_recipes/20', function(){
            
            $('#recipe_overflow_block').width( $('#recipe_overflow_block table').size() * 300 );

            var ul = $('div#recipe_absol_block');

            $('.slider').slider({
                min: 0,
                step : 300,
                max: $('#recipe_overflow_block').width() - 300,
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 150);
                },
                slide: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 150);
                }
            });
        }
    );
    
    $('#profCooks').load(
        BASE_URL + 'lt/start/get_prof_cooks/20'
    , function(){
        $('#prof_cooks_overflow_block').width( $('#prof_cooks_overflow_block .season_view2 div').size() * 300 );

        var ul = $('div#prof_cooks_absolute_block');

        $('.slider2').slider({
            min: 0,
            step : 300,
            max: $('#prof_cooks_overflow_block').width() - 300,
            stop: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 150);
            },
            slide: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 150);
            }
        });
    });
    
    
    $('#aboutProducts').load(
        BASE_URL + 'lt/start/get_about_products/20'
    , function(){
        $('#prod_overflow_block').width( $('#prod_overflow_block .season_view2 div').size() * 300 );

        var ul = $('div#prod_absol_block');

        $('.slider3').slider({
            min: 0,
            step : 300,
            max: $('#prod_overflow_block').width() - 300,
            stop: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 150);
            },
            slide: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 150);
            }
        });
    });
    
    
    $('#recipes_featured_prod').load(
        BASE_URL + 'lt/start/get_recipes_featured_products/2'
    , function(){
        //dummy
    });
    
    
    slider = {
        
        next : function(slider_id, container_id) {
            currentValue = $('.' + slider_id).slider('option', 'value');
            maxValue = $('.' + slider_id).slider('option', 'max');
            
            if(currentValue < maxValue) {
                $('.' + slider_id).slider('option', 'value', currentValue + 300);
                $('#' + container_id).animate({'left' : (currentValue + 300) * -1}, 150);
            }
            
        },
        
        back : function(slider_id, container_id) {
            currentValue = $('.' + slider_id).slider('option', 'value');
            minValue = $('.' + slider_id).slider('option', 'min');
            
            if(currentValue > minValue) {
                $('.' + slider_id).slider('option', 'value', currentValue - 300);
                $('#' + container_id).animate({'left' : (currentValue - 300) * -1}, 150);
            }
            
        }
        
    }

});