// CUFON
Cufon.replace(".navigation_03 a",{
	 fontSize: "13px",
	 hover: {
      color: "#ccc"
   }
});

Cufon.replace("#header li a",{
   fontSize: "12px",
   hover: {
      	color: "#ccc"
   }
});

Cufon.replace("#contact_box dt");
Cufon.replace("h1.type_01 span");

// HOME GALLERY
$(document).ready(function(){
    $("#list_01 li").each(function(i){
        if(i==1||i==4||i==8||i==14||i==17||i==18){
            $(this).addClass("end");
        }
    });
    $("#list_01 li .img_link").css("opacity","0.2"); 
    $("#list_01 li .img_link").hover(function(){
        if(!$(this).closest("li").is(".active")){
            $(this).stop().animate({opacity:"0.5"},400,function(){
                $(this).closest("li").addClass("active").siblings("li").each(function(){
                    $(this).removeClass("active").find(".img_link").stop().animate({opacity:"0.2"});
                    $(this).find(".info_block").stop().animate({width:"0px"});
                });
                $(this).stop().animate({opacity:"1"});
                $(this).next(".info_block").animate({width:"309px"});
                $(this).closest("li").mouseleave(function(){
                    $(this).removeClass("active").find(".img_link").stop().animate({opacity:"0.2"});
                    $(this).find(".info_block").animate({width:"0px"});
                    $(this).closest("li").unbind("mouseleave");
                });
            });
        }
    },function(){
        if(!$(this).closest("li").is(".active")){
            $(this).stop().animate({opacity:"0.2"},400);
        }
    });
});

// HEADER
$(document).ready(function(){    
    $("#header").hover(function(){
        $(this).find(".inner").stop().animate({height:"306px"});
        $(this).find(".inner ul").stop().css("display","block").animate({opacity:"1"});
    },function(){
        $(this).find(".inner").stop().animate({height:"147px"});
        $(this).find(".inner ul").stop().css("display","none").animate({opacity:"0"});
    });
});

// SEARCH BOX
$(document).ready(function(){
    $("#search form").css({opacity:"0"});
    $("#search").hover(function(){
        $(this).stop().animate({width:"460px"});
        $(this).find("form").stop().animate({opacity:"1"});
    },function(){
        if(!$("#select-drop").is("#select-drop")&&!$("#el-dropdown").is("#el-dropdown")){
            $(this).stop().animate({width:"144px"});
            $(this).find("form").stop().animate({opacity:"0"});
        }
    });
    
    $("#search select").not("[multiple]").each(function(){
        $(this).hide().after('<span class="sel-replaced'+(($(this).is(".off"))?" off":"")+'"><a>'+checkDropLength($(this).find("option:selected").text())+'</a></span>');
    });
    function checkDropLength(text){
        if(text.length<9){
            return text;
        } else {
            return text.substr(0,8)+"...";
        }
    }
    
    $("#search .dropdown").each(function(){
        if($(this).find("input:eq(0)").val()==""&&$(this).find("input:eq(1)").val()==""){
            $(this).hide().after('<span class="sel-replaced"><a class="inside">'+$(this).attr("rel")+'</a></span>');
        } else {
          $(this).hide().after('<span class="sel-replaced"><a class="inside">'+$(this).find("input:eq(0)").val()+" - "+$(this).find("input:eq(1)").val()+ " "+$(this).find("span:first").text()+'</a></span>');
        }        
        $(this).next(".sel-replaced").click(function(){ openDropdown($(this)); });
    });
    
    function openDropdown(el){
        if($("#el-dropdown").is(":visible")){
            if(el.is(".open")){ closeDropdown(el); return false; }
            closeDropdown($("span.sel-replaced.open"));
        }
        el.addClass("open");     
        
        var offset = el.offset();
        var offsetTop = offset.top+el.height();
        var offsetLeft = offset.left;
        var elWidth = el.width()+parseFloat(el.css("padding-left"))+parseFloat(el.css("padding-right"))+63;

        $("body").append('<div id="el-dropdown">'+el.prev(".dropdown").html()+'</div>');
        el.prev(".dropdown").find("input").each(function(){
            var name = $(this).attr("name");
            var value = $(this).val();
            $('#el-dropdown [name='+name+']').attr("value",value);
        });
        
        $(document).click(function(e){ if(!$(e.target).is(".sel-replaced a")&&!$(e.target).is(".sel-replaced")&&$(e.target).closest("#el-dropdown").attr("id")!="el-dropdown"){ closeDropdown(el); } });
        $("#el-dropdown").css({top: offsetTop, left: offsetLeft, width: elWidth}).show();
    }
    
    function closeDropdown(el){
        $("#el-dropdown input").each(function(){
            var name = $(this).attr("name");
            var value = $(this).val();            
            $('#search .dropdown input[name='+name+']').attr("value",value);            
        });
        
        if($("#el-dropdown input:eq(0)").val()!=""&&$("#el-dropdown input:eq(1)").val()!=""){
            el.find("a").html($("#el-dropdown input:eq(0)").val()+" - "+$("#el-dropdown input:eq(1)").val()+ " "+$("#el-dropdown span:first").text());
        } else {
            el.find("a").html(phrasebook.label_all);
        }
        $(document).unbind("click");
        $("#el-dropdown").remove();
        el.removeClass("open");
    }
    
    $("#search select").not("[name=loc_cities_id]").not("[name=re_action_id]").not("[name=re_types_id]").next(".sel-replaced").mightySelect("advanced");
    $("#search select[name=re_action_id], #search select[name=re_types_id]").next(".sel-replaced").mightySelect("advanced");
    $("#search select[name=loc_cities_id]").next(".sel-replaced").mightySelect("advanced","dependable");

    $("#search input").blur(function(){
        if($(this).val()==""){ $(this).val($(this).attr("rel")); }
    }).focus(function(){
        if($(this).attr("rel")==$(this).val()){ $(this).val(""); }
    });    

    $("#search button").hover(function(){
        $(this).stop().animate({opacity:"0.8"});
    },function(){
        $(this).stop().animate({opacity:"1"});
    });
    
    $("#search form").submit(function(){
        $(this).find("input").each(function(){
            var input_el = $(this);
            if(input_el.attr("rel")==input_el.val()){ input_el.val(""); }
        });        
    });
    
    $("#search form button.reset").click(function(){
        $("#search select").each(function(){
            $(this).find("option:first").attr("selected","selected");
            $(this).next(".sel-replaced").find("a").text(checkDropLength($(this).find("option:first").text()));
        });
        $("#search .dropdown").each(function(){
            $(this).next(".sel-replaced").find("a").text($(this).attr("rel"));
            $(this).find("input").val("");
        });
        $("#search input[name=re_realEstates_code]").val($("#search input[name=re_realEstates_code]").attr("rel"));
        return false;
    });
    
    
});

