$(document).ready(function() {
    $("#header .top form .txt").val($("#header .top form label").text());
    $("#header .top form label").hide();
});

$(document).ready(function() {
    $("#search select").selectbox();
});

// HOME SLIDE
$(document).ready(function() {
	$("#home-slideshow")
	//.before('<div id="home-slideshow-nav">')
	.cycle({ 
		//pager: '#home-slideshow-nav',
		fx: "scrollLeft",
		containerResize: 0,
		timeout: 10000,
		//speed: 300,
		easing:  'easeInOutBack',
		pause: 1
	});
});

// slideshow
$(document).ready(function() {
	$("#slideshow")
	.after('<div id="slideshow-nav">')
	.cycle({
		pager: '#slideshow-nav',
		containerResize: 0,
		pause: 1
	});
});


// slideshow
$(document).ready(function() {
	$(".slideshow")
	//.after('<div class="slideshow-nav">')
	.cycle({
		//pager: '.slideshow-nav',
		containerResize: 0,
		pause: 1
	});
});


// LOG IN popup
$(document).ready(function() {
	// disable standardni javascript popup embedan u login
	$("#overlay, #loginForm .close, #loginForm, #loginButton").unbind("click");
	$("#overlay, #loginForm .close, #loginForm, #loginButton").removeAttr("onclick");
	$("#loginForm #odustani").unbind("click");
	$("#loginForm #odustani").removeAttr("onclick");
	

    $("#loginButton").click(function(){
		// pokaži elemente kako bi offset() funkcija vraćala dobar rezultat
		$("#overlay").show();
		$("#loginForm").show();
		$("#overlay").css({ 
			height:$(document).height(), 
			width:$(document).width(), 
			opacity: "0.8", 
			left: -$("#overlay").offset().left,
			top: -$("#overlay").offset().top
		}).show();
		
		var left = ($(window).width() - $("#loginForm").width())/2 - $("#loginForm").offset().left;
		var top = $(window).scrollTop() + 50 - $("#loginForm").offset().top;
		$("#loginForm").css({ left: left, top: top }).show("drop", {}, 300, function() {
			$("#loginForm input[id$=txtUsername]").each(function(i) {
				$(this).select();
			});
		});
		
        return false;
    });

	$("#overlay, #loginForm .close, #loginForm #odustani").click(function(){
		$("#loginForm").effect("drop", { }, 150, function(){
			$("#loginForm").removeAttr('style').hide();
			$("#overlay").removeAttr('style').hide();
		});
	});
});

// SLIDE widget
$(document).ready(function() {
    var scrollAmount=242;
    var scrollNum=2;
    var slideElement = $("#slide-widget .scroll-wrapp ul");
    var scrollEnd = $("#slide-widget .scroll-wrapp ul li").length;    
    
    $("#slide-widget .scroll-wrapp ul").css("width",(parseFloat($("#slide-widget .scroll-wrapp ul li:first").width())+12)*scrollEnd + (parseFloat($("#slide-widget .scroll-wrapp ul li.active").width())+12)+"px");
    
    $("#slide-widget .back").click(function(){
        if ( scrollNum==1 || slideElement.is(":animated") || $("#slide-widget ul img").is(":animated") ){ return false; }
        $("#slide-widget .next").css("opacity","1");
        scrollNum = scrollNum-1;
        var activeElement = $("#slide-widget .active");
        activeElement.find("img").animate({width: "206px"});
        activeElement.prev("li").find("img").animate({width: "280px"});
        slideElement.animate({marginLeft: -(-parseFloat(slideElement.css("margin-left"))-scrollAmount)+"px"},function(){
            activeElement.removeClass("active").prev("li").addClass("active");
        });
        if(scrollNum==1){ $("#slide-widget .back").css("opacity","0.3"); }
    });
    $("#slide-widget .next").click(function(){
        if ( scrollNum==scrollEnd || slideElement.is(":animated") || $("#slide-widget ul img").is(":animated") ){ return false; }
        $("#slide-widget .back").css("opacity","1");
        scrollNum = scrollNum+1;
        var activeElement = $("#slide-widget .active"); 
        activeElement.find("img").animate({width: "206px"});
        activeElement.next("li").find("img").animate({width: "280px"});
        slideElement.animate({marginLeft: "-"+(-parseFloat(slideElement.css("margin-left"))+scrollAmount)+"px"},function(){
            activeElement.removeClass("active").next("li").addClass("active");
        });
        if(scrollNum==scrollEnd){ $("#slide-widget .next").css("opacity","0.3"); }        
    });
});

