// JavaScript Document
function ie_version()
    {
        //var browser=navigator.appName;
        //var useragent=navigator.userAgent;
        var b_version=navigator.appVersion;

        var patt1=/MSIE\s\d+\.\d/;
        var match_ie = b_version.match(patt1);
        
        if (match_ie == null)
            {
                return 0;
            }
        else
            {
                match_ie = match_ie + "";  
                var patt2 = /\d+\.\d/;
                var verzija = match_ie.match(patt2);
                verzija_int = parseInt(verzija);
                return verzija_int;
            }
    }
	
function MouseOver(obj)
{
   	 $(obj).addClass('a_hover');
	
}

function MouseOut(obj)
{
    $(obj).removeClass('a_hover');
	var a = document.getElementsByTagName("a");
	var limit;
	var brojac = 0;
	setTimeout(function() {
	for( var i=0, limit = a.length; i < limit; ++i )
	{
		if ($(a[i]).hasClass('a_hover'))
		{
		      brojac++;	
		}
	}
	if (brojac == 0)
	{
	    $("#portfolio_pics a").fadeTo(300,1);
	} 
						},100);
}

function FadeTo()
{
    $("#portfolio_pics a").not('.a_hover').fadeTo(500,0.2);	
	$('.a_hover').fadeTo(300,1);
}

function Pomocna(obj)
{
     if ($(obj).hasClass('a_hover')) { FadeTo(); }	
}

function oznachavanje_slike()
{
$("#efekat").val(1);  // efekat izvrsen
      $("#portfolio_pics a").mouseover(function()
												{
													MouseOver(this);
													var x = $(this);
													var interval = setTimeout(function(){ Pomocna(x); },100);
												});
	  
	  $("#portfolio_pics a").mouseout(function()
												{
													MouseOut(this);
												});
}                                          

///// ie 7 only - end ////////////
		
function previous_next()
		{
			$(".prethodni").click(function()
										   {
											   $("#deo_za_slike").empty();
											   $("#sajt_text").empty();
										   });
			
			$(".sledeci").click(function()
										   {
											   $("#deo_za_slike").empty();
											   $("#sajt_text").empty();
										   });
			
		}
		
function oznacavanje_levih_linkova()
		{
			$(".ovde_text a").click(function()
											 {
												 $('.aktivan').addClass('pasivan').removeClass('aktivan');
												 $(this).addClass('aktivan');
											 });
		}
        
function swf_loaderi()
    {
        $("#portfolio_pics a").hide();
        var broj_slika_koje_se_ucitavaju = $("#img_total").val();
        broj_slika_koje_se_ucitavaju = broj_slika_koje_se_ucitavaju * 1;
        
        for (var xx = 1; xx <= broj_slika_koje_se_ucitavaju; xx ++)
            {
                var params = {};
                params.quality = "high";
                if (ie_version() == 0) params.wmode = "transparent"; 
                swfobject.embedSWF(
                "/images/mali_loader.swf", "mali_loader_" + xx,"165", "122", "9.0.0", "/swf/expressInstall.swf", null, params, null, outputStatus ); 
            } 
             
           function outputStatus(e)
                        {
                            if (e.success) 
                                { 
                                    //alert("e.success = " + e.success +"\ne.id = "+ e.id +"\ne.ref = "+ e.ref);
                                    //$("#mali_loader_1").hide();
                                    //$("img").show();
                                    var swf_loaded = $("#swf_loaded").val();
                                    swf_loaded = (swf_loaded * 1) + 1;
                                    $("#swf_loaded").val(swf_loaded);
                                    if (swf_loaded == broj_slika_koje_se_ucitavaju) 
                                        {  
                                            
                                            for (var yy = 0; yy < broj_slika_koje_se_ucitavaju; yy ++)
                                            {
                                            var image = new Image();  
                                            image.src = $(".project_preview_pics:eq(" + yy + ")").attr('src');
                                            //alert($(".project_preview_pics:eq(" + yy + ")").attr('src'));
                                            if (image.complete)
                                                { 
                                                image_load_count();    
                                                }
                                            else 
                                                {   
                                                image.onload = function()
                                                    {
                                                        image_load_count();
                                                    };
                                                }
                                            }  
                                        }
                                }
                        function image_load_count()
                                {
                                        var img_loaded = $("#img_loaded").val();
                                        //alert(img_loaded);
                                        img_loaded = (img_loaded * 1) + 1;
                                        $("#img_loaded").val(img_loaded);
                                        //$("#portfolio_pics a img").attr("style", "");
                                        if (img_loaded == broj_slika_koje_se_ucitavaju)
                                            {
                                                for (var xx = 1; xx <= broj_slika_koje_se_ucitavaju; xx ++)
                                                 {
                                                 var yy = xx - 1;
                                                    $("#mali_loader_" + xx).fadeOut(1000);
                                                    $("#portfolio_pics a:eq(" + yy + ")").delay(1000).fadeIn(1000, function()
                                                            {
                                                            var img_faded_in = $("#img_faded_in").val() * 1 + 1;
                                                            $("#img_faded_in").val(img_faded_in);
                                                            if (img_faded_in == broj_slika_koje_se_ucitavaju) 
                                                                {
                                                                    //if ((ie_version() == 0) || (ie_version() >= 8))
                                                                    if (ie_version() == 0)
                                                                        {
                                                                            hover_zoom_in_out_efekat();
                                                                        }
                                                                    else
                                                                        {
                                                                            oznachavanje_slike();
                                                                        } 
                                                                    $("#img_faded_in").val(0);
                                                                }
                                                            
                                                                    
                                                                    
                                                            }); 
                                                    
                                                 }
                                            }
                                }
                        }    
    }


