$(document).ready(function() {          
    // Slaideriai                                         
    $('#amzius div.ui-slider').slider(
    { 
        steps: 15,           
        minValue: 0,  
        slide: function(e,ui) {                                                                                        
            var amzius = Math.round(7 + 15*ui.value/100);          
            slided(amzius);
        },
        change: function(e,ui) {                          
            $('#amzius div.ui-slider-handle').css('background-image', "url('images/tapti_nariu/slider.handle.gif')");
            var amzius = Math.round(7 + 15*ui.value/100);          
            slided(amzius);

        }
    }); 
    
    $('#amzius div.b').bind('click', function () {
        var nr = $(this).attr('class');
        var gt = (parseInt(nr.replace('b b', '').replace(' sel', ''))-7)*6.6;
        $('#amzius div.ui-slider').slider('moveTo', gt);
        slided(parseInt(nr.replace('b b', '').replace(' sel', ''))); 
    });                                     
});

function slided(amzius)
{                
    $('#amzius div.b').removeClass('sel');
    $('#amzius div.b' + amzius.toString()).addClass('sel');
    
    $('#amzius div.ui-slider-handle').css('background-image', "url('images/tapti_nariu/slider.handle.gif')");                                                     
    $('#planas, ul.zingsniai').css('display', 'block');
    
    if (amzius<10)
        amziuslabel = "metai";
    else
        amziuslabel = "metų";
    
    if (amzius<14){

       $('#planas h3').html('<span class="em">Jei tau '+ amzius +' '+ amziuslabel+', tu gali tapti ZOOM programos pirmosios pakopos „Parengiamoji klasė“ dalyviu. Čia po truputį susipažinsi su finansų pasauliu bei ZOOM programa, o kai sulauksi 14 m. tapsi pilnateisiu programos dalyviu. Užsuk į „Parengiamosios klasės“ skiltį ir sužinok <a href="/lt/pages/zoom_maziesiems">daugiau</a>.'); 
    }
    else if (amzius<18)
        $('#planas h3').html('<span class="em">Jei tau ' + amzius + ' metų, rinkis ZOOM planą <a href="lt/pages/issirink_plana">J14</a> ir imkis veiksmų:</span>');
    
    else if (amzius<21)                                                                                                                 
        $('#planas h3').html('<span class="em">Jei tau ' + amzius + ' metų, rinkis ZOOM planą <a href="lt/pages/issirink_plana">J18 arba J18+</a> ir imkis veiksmų:</span>');
    else
        $('#planas h3').html('<span class="em">Jei tau ' + amzius + ' metai, rinkis ZOOM planą <a href="lt/pages/issirink_plana">J18 arba J18+</a> ir imkis veiksmų:</span>');
    
                                                                                     
    if (amzius < 14)
    {
        $('#zingsniaimov').css('display','none');
        $('#mov2').css('display','none');
    }
    else if (amzius<18)
    {                           
        $('#z11').css('display', 'list-item');
        $('#z22').css('display', 'list-item');
        $('#z33').css('display', 'list-item');
        $('#z44').css('display', 'none');
        $('#z55').css('display', 'none');
        $('#mov2').css('display','block');
        $('#zingsniaimov').css('display','block');
        $('#zingsniaimov').css('padding-left','200px');
        zing(1);
    }
    else
    {                                        
        $('#z11').css('display', 'none');
        $('#z22').css('display', 'none');
        $('#z33').css('display', 'none');
        $('#z44').css('display', 'list-item');
        $('#z55').css('display', 'list-item');
        $('#mov2').css('display','none');
        $('#zingsniaimov').css('display','block');
        $('#zingsniaimov').css('padding-left','0px');    
        zing(4);
    }
}

function zing(nr)
{                      
    $('ul.zingsniai li').removeClass('active');
    $('#z' + nr.toString() + nr.toString()).addClass('active');  
    if ($('#z' + nr).css('display')=='none')
    {
        $('div.zingsnis').css('display', 'none');
        $('#z' + nr).fadeIn(300);
    }
}