// G-MAP lightbox
$(document).ready(function() {
    $(".g-map").click(function(){
		var a = $(".g-map").attr("href");			// edit sasa:
		if (a == null) {							// provjeri sebe pa tek onda djecu linkove
			a = $(this).children("a").attr("href"); //
		}
        $.get(a, function(data){
            $("body").append('<div id="g-map-overlay"></div><div id="g-map-popup"><ul><!--<li class="print">Ispiši</li>--><li class="close">zatvori</li></ul>'+data+'</div>');
            
            var left = ($(window).width() - $("#g-map-popup").width())/2;
            var top = $(window).scrollTop()+50;
			
			$("#g-map-overlay").css({ height:$(document).height(), width:$(document).width(), opacity: "0.8" });
            $("#g-map-popup").css({ left: left, top: top }).show();
			$("#g-map-popup").show("drop", {to: {left: left, top: top}},300);

            
			
            $("#g-map-overlay, #g-map-popup .close").click(function(){
                $("select").css("visibility","visible");
				$("#g-map-popup").effect("drop", {}, 150, function(){
					$("#g-map-overlay").remove();
					$("#g-map-popup").remove();
				});
            });
        });
        return false;
    });
});



// CLOUD POPUP
$(document).ready(function() {
    $(".tech-info li img,.detail .head-text dd img").each(function(){
        var val = $(this).attr("alt");
        $(this).parent("a").attr("rel",val);
        $(this).removeAttr("alt");
        $(this).parent("a").removeAttr("title");
    });
    
    $(".tech-info li a,.detail .head-text dd a").bind("mouseenter",function(){
          $(this).children("img").css("opacity","0.3");
          $(".popup-cloud").remove();
          $(this).children("img").after('<div class="popup-cloud"><div><span>'+$(this).attr("rel")+'</span></div></div>');//petar maknuo:<a href="'+$(this).attr("href")+'">opširnije</a> - iza SPAN-a
          $(".popup-cloud").css("top","-"+($(".popup-cloud").height()-7)+"px").show();
    }).bind("mouseleave",function(){
          $(this).children("img").css("opacity","1");
          $(".popup-cloud").remove();
    });
});

// PHOTO GALLERY
$(document).ready(function() {
    $(".jpg a").click(function(){
		var galleryElm = "#" + $(this).attr("rel");
		$(this).parent().find(galleryElm).each(function() {
			$(this).removeAttr("style");
			$(this).unbind("click");
			$(this).find(".close").unbind("click");
			
			$(this).show();
			
			var left = ($(window).width() - $(this).width())/2 + $(window).scrollLeft() - $(this).offset().left;
			var top = ($(window).height() - $(this).height())/2 + $(window).scrollTop() - $(this).offset().top;

			$(this).css({top: top, left: left}).show("drop", {}, 300);
			gallery(galleryElm + " .inner",6);
            $(galleryElm + " .img-block img").each(function(){
                $(this).css("margin-top","-"+($(this).height()/2)+"px");
                $(this).css("margin-left","-"+($(this).width()/2)+"px");
            });
            $(this).find(".close").click(function(){ $(this).parent().parent().hide("drop", {}, 300); });
		});
        return false;
    });
});

$(document).ready(function() {
    gallery(".img-viewer",3);
});

