/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var pos=0;
var slider="";
var items=5;
var direct=0;
var height=208;

function stepup(){
     
     $('.sec-navi-but').removeClass('sec-navi-but-active'); //wszystkie przyciski navi off
   //ktory przycisk uaktywnic?
    if(pos==0){
        $('#sec-navi-2').addClass('sec-navi-but-active');
    } else if(pos==-height){
         $('#sec-navi-3').addClass('sec-navi-but-active');
    } else if(pos==-2*height){
         $('#sec-navi-4').addClass('sec-navi-but-active');
    }else if(pos==-3*height){
         $('#sec-navi-5').addClass('sec-navi-but-active');
    }else if(pos==-4*height){
         $('#sec-navi-6').addClass('sec-navi-but-active');
    }
   if(-height*(items-1)==pos){
        direct = 1;
        res();
    } else {
        pos=pos-height;
        jQuery("#sec-slide").stop().animate({
            top: pos.toString()+"px"
        },1000);
    }
}

function stepdown(){
    
   $('.sec-navi-but').removeClass('sec-navi-but-active'); //wszystkie przyciski navi off
    //ktory przycisk uaktywnic?
    if(pos==0){
        $('#sec-navi-2').addClass('sec-navi-but-active');
    } else if(pos==-height){
         $('#sec-navi-1').addClass('sec-navi-but-active');
    } else if(pos==-2*height){
         $('#sec-navi-2').addClass('sec-navi-but-active');
    }else if(pos==-3*height){
         $('#sec-navi-3').addClass('sec-navi-but-active');
    }else if(pos==-4*height){
         $('#sec-navi-4').addClass('sec-navi-but-active');
    }

    if(0==pos){
        direct=0;
        res();
    } else {
        pos=pos+height;
        jQuery("#sec-slide").stop().animate({
            top: pos.toString()+"px"
        },1000);
    }
}
//SLIDE BOX
function odliczaj(){
    position();
    if(direct==0){
        slider = setInterval(function(){
            stepup();
        },4500);
    } else {
        slider = setInterval(function(){
            stepdown();
        },4500);
    }
}

//RESET SLIDE
function res(){
    if(direct==0){
        stepup();
    } else {
        stepdown();
    }
    window.clearInterval(slider);
    odliczaj();
}

function position(){
    if(-height*(items-1)==pos){
        direct = 1;
    }
    if(0==pos){
        direct = 0;
    }
}

//Przeskakiwanie do konkretnej pozycji

function jump(nr){
     $("#sec-slide").stop();
     $('.sec-navi-but').removeClass('sec-navi-but-active'); //wszystkie przyciski navi off
     $('#sec-navi-'+nr).addClass('sec-navi-but-active');
     nr=nr-1;
     pos=-height*nr;
     window.clearInterval(slider);
        $('#sec-slide').animate({
            top: pos+'px'
        },1000);
       odliczaj();
    }

// boxy z sekcjami artykułów section/index

$(document).ready(function(){
    var link='';
    var length=0;
    $(".sections").css('cursor','pointer'); //jak ktos nie ma JS to i tak sobie nie kliknie
    $(".sections").hover(function(){
        $(this).children(".sections div.bar").addClass("active_sec_bar");
        $(this).css('background-color','#dddddd').css('border-color', '#467bcc');
    },function(){
        $(this).children(".sections div.bar").removeClass("active_sec_bar");
        $(this).css('background-color','#e6e6e6').css('border-color','#ccc');

    });
    $(".sections").click(function(){
        link = $(this).attr('id');
        length = link.length;
        if(length==9)	link = link.charAt(length-1);
        if(length==10)	link = link.substr(length-2,2);
        if(length==11)  link = link.substr(length-3,3);
        if($(this).attr('id').indexOf('section')!=-1) window.location="../index.php/article/index/section/"+link;
        if($(this).attr('id').indexOf('article')!=-1) window.location="http://www.portroyal.pl/index.php/article/view/id/"+link;
//        if($(this).attr('id').indexOf('taverns')!=-1) window.location="../index.php/tavern/index/section/"+link;
//        if($(this).attr('id').indexOf('tavernA')!=-1) window.location="../../../../index.php/tavern/view/id/"+link;
    });

    //zaznacz pierwszy button w navi
     $('#sec-navi-1').addClass('sec-navi-but-active');

    //STOP SLIDING WHEN BOX IS FOCUSED
    jQuery("#sec-slide").hover(function(){
        window.clearInterval(slider);
    },function(){
        odliczaj();
    });
    //START SLIDE
    odliczaj();

    //KLIKANIE W SEC-NAVI
    $('#sec-navi-1').click(function(){
        jump(1);
    });

    $('#sec-navi-2').click(function(){
       jump(2);
    });

    $('#sec-navi-3').click(function(){
       jump(3);
    });

    $('#sec-navi-4').click(function(){
       jump(4);
    });

    $('#sec-navi-5').click(function(){
       jump(5);
    });
});