// GROUP REALESTATES LIST
$(document).ready(function(){   
    $(".list-filter select").each(function(){
        $(this).after('<span class="sel-replaced'+(($(this).is(".off"))?" off":"")+'"><a>'+$(this).find("option:selected").text()+'</a></span>');
    });
    
    $(".list-filter select").next(".sel-replaced").mightySelect("advanced");
});

// SIDE BUTTONS
$(document).ready(function(){
    $("#side_buttons li.icon_01 a").click(function(){
        window.print();
        $(this).blur();
    });
    
     $("#side_buttons li.icon_02 a").click(function(){
        var title = "Hillberg - "+document.title; var url = location.href;
        if (window.sidebar) // Firefox
        window.sidebar.addPanel(title, url, '');
        else if(window.opera && window.print) // Opera
        {
        var elem = document.createElement('a');
        elem.setAttribute('href',url);
        elem.setAttribute('title',title);
        elem.setAttribute('rel','sidebar'); // required to work in opera 7+
        elem.click();
        } 
        else if(document.all) // IE
        window.external.AddFavorite(url, title);
        
        $(this).blur();
    });
});    

// DETAIL CURRENCY SWITCH
$(document).ready(function(){
    $(".table_01 td img").click(function(){
        var value = $(this).attr("alt");
        $(this).replaceWith('<span>'+value+'</span>');
    });
});