function gallery(el,num){
    var step = $(el+" .tool-block div").width()+parseFloat($(el+" .tool-block ul li").css("margin-right"));
	step = step / 3;
    var maxLength = Math.ceil($(el+" .tool-block ul li").length/num)*step-step;
    var movement = 0;
    
    $(el+" .tool-block ul li").hover(function(){
        $(this).addClass("over");
    },function(){
        $(this).removeClass("over");
    });
    
    $(el+" .tool-block .prev").hide();
    if($(el+" .tool-block ul li").length<=num) { $(el+" .tool-block .prev , "+el+" .tool-block .next").hide(); }
    
    $(el+" .tool-block ul li").click(function(){
        var itemOrder = $(this).prevAll("li").length;
        $(el+" .tool-block ul li").removeClass("on");
        $(this).addClass("on");
        $(el+" .img-block img").removeClass("on");
        $(el+" .img-block img:eq("+itemOrder+")").addClass("on");
        return false;
    });
    
    $(el+" .tool-block .prev").click(function(){
        if ($(el+" .tool-block ul").is(":animated")){ return false; }
        movement = movement+step;
        $(el+" .tool-block .next").show();
        $(el+" .tool-block ul").animate({marginLeft:movement+"px"}, function(){
            if ( movement==0 ) { $(el+" .tool-block .prev").hide(); }
        });        
    });
    
    $(el+" .tool-block .next").click(function(){
        if ($(el+" .tool-block ul").is(":animated")){ return false; }
        movement = movement-step;
        $(el+" .tool-block .prev").show();
        $(el+" .tool-block ul").animate({marginLeft:movement+"px"}, function(){
            if ( movement== -maxLength ) { $(el+" .tool-block .next").hide(); }
        });
    });
}

// FIX FOR IE 6
$(document).ready(function() {
    if($.browser.msie &&  $.browser.version < 7) {
        $("img[src$=png]").pngfix();
         
        $("a.login").css({
            background: "none",
            filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+urlRoot+"images/log-in-bkg.png', sizingMethod='scale')"
        });
        $(".banner-box-1 div").css({
            background: "none",
            filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+urlRoot+"images/banner-box-1-bkg-transp.png', sizingMethod='scale', enabled='true)"
        });
        
        /*$(".showcase-box img").each(function(){
            $(this).css("margin-top","-"+($(this).height()/2)+"px");
            $(this).css("margin-left","-"+($(this).width()/2)+"px");
        }); */
        
        $(".img-viewer .img-block img").each(function(){
            $(this).css("margin-top","-"+($(this).height()/2)+"px");
            $(this).css("margin-left","-"+($(this).width()/2)+"px");
        });
        
        $("#main-nav li").hover(function(){
            $(this).addClass("over");
        },function(){
            $(this).removeClass("over");
        });
    
        $("#side-nav dd").hover(function(){
            $(this).addClass("over");
        },function(){
            $(this).removeClass("over");
        });

		$("#toolbar .buttons").css("margin-right", "5px");
    }
});

// pošalji prijatelju - product details
$(document).ready(function() {
    $("#posaljiPrijatelju").click(function(){
		$("#" + $(this).attr("rel")).attr("style", "display='block'");
        return false;
    });
});

$(document).ready(function() {
    $("#send_close").click(function(){
		$("#" + $("#posaljiPrijatelju").attr("rel")).attr("style", "display:none")
        return false;
    });
});

// category list - drugačiji stil za zadnji td u tablici
$(document).ready(function(){
	$(".table-list tr").find("td:last-child").addClass("last");
	
	//Configuration Options
	var new_height = 130; 	//Sets the max width, in pixels, for every image
	
	if (navigator.userAgent.match('MSIE')) {
		$('.table-list tr td img').each(function(){
			var width = $(this).width();
			var height = $(this).height();
			if (height > width) {
				var ratio = width / height;
				$(this).height(new_height).width(new_height * ratio);
			}
		});
	} else {
		$('.table-list tr td img').load(function(){
			var width = $(this).width();
			var height = $(this).height();
			if (height > width) {
				var ratio = width / height;
				$(this).height(new_height).width(new_height * ratio);
			}
		});
	}

});

// top menu - zadnji element drugačiji
$(document).ready(function(){
	$(".TopMenu_Bar ul").find("li:last-child").addClass("last");
	$(".TopMenu_Bar ul").find("li:last-child").bind("mouseenter",function(){
		$(this).addClass("last");
	});
	$(".TopMenu_Bar ul").find("li:last-child").bind("mouseleave",function(){
		$(this).addClass("last");
	});
	
});

// side-nav
$(document).ready(function(){
	$("#side-nav dd").hover(function(){
		$(this).addClass("on");
	},function(){
		$(this).removeClass("on");
	});

	$(".showcase-box li a img").each(function(){
		$(this).parent().addClass("hasImg");
	});
});