function portfolio_prev_next_page()
    {
        $("#portfolio_next").click(function()
            {
                 $(".project_preview_pics").hide();
                 $("object").show();
                 return false;
            });
    }
    
function sledeca_strana(page, option)
    {
    if ((option == 'e') && ($("#detalji").is(":visible")))
        {
            option = 'no_swf';
            ucitaj_nove_slike(page, option); 
            return false;  
        }
        $("#spisak:hidden").show();
        $("#detalji:visible").hide();
        $(".ovde_text .aktivan").addClass("pasivan").removeClass("aktivan");
        document.title = "Porfolio « TrueBlue Design & Development";
    if (page == 0) 
        {      
            //if ((ie_version() == 0) || (ie_version() >= 8))
            if (ie_version() == 0)
                {
                    hover_zoom_in_out_efekat();
                }
            else
                {
                    oznachavanje_slike();
                }
            return false;
        }
    //if ($(".project_preview_pics:visible").length == 0) return;
    var img_loaded = $("#img_loaded").val() * 1;
        if (img_loaded != 0)
            {
            $("#portfolio_pics a").unbind('mouseenter').unbind('mouseleave');
            $("#portfolio_pics a").unbind('mouseover').unbind('mouseout');
            var xx = 0;
            $("#portfolio_pics a:visible").each(function()
                {
                    $(this).delay((100 * xx) + 1).fadeTo(350, .001, function()
                        {
                           var img_faded = $("#img_faded").val() * 1 + 1;
                           $("#img_faded").val(img_faded);
                           var img_total = $("#img_total").val() * 1;
                           if (img_faded == img_total) 
                                {         
                                    $("#portfolio_pics a").removeAttr("style").hide();
                                    ucitaj_nove_slike(page, option);
                                }
                        });
                    xx ++;
                    });
                }
        else
            {
                 $("#portfolio_pics a").removeAttr("style").hide();
                 ucitaj_nove_slike(page);
            }
    }
    