// IMAGE BLOCK ICONS & PICTURE SWITCHER
$(document).ready(function(){
    $("#image_block ul a").css("opacity","0.48");
    $("#image_block ul a").hover(function(){
        $(this).stop().animate({opacity:"1"});
    },function(){
        $(this).stop().animate({opacity:"0.48"});
    });
    
    $("#image_block ul li.icon_02 .lightbox").lightBox();
    $("#image_block ul li.icon_02 a:first").click(function(){
        $(this).next("a.lightbox").click();
    });
    
    $("#image_block ul li.icon_04 a").click(function(){
        var link = window.location;
        window.location = $(this).attr("href")+"?subject=Poruka sa hillberg.hr&body="+link;        
        return false;
    });
    
    if($("#list_03").html()!=null){
        $("#list_03 li a").click(function(){
            return false;
        });
        $("#list_03 li:first").addClass("active");
    }
    
    var fakeImg = $("#image_block .fake");
    fakeImg.after('<img src="'+fakeImg.attr("href")+'" alt="" class="hidden" />');
    $("#image_block img").load(function(){
        $(this).fadeIn(function(){
            $("#image_block .fake").remove();
            $("#image_block ul li.icon_06 a").click(function(){
                if($(this).is(".active")){
                    clearTimeout(galleryTimeout);
                    $(this).removeClass("active").attr("title",phrasebook.label_play);
                } else {
                    galleryTimeout = setTimeout(switchPhoto,4000);
                    $(this).addClass("active").attr("title",phrasebook.label_pause);
                }
            });
            
            
            
            $("#image_block ul li.icon_07 a").click(function(){
                if($("#list_03 .active").prevAll("li").length==0){
                    $("#list_03 li:last a").click();
                } else {
                    $("#list_03 .active").prev("li").find("a").click();
                }
                
            });
            $("#image_block ul li.icon_08 a").click(function(){
                if($("#list_03 .active").nextAll("li").length==0){
                    $("#list_03 li:first a").click();
                } else {
                    $("#list_03 .active").next("li").find("a").click();
                }
            });
            
        
            $(this).fadeIn("slow");
            if($("#list_03").html()!=null){
                var galleryTimeout;
                $("#list_03 li a").unbind("click").click(function(){
                    fadePhoto($(this));
                    clearTimeout(galleryTimeout);
                    $("#image_block ul li.icon_06 a").removeClass("active").attr("title",phrasebook.label_play);
                    return false;
                });
                        
                function fadePhoto(el){
                    el.closest("li").addClass("active").siblings("li").removeClass("active");
                    $("#image_block img:last").after('<img src="'+el.attr("href")+'" alt="" class="hidden" />');            
                    $("#image_block img").load(function(){
                        $(this).fadeIn(function(){
                            if($("#image_block img").length>1){
                                $("#image_block img:first").remove();
                            }    
                        }).removeClass("hidden");                
                    });
                    el.blur();
                }
                
                function switchPhoto(){
                    if ($("#list_03 li:last").is(".active")){
                        var el = $("#list_03 li:first").find("a");
                    } else {
                        var el = $("#list_03 li.active").next("li").find("a");
                    }
                    fadePhoto(el);            
                    galleryTimeout = setTimeout(switchPhoto,4000);
                }
                galleryTimeout = setTimeout(switchPhoto,4000);
            }  
        }).removeClass("hidden");                
    });
    
    
    

    
});

// QUERY POPUP
$(document).ready(function(){
    $('.send-query, #image_block ul li.icon_03 a').click(function(event){
    	    var re_realEstates_id = $(this).attr("rel");
    	    var popup_title = $(this).attr("title");   	    
          $.get(phrasebook.URL_ROOT+"/index.php?page=queryPopup&re_realEstates_id="+re_realEstates_id, function(data){
              $("select").css("visibility","hidden");
              $("body").append('<div id="popup-overlay" title="'+phrasebook.lbox_close+'"></div><div id="popup"><h2>'+popup_title+'</h2><img class="close" src="'+phrasebook.URL_ROOT+'/images/close.gif" alt="'+phrasebook.lbox_close+'" title="'+phrasebook.lbox_close+'" /><div id="data-popup">'+data+'</div></div>');
              var overlayEl = $("#popup-overlay");
              var popupEl = $("#popup");
              var closeButton = popupEl.find(".close");          
              var left = ($(window).width() - popupEl.width())/2;
              var top = $(window).scrollTop()+50;
              
              $(window).resize(function(){ position_popup(overlayEl,popupEl); });
              overlayEl.click(function(){ close_popup(overlayEl,popupEl); });
              closeButton.click(function(){ close_popup(overlayEl,popupEl); });   
              
              popupEl.find("form").submit(function(){
                  var form = $(this);
                  form.find(".error").removeClass("error");
                  if(form.find(".small input:checked").val()=="email"){
                      if(form.find("[name=quaryEmail]").val()==""){ form.find("[name=quaryEmail]").addClass("error"); }
                  } else {
                      if(form.find("[name=quaryPhone]").val()==""){ form.find("[name=quaryPhone]").addClass("error"); }
                  }
                  if(form.find(".error").length!=0){ return false; }
                  else {
                      $.get(form.attr("action")+"&"+form.serialize(),function(data){
                          form.find("fieldset ul").replaceWith("<p>"+data+"</p>");
                          form.find("button").not(".close").remove();                    
                    	});
                      return false;                  
                  }
              });
              
              overlayEl.css({ height:$(document).height(), width:$(window).width(), opacity: "0.8" }).show();
              if((top+parseFloat(popupEl.height()))>overlayEl.height()){ overlayEl.height((top+parseFloat(popupEl.height()))+30); }
              popupEl.css({ left: left, top: top }).fadeIn("slow");
          });
    });
});