// login pane - makni natpis tako da se ne s* dizajn
$(document).ready(function(){
	$("#dnn_LoginPane span.SubHead").hide();
	$("#dnn_LoginPane div.Actions").hide();
	$("#dnn_LoginPane").removeAttr("style");
});

// user defined table - search
$(document).ready(function(){
	$("select[name=udt_813_param_searchpostback] option").each(function(){
		if ($(this).attr("value") == $("input[name=udt_813_param_search]").attr("value")) {
			$(this).attr("selected", "selected");
		}
	});
	$("select[name=udt_813_param_searchpostback]").bind("change", select_change);
	/*$("select[name=udt_813_param_searchpostback]").selectbox();*/
	$(".udt_searchForm input[type=submit]").hide();
});

function select_change() {
	$(".udt_searchForm input[type=submit]").click();
}

// search box
$(document).ready(function(){
	$("#header .top table input").Watermark("Pretraga");
});

// upit za komoru
$(document).ready(function(){
	$("#dnn_ctr939_Custom_ctl00_txtIzolacijskiPaneli").Watermark("debljina");
	$("#dnn_ctr939_Custom_ctl00_txtVrstaIzolacije").Watermark("Vrsta izolacije");
	$("#dnn_ctr939_Custom_ctl00_txtDebljinaIzolacije").Watermark("Debljina izolacije");
	$("#dnn_ctr939_Custom_ctl00_txtDebljina1").Watermark("Materijal zida/debljina mm");
	$("#dnn_ctr939_Custom_ctl00_txtDebljina2").Watermark("Materijal zida/debljina mm");
	$("#dnn_ctr939_Custom_ctl00_txtDebljina3").Watermark("Materijal zida/debljina mm");
	$("#dnn_ctr939_Custom_ctl00_txtDebljina4").Watermark("Materijal zida/debljina mm");
	$("#dnn_ctr939_Custom_ctl00_txtUlaznaTemp").Watermark("temperatura robe");
	$("#dnn_ctr939_Custom_ctl00_txtIzlazna").Watermark("temperatura robe");
	$("#dnn_ctr939_Custom_ctl00_txtVrijeme").Watermark("potrebno za ohladiti robu");
});


// textbox watermark
(function($) {
	var map=new Array();
	$.Watermark = {
		ShowAll:function(){
			for (var i=0;i<map.length;i++){
				if(map[i].obj.val()==""){
					map[i].obj.val(map[i].text);					
					map[i].obj.css("color",map[i].WatermarkColor);
				}else{
				    map[i].obj.css("color",map[i].DefaultColor);
				}
			}
		},
		HideAll:function(){
			for (var i=0;i<map.length;i++){
				if(map[i].obj.val()==map[i].text)
					map[i].obj.val("");					
			}
		}
	}
	
	$.fn.Watermark = function(text,color) {
		if(!color)
			color="#aaa";
		return this.each(
			function(){		
				var input=$(this);
				var defaultColor=input.css("color");
				map[map.length]={text:text,obj:input,DefaultColor:defaultColor,WatermarkColor:color};
				function clearMessage(){
					if(input.val()==text)
						input.val("");
					input.css("color",defaultColor);
				}

				function insertMessage(){
					if(input.val().length==0 || input.val()==text){
						input.val(text);
						input.css("color",color);	
					}else
						input.css("color",defaultColor);				
				}

				input.focus(clearMessage);
				input.blur(insertMessage);								
				input.change(insertMessage);
				
				insertMessage();
			}
		);
	};
})(jQuery);

// kontakt tablica cellspacing
$(document).ready(function(){
	$(".kontakt-form-holder").attr("cellspacing", "0");
	$(".kontakt-form-holder .Kontakt_Table textarea").Watermark("Vaš upit");
});


// product list okomite slike
function prilagodiVisinu(img) {
	if (img.width > img.height) {
		img.style.width = "150px";
	} else {
		img.style.width = "auto";
		img.style.height = "110px";
	}
	
	if (img.width > 150) {
		img.style.width = "150px";
		img.style.height = "auto";
	}
}