function ucitaj_nove_slike(page, option)
    {
       $.getJSON("/portfolio.php", "page=" + page + "&data=on", function(data)
        {
            $("#swf_loaded").val(0);
            $("#img_loaded").val(0);
            $("#img_faded").val(0);
            $("#current_page").val(data.current_page);
            var broj_slika_na_strani = data.values.length;
            $("#img_total").val(broj_slika_na_strani);
            
            var meta_tekuca_strana = "";
            if (option != 'no_swf')
            {
                if (data.current_page > 1) meta_tekuca_strana = "(" + data.current_page + ")";
                document.title = "Porfolio" + meta_tekuca_strana + " « TrueBlue Design & Development";
            }
            
            if (data.total_pages == 1)
                {
                    $("#portfolio_previous").attr("href", "/portfolio/1/#portfolio/1/");
                    $("#portfolio_next").attr("href", "/portfolio/1/#portfolio/1/");
                    $("#portfolio_previous:visible").addClass("display_none");
                    $("#portfolio_next:visible").addClass("display_none");
                    
                    $("#portfolio_previous_left").attr("href", "/portfolio/1/#portfolio/1/e/");
                    $("#portfolio_next_left").attr("href", "/portfolio/1/#portfolio/1/e/");
                    $("#portfolio_previous_left:visible").addClass("display_none");
                    $("#portfolio_next_left:visible").addClass("display_none");
                }
            else if (data.current_page == 1)
                {
                    $("#portfolio_previous").attr("href", "/portfolio/1/#portfolio/1/");
                    $("#portfolio_next").attr("href", "/portfolio/2/#portfolio/2/");
                    $("#portfolio_previous:visible").addClass("display_none");
                    $("#portfolio_next:hidden").removeClass("display_none");
                    
                    $("#portfolio_previous_left").attr("href", "/portfolio/1/#portfolio/1/e/");
                    $("#portfolio_next_left").attr("href", "/portfolio/2/#portfolio/2/e/");
                    $("#portfolio_previous_left:visible").addClass("display_none");
                    $("#portfolio_next_left:hidden").removeClass("display_none");
                }
                
            else if (data.current_page == data.total_pages)
                {
                    var prethodna_strana = data.current_page - 1;
                    var sledeca_strana = data.total_pages;
                    $("#portfolio_previous").attr("href", "/portfolio/" + prethodna_strana + "/#portfolio/" + prethodna_strana + "/");
                    $("#portfolio_next").attr("href", "/portfolio/" + sledeca_strana + "/#portfolio/" + sledeca_strana + "/");
                    $("#portfolio_previous:hidden").removeClass("display_none");
                    $("#portfolio_next:visible").addClass("display_none");
                    
                    $("#portfolio_previous_left").attr("href", "/portfolio/" + prethodna_strana + "/#portfolio/" + prethodna_strana + "/e/");
                    $("#portfolio_next_left").attr("href", "/portfolio/" + sledeca_strana + "/#portfolio/" + sledeca_strana + "/e/");
                    $("#portfolio_previous_left:hidden").removeClass("display_none");
                    $("#portfolio_next_left:visible").addClass("display_none");
                }
            else
                {
                    var prethodna_strana = data.current_page - 1;
                    var sledeca_strana = data.current_page + 1;
                    $("#portfolio_previous").attr("href", "/portfolio/" + prethodna_strana + "/#portfolio/" + prethodna_strana + "/");
                    $("#portfolio_next").attr("href", "/portfolio/" + sledeca_strana + "/#portfolio/" + sledeca_strana + "/");
                    $("#portfolio_previous:hidden").removeClass("display_none");
                    $("#portfolio_next:hidden").removeClass("display_none");
                    
                    $("#portfolio_previous_left").attr("href", "/portfolio/" + prethodna_strana + "/#portfolio/" + prethodna_strana + "/e/");
                    $("#portfolio_next_left").attr("href", "/portfolio/" + sledeca_strana + "/#portfolio/" + sledeca_strana + "/e/");
                    $("#portfolio_previous_left:hidden").removeClass("display_none");
                    $("#portfolio_next_left:hidden").removeClass("display_none");
                }               
                
            $(".linkovi_levo, .ovde_text br").remove();
            for (var yy = 0; yy < broj_slika_na_strani; yy ++)
                {
                    $("#portfolio_prev_next_levo").before("<a rel=\"history\" link=\"" + data.values[yy].id + "\" class=\"linkovi_levo pasivan\" href=\"/project/" + data.values[yy].id + "/" + data.values[yy].url_naziv + "/#project/" + data.values[yy].id + "/" + data.values[yy].url_naziv + "\">" + data.values[yy].naziv + "</a><br />");
                    $(".project_preview_pics:eq(" + yy + ")").attr("src", "/images/projekti/" + data.values[yy].filename);
                    $(".project_preview_pics:eq(" + yy + ")").parent("a").attr("href", "/project/" + data.values[yy].id + "/" + data.values[yy].url_naziv + "/#project/" + data.values[yy].id + "/" + data.values[yy].url_naziv);
                    $(".project_preview_pics:eq(" + yy + ")").attr("title", data.values[yy].naziv);
                    if (yy == (broj_slika_na_strani - 1)) 
                        {
                            history_reattach('.ovde_text .linkovi_levo');
                            var current_project = parseInt($("#current_project").val());
                            $(".aktivan").removeClass("aktivan").addClass("pasivan");
                            if (!isNaN(current_project)) $(".ovde_text a[link=" + current_project + "]").removeClass("pasivan").addClass("aktivan");
                            swf_loaderi();
                        }; 
                }
                
            
        });
    }
    
function detalji_projekta(projID)
    {
        if ((parseInt(projID) <= 0) || (isNaN(parseInt(projID)))) window.location.href = "/portfolio/";
        $.get("/sajt_pojedinachni.php?project_id=" + projID, function(data)
            {
                $("#spisak").hide();
                $("#detalji").show();
                
                $("#detalji").html(data);
                
                //fancybox
                $(".slike_projekta").fancybox({
                            'zoomSpeedIn': 300, 
                            'zoomSpeedOut': 300, 
                            'overlayShow': false
                });

                
                $.getScript("/js/sifr-config.js");    
                history_reattach("#detalji a[rel='history']");
                //$(".ovde_text a:eq(0)").removeClass('pasivan').addClass('aktivan');
                $("#container").removeClass('container_osnovni').addClass('container_scroler');
                
                var tekuca_strana_na_strani_detalji = parseInt($("#trenutno_na_strani").val());
                var tekuca_strana_na_strani_spisak = parseInt($("#current_page").val());
                if (tekuca_strana_na_strani_detalji != tekuca_strana_na_strani_spisak) sledeca_strana(tekuca_strana_na_strani_detalji, 'e');
                    var current_project = parseInt($("#current_project").val());
                    $(".aktivan").removeClass("aktivan").addClass("pasivan");
                    if (!isNaN(current_project)) $(".ovde_text a[link=" + current_project + "]").removeClass("pasivan").addClass("aktivan");
               
               if (!isNaN(current_project)) var meta_naziv_projekta = $("#current_project_name").val(); 
               document.title = meta_naziv_projekta + " « Porfolio « TrueBlue Design & Development"; 
                //previous_next();
                
            });
    }
    
