/////////////////////////////////////////////////////////////////////////////////////////////////////
//PANORAMA LOGO
/////////////////////////////////////////////////////////////////////////////////////////////////////

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {     // 1000 je rychlost efektu rozplynutia obrazku
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 6000 );     // 6000 je rychlost prepinania obrazkov
});


/////////////////////////////////////////////////////////////////////////////////////////////////////
//KONIEC PANORAMA LOGO
/////////////////////////////////////////////////////////////////////////////////////////////////////




/////////////////////////////////////////////////////////////////////////////////////////////////////
//ABOUT PORTAL
/////////////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
	
	//ukaz stranku a aktivuj prvy obrazok
$(".stranka").show();
$(".stranka a:first").addClass("active");

//ziskaj velkost obrazku, pocet obrazkov, potom urci velkost zobrazenia.
var imageWidth = $(".okno").width();
var imageSum = $(".obrazok img").size();
var imageReelWidth = imageWidth * imageSum;

//nastav obrazok na novu velkost
$(".obrazok").css({'width' : imageReelWidth});

//strankovanie a slajdovanie
rotate = function(){
    var triggerID = $active.attr("rel") - 1; //ziskaj cislo, kolkokrat slajdovat
    var image_reelPosition = triggerID * imageWidth; //urci rozpatie ktore potrebuje obrazok na slajdovanie

    $(".stranka a").removeClass('active'); //odstran vsetky aktivne triedy
    $active.addClass('active'); //pridaj aktivnu triedu ($active je deklarovana vo funkcii rotateSwitch)

    //slajd animacia
    $(".obrazok").animate({
        left: -image_reelPosition
    }, 500 );

}; 

//rotacia a casova udalost
rotateSwitch = function(){
    play = setInterval(function(){ //nastav casovac - opakuje sa kazdych 5 sekund
        $active = $('.stranka a.active').next(); //presun na dalsiu stranku
        if ( $active.length === 0) { //ak stranka dosiahla koniec...
            $active = $('.stranka a:first'); //chod spat na prvu
        }
        rotate(); //spust strankovaciu a slajdovaciu funkciu
    }, 5000); //rychlost v milisekundach (5 sekund)
};

rotateSwitch(); //spusti funkciu 

//po prejdeni kurzora
$(".obrazok a").hover(function() {
    clearInterval(play); //zastav rotovanie
}, function() {
    rotateSwitch(); //obnov casovac rotacie
});	
                                                   
//po kliknuti
$(".stranka a").click(function() {
    $active = $(this); //aktivuj stranku na ktoru bolo kliknute
    //Reset Timer
    clearInterval(play); //zastav rotaciu
    rotate(); //okamzite spust rotaciu
    rotateSwitch(); // obnov casovac rotacie
    return false; //zabran prehliadacu aby zastavil na linku
});

	
});
/////////////////////////////////////////////////////////////////////////////////////////////////////
//ABOUT PORTAL   KONIEC
/////////////////////////////////////////////////////////////////////////////////////////////////////







/////////////////////////////////////////////////////////////////////////////////////////////////////
//AKTUALITY
/////////////////////////////////////////////////////////////////////////////////////////////////////
  $(document).ready(function() {
        //umiestni poslednu polozku zoznamu pred prvou polozkou. ucelom tohto je to, ze ked pouzivatel klikne na lavy button, uvidi poslednu polozku zoznamu
                $('#carousel_ul li:first').before($('#carousel_ul li:last')); 
        
        
        //ked pouzivatel klikne na pravy button, slajd napravo       
        $('#right_scroll img').click(function(){
        
            //zisti sirku polozky ( ak zmenis sirku v css, nemusis ju menit tu ) '
            var item_width = $('#carousel_ul li').outerWidth() + 10;
            
            //vypocitaj nove lave odsadenie neusporiadaneho zoznamu
            var left_indent = parseInt($('#carousel_ul').css('left')) - item_width;
                                                                          
            //vytvor slajd efekt pouzitim jquery funkcie "animate" '
            $('#carousel_ul:not(:animated)').animate({'left' : left_indent},500,function(){    
                
                //ziskaj prvu polozku zoznamu a vloz ju za poslednu polozku zoznamu (tym je vytvoreny efekt nekonecneho cyklu) '
                $('#carousel_ul li:last').after($('#carousel_ul li:first')); 
                
              
                
                //ziskaj lave odsadenie ako default hodnotu -170px
                $('#carousel_ul').css({'left' : '-170px'});
                
                 //ziskaj lave odsadenie ako default hodnotu -170px
                //$('#carousel_ul li').css({'left' : '-170px'});
            }); 
        });
        
        // ked pouzivatel klikne na lavy button, slajd nalavo
        $('#left_scroll img').click(function(){
            
            var item_width = $('#carousel_ul li').outerWidth() + 10;
            
            /* rovnako ako pre slajd napravo s vynimkou toho ze sucasne lave odsadenie + sirka polozky (pre slajdovanie vpravo - jeho sirka polozky) */
            var left_indent = parseInt($('#carousel_ul').css('left')) + item_width;
            
            //vytvor slajd efekt pouzitim jquery funkcie "animate" '
            $('#carousel_ul:not(:animated)').animate({'left' : left_indent},500,function(){    
            
            /* ked slajduje nalavo presuvame poslednu polozku pred prvu polozku zoznamu  */            
            $('#carousel_ul li:first').before($('#carousel_ul li:last')); 
            
            /* a znova, pri zmene nastavujeme lave odsadenie nasho neusporiadaneho zoznamu na default -170px */
            $('#carousel_ul').css({'left' : '-170px'});
            });
            
            
        });
  });
/////////////////////////////////////////////////////////////////////////////////////////////////////
//AKCIE      KONIEC
/////////////////////////////////////////////////////////////////////////////////////////////////////