$(document).ready(function(){
/************************************** najavni banner **************************************/
    $("#gledajte").hide();
    $("#gledajte").css({'top': jQuery(window).height() / 2 - 160 + 'px','left':jQuery(window).width() / 2 - 200 + 'px'});
    $("#gledajte").fadeIn(1500);
    $("#closebox").click(function(){
        $("#gledajte").fadeOut(1500);
    });   

/************************************** webcast group desc **************************************/  
    $("#group").before("<div id='grouploading'>Loading....</div>");
    var d = new Date();
    var dan = d.toDateString().substring(8,10);
    var mjesec = d.toDateString().substring(4,7);
    if (page == "Webcast") {
         //inicijalno loadamo live skupinu
         $("#group").hide().load(URL_prefix + "Webcast.aspx?live=2", function() { 
            $("#grouploading").remove();   
            $(this).fadeIn();
            $('dl.grupe dd a.skupina2').addClass('selected');
            return false;
        });   
        if (dan == "14" && mjesec == "Feb") {
            //refreshaj
            var refreshId = setInterval(function() {          
                $("#group").hide().load(URL_prefix + "Webcast.aspx?live=2", function() {
                    $(this).show();
                });
                $("dl.grupe dd a.selected").removeClass('selected'); 
                $('dl.grupe dd a.skupina2').addClass('selected');                              
            }, 30000);//refresh svakih 30 sekundi
        }
    }
    //apdejtaj mi opis na klik
    $("dl.grupe dd a").each(function() { 
        var attrValue = $(this).attr("id");
        var re = new RegExp("[0-9]+");
        var attrUri = re.exec(attrValue);
        $(this).click(function(){
            $("dl.grupe dd a.selected").removeClass('selected'); 
            $(this).addClass("selected");
            $("#group").hide().load(URL_prefix + "Webcast.aspx?skupina=" + attrUri, function() { $(this).fadeIn(); });  //loadamo opis odabrane skupine
        });
    });

/************************************** multimedia lists **************************************/
    //list tabs
    $('#toplist ul li#t2s').addClass('active'); 
    $('#toplist div').hide(); $('#toplist div#t2').show(); $('#toplist ul li a').click(function(){ $('#toplist ul li').removeClass('active'); $(this).parent().addClass('active'); var currentTab = $(this).attr('href'); $('#toplist div').hide(); $(currentTab).show(); return false; });
    //galleries toggle
    $("#video h3.trigger").click(function(){ $("#video").animate({top: "125px"}, "slow").animate({height: "266px"}, "fast"); $("#video h3.trigger").toggle("slow"); });
    $("#video h3.hide").click(function(){ $("#video").animate({top: "344px"}, "slow").animate({height: "47px"}, "fast"); });
    $("#foto h3.trigger").click(function(){ $("#foto").animate({top: "125px"}, "slow").animate({height: "266px"}, "fast"); $("#foto h3.trigger").toggle("slow"); });
    $("#foto h3.hide").click(function(){ $("#foto").animate({top: "344px"}, "slow").animate({height: "47px"}, "fast"); });
    $("#cam h3.trigger").click(function(){ $("#cam").animate({top: "125px"}, "slow").animate({height: "266px"}, "fast"); $("#cam h3.trigger").toggle("slow"); });
    $("#cam h3.hide").click(function(){ $("#cam").animate({top: "344px"}, "slow").animate({height: "47px"}, "fast"); });
           
/************************************** changing standard functions **************************************/
    //change that pop-up img
    $("img").filter(function(){return $(this).attr('onclick'); }).each(function() {   
        var attrValue = $(this).attr("onclick");
	    var re = new RegExp("\"(.*?)\"");
	    var attrUri = re.exec(attrValue);
	    if (attrUri != null) {
		    $(this).removeAttr("onclick").wrap("<a class='zoom' href='" + attrUri[1] + "'></a>");
	    }
    });
    //change that pop-up link   
    $("a[href^='javascript:otvori_prozor']").each(function() {
        var hrefVal = $(this).attr("href");
        var reL = new RegExp("[0-9]+");
        var hrefUri = reL.exec(hrefVal);
        if (hrefUri != null) {
            $(this).removeAttr("href").attr("href",URL_prefix + "Home.aspx?PageID=" + hrefUri).addClass("colorbox");
        }
    });
    //target:_top reshaping
    $("a[target^='_top']").each(function() {
        $(this).removeAttr("target").addClass("colorbox");
    });
    
/************************************** plugin functions **************************************/
    //initialize my modal window
    $(".zoom").colorbox(); 
    $(".colorbox").colorbox({width:"70%", height:"70%", iframe:true}); 
    //modal window for media
    var i=0;
    for (i=0;i<=200;i++){
        $(".play" + i).colorbox({width:"620px", height:"500px", inline:true, href:"#wmplayer" + i});
    }   
    //scrollable
    $('.panel').jScrollPane({showArrows:false, scrollbarWidth:0, scrollbarMargin:0, animateTo:true});
    $('#rssreader, #grupe-lista').jScrollPane({showArrows:true, scrollbarWidth:15, scrollbarMargin:5, animateTo:true});

/************************************** browsers detection and styling **************************************/     
    if($.browser.msie && $.browser.version.substr(0,1)<7){
        $("li.menu").hover(function(){$(this).addClass("over");}, function(){$(this).removeClass("over");}); //get hover fixed
        $(".selectors, #menupage").wrap("<div class='shadow-wrapper'></div>");
        $(".page .shadow-wrapper").append("<div class='shadow-bottom'></div>");
    } else { //append shadows for all other browsers
        $(".selectors, #menupage, .default .shadow").wrap("<div class='shadow-wrapper'></div>");
        $(".default .shadow-wrapper").append('<div class="wrapper_bck shadow_t"></div><div class="wrapper_bck shadow_tr"></div><div class="wrapper_bck shadow_r"></div><div class="wrapper_bck shadow_br"></div><div class="wrapper_bck shadow_b"></div><div class="wrapper_bck shadow_l"></div><div class="wrapper_bck shadow_bl"></div><div class="wrapper_bck shadow_tl"></div>');
        $(".page #toplist").wrap("<div class='shadow-wrap'></div>");
        $(".page .shadow-wrapper").append('<div class="wrapper_bck shadow_bl"></div><div class="wrapper_bck shadow_b"></div><div class="wrapper_bck shadow_br"></div>');
        $("#toplists .shadow-wrap").append('<div class="wrapper_bck shadow_t"></div><div class="wrapper_bck shadow_tr"></div><div class="wrapper_bck shadow_r"></div><div class="wrapper_bck shadow_br"></div><div class="wrapper_bck shadow_b"></div><div class="wrapper_bck shadow_l"></div><div class="wrapper_bck shadow_bl"></div><div class="wrapper_bck shadow_tl"></div>');
    }
    //opera and all ie get rounded
    if($.browser.opera || $.browser.msie){
        var tm = $("<span class=\"tm\"></span>"); var bm = $("<span class=\"bm\"></span>");
            if($.browser.msie && $.browser.version.substr(0,1)<7){ } else {
                $("ul#menu_1 ul").css({'border-bottom':'none', 'border-top':'none','padding':'5px 7px'}).append(tm).append(bm);
            }
        $("#prijavnica p, dd.date, .elem, .webcast #player, #grupa-opis").corner("5px"); 
        $("#groups, #toplists, #community").corner("keep 5px");  
        $("#footer").corner("cc:#231f20 bottom 10px");        
    }
    //remove some stuff
    $("dl.grupe dd span.id0").remove();
    /* webkit and moz get bottom corners */
    if($.browser.mozilla || $.browser.safari){
        $("#toplist ol").corner("top 5px");
        $("#footer").corner("bottom 5px");
    } 
    
/************************************** let's update our parameters **************************************/   
    $('.selector').change(function(){
        if ($(this).attr("value") == '0') { var updateUrl = URL_prefix + "Home.aspx?PageName=" + page; }
        else { var updateUrl = URL_prefix + "Home.aspx?PageName=" + page + "&" + $(this).attr("name") + "=" + $(this).attr("value"); }
        if (updateUrl) location.href = updateUrl;
    });
});