/*!
 *  Karuzela JS
 *  
 */


$(document).ready(function(){
        
//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.acc_trigger').click(function(){
        if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
                $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
                $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
        }
        return false; //Prevent the browser jump to the link anchor
});

});


$(document).ready(function(){
//Set default open/close settings
$('.grm_container').hide(); //Hide/close all containers
$('.grm_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.grm_trigger').click(function(){
        if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
                $('.grm_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
                $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
        }
        return false; //Prevent the browser jump to the link anchor
});
});


/*  Drugi JS */

$(document).ready(function() {  

        //Show Banner
        $(".main_image .desc").show(); //Show Banner
        $(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity

        //Click and Hover events for thumbnail list
        $(".image_thumb ul li:first").addClass('active'); 
        $(".image_thumb ul li").click(function(){ 
                //Set Variables
                var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
                var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
                var imgDesc = $(this).find('.block').html();    //Get HTML of block
                var imgDescHeight = $(".main_image").find('.block').height();   //Calculate height of block     
                
                if ($(this).is(".active")) {  //If it's already active, then...
                        return false; // Don't click through
                } else {
                        //Animate the Teaser                            
                        $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
                                $(".main_image .block").html(imgDesc).animate({ opacity: 0.85,  marginBottom: "0" }, 250 );
                                $(".main_image img").attr({ src: imgTitle , alt: imgAlt});
                        });
                }
                
                $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
                $(this).addClass('active');  //add class of 'active' on this list only
                return false;
                
        }) .hover(function(){
                $(this).addClass('hover');
                }, function() {
                $(this).removeClass('hover');
        });
                        
        
});//Close Function