//////////////////////////////// KONTROLA ZA HISTORY PLUGIN ////////////////////////////////////
function pageload(hash) 
    {
        // hash doesn't contain the first # character.
        if(hash) {
            var separate = hash.split("/");
            var separate_length = separate.length;
            
            var page_designator = separate[0];
            var param1 = separate[1];
            var param2 = separate[2]; 
            switch (page_designator)
                            {
                            case 'portfolio':
                                if (!isNaN(param1)) sledeca_strana(param1, param2); else return false;
                                break;  
                            case 'project':
                                if (!isNaN(param1)) detalji_projekta(param1); else return false;
                                break;  
                                
                            default:
                                return false;
                            
                            };
            
        } else {
            // start page
            sledeca_strana(0,0);

        }
    };
    
function history_tracking()
    {
         
        
        $("a[rel='history']").click(function(){
            
            var hash = $(this).attr("href");
            hash = hash.replace(/^.*#/, '');
            location.hash = hash; 
            // moves to a new page. 
            // pageload is called at once. 
            $.historyLoad(hash);
            return false;
        });
    };
    
function history_reattach(target)
    {
        $(target).click(function(){
                                                    var hash = $(this).attr("href");
                                                    //hash = hash.substring(1);
                                                    hash = hash.replace(/^.*#/, ''); 
                                                    location.hash = hash;
                                                    // moves to a new page. 
                                                    // pageload is called at once. 
                                                    $.historyLoad(hash); 
                                                    return false;
                                                });
    };
    
function hover_zoom_in_out_efekat()
    {
    $("#efekat").val(1);  // efekat izvrsen
        $("#portfolio_pics a:visible").hover(function() {
            $(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
            $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
                .animate({
                    marginTop: '-20px', /* The next 4 lines will vertically align this image */ 
                    marginLeft: '-20px',
                    top: '0%',
                    left: '0%',
                    width: '185px', /* Set new width */
                    height: '142px', /* Set new height */
                    padding: '0px'
                }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

            } , function() {
            $(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
            $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
                .animate({
                    marginTop: '0', /* Set alignment back to default */
                    marginLeft: '0',
                    top: '0',
                    left: '0',
                    width: '165px', /* Set width back to default */
                    height: '122px', /* Set height back to default */
                    padding: '0px'
                }, 400);
        });
    }

$(document).ready(function()
{
    if ((ie_version() > 6) || (ie_version() == 0))
        {

                if (!url_entry_external())
                {
                        document.title = "Porfolio « TrueBlue Design & Development";
		                $("#img_faded").val(0);
		                $("#img_loaded").val(0);
		                $("#swf_loaded").val(0);
                        $("#img_faded_in").val(0);
                         // ucitavanje onDocReady se vrsi samo ako je prva strana u pitanju
                                var hash = window.location.hash;
                                hash = hash.replace(/^.*#/, '');
                            if ((hash.match("^portfolio/[0-9]+/*") == null) && (hash.match("^project/[0-9]+/*") == null)) {
                                swf_loaderi();	
                            };
                            
		                //if (ie_version() == 7) oznachavanje_slike(); // ie 7 ima drugaciji prikaz od ostalih
		                //prikaz_sajta();
		                //otvaranje_levih_linkova();
                        oznacavanje_levih_linkova();
                        $.historyInit(pageload);
                        history_tracking();  
                }
                else
                {
                        link_rewrite();
                        if ($("#detalji").is(":visible"))
                            {
                                $(".slike_projekta").fancybox({
                                            'zoomSpeedIn': 300, 
                                            'zoomSpeedOut': 300, 
                                            'overlayShow': false
                                });   
                            }
                            else
                            {
                                 //if ((ie_version() == 0) || (ie_version() >= 8))
                                 if (ie_version() == 0)
                                    {
                                        hover_zoom_in_out_efekat();
                                    }
                                 else
                                    {
                                        oznachavanje_slike();
                                    }
                            }
                        
                }
        }
        else
        {
            // ie6 js
            $(".slike_projekta").fancybox({
                                            'zoomSpeedIn': 300, 
                                            'zoomSpeedOut': 300, 
                                            'overlayShow': false
                                });
                                
            hover_zoom_in_out_efekat(); 
                    
        }
});