// GOOGLE MAP
$(document).ready(function(){
    $('#image_block ul .icon_01 a').click(function(){
        if(typeof(DGoogleMap2)=="undefined"){        
            $.getScript("http://www.google.com/jsapi?key="+phrasebook.GOOGLE_API_KEY, function(){
                google.load("maps", "2", {"callback": includeGmapJs});
            });
        } else {
            openMapPopup($(this));
        }
        
        function includeGmapJs(){     
            $.getScript(phrasebook.URL_ROOT+"/javascript/gmap.js", function(){
                openMapPopup($('#image_block ul .icon_01 a'));
            });
        }
    });
    
    function openMapPopup(el){
        $("select").css("visibility","hidden");
        $("body").append('<div id="popup-overlay" title="'+phrasebook.lbox_close+'"></div><div id="popup"><h2>'+el.attr("title")+'</h2><img class="close" src="'+phrasebook.URL_ROOT+'/images/close.gif" alt="'+phrasebook.lbox_close+'" title="'+phrasebook.lbox_close+'" /><div id="gmap-popup"></div></div>');
        var overlayEl = $("#popup-overlay");
        var popupEl = $("#popup");
        var closeButton = popupEl.find(".close");          
        var left = ($(window).width() - popupEl.width())/2;
        var top = $(window).scrollTop()+50;
        
        $(window).resize(function(){ position_popup(overlayEl,popupEl); });
        overlayEl.click(function(){ close_popup(overlayEl,popupEl); });
        closeButton.click(function(){ close_popup(overlayEl,popupEl); });       
        
        var location = el.attr("rel").split("|");
        var NewMap = clone(DGoogleMap2);
        NewMap.setOption( 'zoom', 16 );
        NewMap.setOption( 'center', new GLatLng(location[0], location[1]) );
        NewMap.mapDefaultUI.zoom.scrollwheel=false;        
        var s = NewMap.displayMap("#gmap-popup");
        NewMap.setMarker({ 'lat':location[0], 'lng':location[1] }, '', '', { 'image' : phrasebook.URL_ROOT+'/images/marker.png', 'shadow' : phrasebook.URL_ROOT+'/images/marker-shadow.png', 'iconAnchor' : new GPoint( 17, 38 ), 'infoWindowAnchor' : new GPoint( 17, 0 ), 'iconSize' : new GSize( 35, 41 ), 'shadowSize ' : new GSize( 35, 41 ) }, false );
        NewMap.displayMarkers();       
        
        overlayEl.css({ height:$(document).height(), width:$(window).width(), opacity: "0.8" }).fadeIn("slow");
        if((top+parseFloat(popupEl.height()))>overlayEl.height()){ overlayEl.height((top+parseFloat(popupEl.height()))+30); }
        popupEl.css({ left: left, top: top }).fadeIn("slow");
    }
    
});


// POPUP CLOSE
function position_popup(overlayEl,popupEl){
    overlayEl.hide().css({ height:$(document).height(), width:$(document).width(), opacity: "0.8" });
    var left = ($(window).width() - popupEl.width())/2;
    var top = $(window).scrollTop()+50;
    popupEl.css({ left: left, top: top });
}

function close_popup(overlayEl,popupEl){       
    popupEl.fadeOut("slow",function(){
        popupEl.remove();
    });
    overlayEl.fadeOut("slow",function(){
        $("select").css("visibility","visible");        
        overlayEl.remove();
    });
    $(window).unbind("resize");
}

// QUERY FORM SUBMIT
$(document).ready(function(){
    $(".form_01").submit(function(){
        $(this).find(".error").removeClass("error");
        $(this).find("label:has(em)").each(function(){
            if($(this).next().val()==""){ $(this).next().addClass("error"); }
        });
        if(!$(this).find(".check_button input").is(":checked")){ $(this).find(".check_button").addClass("error"); }
        if($(this).find(".error").length!=0){
            $(this).find(".error:first").focus();
            return false;
        }
    });
});