var frmCheck;
var modalbox;
var historyURL;
var kolkokosaricaitems=0;
var arrFilter = [];

function checkHistory(){

/*
	if($("dodatniProizvodiProizvodjaci")) return;
	if($("dodatniProizvodi")) return;
*/
    if (window.location.hash.indexOf("#")>-1){
        if (historyURL=="") historyURL = window.location.hash;
        if (historyURL!=window.location.hash){
            historyURL =  window.location.hash;
            
            if (historyURL.indexOf("isProsireniSearch=1")>0) historyURL = historyURL.replace("isProsireniSearch=1", "isProsireniSearch=0");
            if (historyURL.indexOf("isProsireniSearchDobavljaci=1")>0) historyURL = historyURL.replace("isProsireniSearchDobavljaci=1", "isProsireniSearchDobavljaci=0");
            
            if (historyURL.indexOf("&")){
                //$("ajax-products").setStyle("opacity",0);
                var h = historyURL;
                var url = h.substr(h.indexOf("&")+1, h.length);
                var f = h.substr(1, h.indexOf("&")-1);
               if (f!="" && url !="") Ajax(url, '', f, '');
               
               //console.log(url)
            }
        }
        else{
           // console.log("vec sam bio " + historyURL);
		}
        
    }
}


function getNotify(el) {
    var sty = el.getAttribute("style");
    if (sty.indexOf("-50px") > -1) {
        return "1";
    } else {
        return "0";
    }
}

checkHistory.periodical(150);

var canToggle = false;

window.addEvent("domready",function() {

	
	if ($('tip-chat-txt') && !$('frmBuy')) {
		Ajax('http://www.hgspot.hr/livezilla-virtual/image.php?id=01&txt=1', '', 'getChatStatus', '');
	}
	
	
    
    
    if ($('dostava')) {
        $('dostava').addEvents ({
            "click": function(e) {
                dostava_click();  
            } 
        })
    }
    
    if ($('q')) {
        $('q').addEvents ({
            "click": function(e) {
                hideAllFloats(e);  
            },
            "mouseenter": function(e) {
                hideAllFloats(e);  
            }
        })
    }
    
    if ($('drzava') && !$('billToNABcity')) {
        $('drzava').addEvents({
            "change" : function (e) {                  
                if ($('drzava').value != '112') {
                    $('mjesta').innerHTML = "<input id='Mjesto' name='Mjesto' class='txt1' />";
                    $('oib-wrapper').setStyle("display", "none");
                    //if ($('oib').value == '') $('oib').value = " ";
                } else {
                    $('mjesta').innerHTML = "<select name='Mjesto' id='Mjesto' class='select1'><option value='-1'>Odaberite ispravan poštanski broj</option></select>";
                    Ajax("AjaxHandler.aspx?action=mjesta&zip="+$("zip").value , "", "renderMjesta", "")
                    $('oib-wrapper').setStyle("display", "block");
                    //if ($('oib').value == '') $('oib').value = " ";
                }
            }
        })
        
        if ($('IsItCreateUser')) {
            if ($('drzava').value != '112') {
                $('mjesta').innerHTML = "<input id='Mjesto' name='Mjesto' class='txt1' value='' />";
            } else {
                $('mjesta').innerHTML = "<select name='Mjesto' id='Mjesto' class='select1'><option value='-1'>Odaberite ispravan poštanski broj</option></select>";
                Ajax("AjaxHandler.aspx?action=mjesta&zip="+$("zip").value , "", "renderMjesta", "")
            }
         }      
    }

    var _handleClass = (Browser.Engine.trident) ? '' : '.handlesClass';


    if ($$('div.multisort')) {
 
    
        document.ondragstart =  function() {
            return false;
        };

        var mySort = new Sortables($$('div.multisort'), {
        	clone: true,
        	handle: '.handlesClass',
        	opacity: 0.3,
        	onStart: function(elem, clone) {
        	    
                var arrDivs = $$("div.multisort");
                var maxH = 0;

                arrDivs.each(function(el){
                    if (el.getSize().y > maxH) maxH = el.getSize().y;
                })
                
                clone.setStyle("border-bottom-width", "0");
                
                arrDivs.each(function(el){
                    el.setStyle("padding-bottom", (maxH+150)+"px");
                })
            },
        	onComplete: function(elem){
        		var res = JSON.encode(mySort.serialize());
        		Cookie.write('iCjenik', res, {duration: 365});
        		
        		var arrDivs = $$("div.multisort");
                arrDivs.each(function(el){
                    el.setStyle("padding-bottom", "0");
                })
                
                //elem.setStyle("border-bottom-width", "1px");
        	}, 
            revert: {
                duration: 250
            }

        });


        $$(".removers").each(function(el){
            el.addEvents({
                "click" : function (e) {                  
                    removeElement(el);  
                }
            })
        })
        
        
        
        $$("a.injectors").each(function(el){
            injectorEvent(el.id);
        })
        

    }
    
    
    function injectorEvent(id) {
        $(id).addEvents({
            "click" : function () {
                var newElement = new Element("div");
                
                newElement.id = $(id).getAttribute("rel");
                newElement.className = 'ico-cell-i2';
                //newElement.setStyles({"height" : "0", "overflow" : "hidden","padding-bottom":"0","margin-bottom":"0"});
                newElement.inject($$('.multisort')[0], "top");

                //newElement.setAttribute("rel", el.getAttribute("rel"));

                mySort.addItems(newElement);
                /*
                (function(){
                    new Fx.Morph(newElement, {duration:500}).start({
                        "height":155,
                        "padding-bottom":20,
                        "margin-bottom":20
                    });
                }).delay((Browser.Engine.trident) ? 100 : 0);
                */
                Ajax("AjaxHandler.aspx?action=getColon&id=" + $(id).getAttribute("rel") , "", "renderColon", "");
                var res = JSON.encode(mySort.serialize());
                Cookie.write('iCjenik', res, {duration: 365});
                                
                
                (function(){
                    var newX = $('x' + id);
                    newX.addEvents({
                        "click" : function() {
                            removeElement(newX);
                        }
                    })
                }).delay(450);
                

                // makni ga iz navigacije:
                $(id).getParent().destroy();

                if ($('injector-wrapper').getChildren().length == 0) {
                
                    new Fx.Tween('odaberi', {
                    	property: 'opacity'
                    }).start(0);
                    //$('odaberi').setStyle("display", "none");
                }
 
            }
        })
    }
    
    
    function removeElement(el) {
        if ($('injector-wrapper').getChildren().length == 0) {
            $('odaberi').setStyle("opacity", 0).setStyle("display", "block");
            
            new Fx.Tween('odaberi', {
            	property: 'opacity'
            }).start(1);
        } else {
            $('odaberi').setStyle("display", "block");
        }
        

        $('b-odaberi').setStyle("opacity", 0);  
        
    	var par = el.getParent().getParent();
    	
    	//new Fx.Reveal(par, {duration: 500, mode: 'vertical'}).dissolve();
    	(function(){el.getParent().getParent().dispose();}).delay(1);
    	
        
        var res = JSON.encode(mySort.serialize());
        Cookie.write('iCjenik', res, {duration: 365});
        
        // dodaj ga ponovo u navigaciju za ponovni odabir (injector-wrapper):
        var newElement = new Element("span"); 
        newElement.inject($('injector-wrapper'), "bottom");
        newElement.innerHTML = "<a href='#'>+ " + el.getAttribute("alt") + "</a>";
        
        newElement.firstChild.setAttribute("id", el.getAttribute("rel"));
        newElement.firstChild.setAttribute("rel", el.getAttribute("rel"));
        newElement.firstChild.setAttribute("class", 'injectors');
        injectorEvent(newElement.firstChild.id);
                
    }



    if ($("accordion")) {
    	//create our Accordion instance
    	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
    		opacity: false,
    		start:'all-closed',
    		alwaysHide: true,
    		onActive: function(toggler, element){
    			toggler.setStyle('color', '#730f99');
    		},
    		onBackground: function(toggler, element){
    			toggler.setStyle('color', '#730f99');
    		},
    		onComplete: function(toggler, element) {
    		    //alert(toggler.previousElementSibling.id);
    		    //alert(toggler.previousElementSibling.id);
    		    //if (canToggle) scrollToElement(toggler.previousElementSibling);
    		    if (canToggle) scrollToElement(toggler.previousElementSibling);
    		    canToggle = true;
            }
    	});
    	
    }


    if ($("accordion-2")) {
    	//create our Accordion instance
    	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
    		opacity: false,
    		onActive: function(toggler, element){
    			toggler.setStyle('color', '#000');
    		},
    		onBackground: function(toggler, element){
    			toggler.setStyle('color', '#000');
    		},
    		onComplete: function(toggler, element) {
    		    //alert(toggler.previousElementSibling.id);
    		    //alert(toggler.previousElementSibling.id);
    		    //if (canToggle) scrollToElement(toggler.previousElementSibling);
    		    if (canToggle) scrollToElement(toggler.previousElementSibling);
    		    canToggle = true;
            }
    	});
    	
    }

    $$("div.ll-button").each(function(el){
        el.addEvents({
            "click" : function (el) {
                pomakniSlike(-1, el);
            }
        })
    })
    
    $$("div.rr-button").each(function(el){
        el.addEvents({
            "click" : function (el) {
                pomakniSlike(1, el);
            }
        })
    })
    
    

    if ($("selRows")) {
        var a = Cookie.read("rows");
        if (a == "50") $("selRows").selectedIndex = 1;
        if (a == "100") $("selRows").selectedIndex = 2;
    }
    
    if ($("zip")) {
        $("zip").addEvents({
            "blur": function() {
                if ($('drzava').value == '112') {
                    Ajax("AjaxHandler.aspx?action=mjesta&zip="+$("zip").value , "", "renderMjesta", "")
                 }   
            }
        })
    }
    
    if ($("pregled")) {
        $("pregled").addEvents({
            "click": function() {
                podesiPregled();
            }
        })
    }
    
    if ($("a-pregled")) {
        $("a-pregled").addEvents({
            "click": function() {
                //podesiPregled();
            }
        })
    }

	if ($("frmRegister")) {
        frmCheck = new FormCheck('frmRegister', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 2
    		}
    	});
	}
	
	
	if ($("frmUpdateUser")) {
        frmCheck = new FormCheck('frmUpdateUser', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 2
    		}
    	});
	}
	
	
	if ($("frmBuy")) {
        frmCheck = new FormCheck('frmBuy', {
    		display : {
    			errorsLocation : 1,
    			indicateErrors : 2,
    			showErrors : 2
    		}
    	});
	}

    if($("tvrtka_obrt")){
        var a = function(){
            
            $("customtvrtka_obrt").addEvents({
                    "click": function () {
                        toggleSpecial($("f-tvrtka_obrt"));
                    }    
            })
        }.delay(1000);
    }
    

    $$("img.swappable").each(function(el) {
        el.addEvents({
            "mouseenter": function () {
                if (el.getAttribute("src") != el.getAttribute("rel")) {
                    el.src = el.getAttribute("rel");
                }
            },
            "mouseleave": function () {
                el.src = el.getAttribute("rel").replace("2.", "1.");
            }
        })
    })
    

    $$("p.a1").each(function(el) {
        el.addEvents({
            "click": function () {
                hideAllByClassName("a", "a1");
                $("a-"+el.get("id")).setStyle("display", "block");
                el.setAttribute("class", el.className.replace("tab ", "tab-active "));
            }
        })
    })
    

    
    
    $$("p.a2").each(function(el) {
        el.addEvents({
            "click": function () {
                hideAllByClassName("b", "a2");
                $("b-"+el.get("id")).setStyle("display", "block");
                el.setAttribute("class", el.className.replace("tab ", "tab-active "));
            }
        })
    })
    
    
    $$("p.c1").each(function(el) {
        el.addEvents({
            "click": function () {
                hideAllByClassName("c0", "c1");
                $("c-"+el.get("id")).setStyle("display", "block");
                el.setAttribute("class", el.className.replace("tab ", "tab-active "));
            }
        })
    })

    
	$$("input[type=text]", "input[type=password]", "select").each(function(el,indx){
	
		
		
		if(el.id!="q" && el.id!="q1" && el.id!="poslovnica_dostava"){
		    inputFx[indx] = new Fx.Morph(el, {duration:150, link:'chain'});
			el.addEvents({
				"mouseover":function(){

				    if (Browser.Engine.name=="trident"){
                        el.setStyle("border","1px solid #6A0092");
					}
					else{
						inputFx[indx].start({"border":"1px solid #6A0092"});
	 				}
				},
				"mouseleave":function(){
					//var a = new Fx.Morph(el, {duration:250, transition: Fx.Transitions.linear.easeOut});
					if (Browser.Engine.name=="trident"){
                        el.setStyle("border","1px solid #DDD");
					}
					else{
                        inputFx[indx].start({"border":"1px solid #DDD"});
					}
				}
			})
		}
	})
	
	$$("input[type=checkbox]").each(function(el,indx){

    	if(el.id.indexOf("chkValid")!=-1){
			
			var usporediValid = Cookie.read("compareValid") ? Cookie.read("compareValid") : "";
			var arr = usporediValid.split("-");
			for(var i = 0; i<arr.length;i++){
				if (el.id == "chkValid" + arr[i]){
					el.checked = true;
				}
			}
			
		}
	})
	
	Custom.init();

    if ($('q')) {
    	var inputWord = $('q');
    	new Autocompleter.Request.HTML(inputWord, prefix + '/AutoComplete.aspx', {
    		'indicatorClass': 'autocompleter-loading', // class added to the input during request
    		'multiple': false,
            'selectFirst': false,
            'selectMode': false,
            'minLength': 2
    	});
	} 
	
	
	if ($("frmSrch")) {
    	$("btnSrch").addEvents({
            "click" : function() {
                if ($("frmSrch2")) {	
            		$('pojam').value=$('q1').value;
					$('frmSrch2').submit();
            	}
            	else{
                	$("frmSrch").submit();
                }
            },
            "mouseover" : function () {
                if ($$("div.srchbox-right").length>0){
                	$$("div.srchbox-right")[0].setStyle("background", "url(/css/srch-right2.gif)");	
                }
                
            }
            ,
            "mouseout" : function () {
                if ($$("div.srchbox-right").length>0){
                	$$("div.srchbox-right")[0].setStyle("background", "url(/css/srch-right.gif)");
            	}
            }
        })
	}
	
	
	
	$$("img.img-vote").each(function(el){
	   
        el.addEvents({
            "mouseover" : function () {
                for (var i=1; i<=el.title; i++) {
                    $$("img.img-vote")[i-1].setAttribute("src", "/img/star1.gif");
                }
            },
            "mouseout" : function () {
                for (var i=1; i<=5; i++) {
                    $$("img.img-vote")[i-1].setAttribute("src", "/img/star0.gif");
                }
            }
        })
    })
    
	
	
	
	showHide();
	
	productZoom();
	
	$$("img.product-img2").each(function(el){
	
		el.addEvents({
			"mouseover" : function(){

				el.setStyles({
					"position":"absolute",
					/*"z-index": 1,*/
					"border" : "1px solid transparent"
				});
				if(Browser.Engine.name != "trident") {
					el.parentNode.style.height = (el.parentNode.getSize().y-1) + "px";
					el.set('morph', {duration:250, transition: Fx.Transitions.linear.easeOut});
					el.morph({"width": "250", "border":"1px solid #DDD"});
				}
				else{
					el.setStyles({
						"width":"250px",
						"border" : "1px solid #DDD"
					});
				}
				
			},
			"mouseout" : function(){
				if(Browser.Engine.name != "trident") {
					el.set('morph', {duration:250, transition: Fx.Transitions.linear.easeOut});
					el.morph({"width": "100", "border":"1px solid #FFF"});
				}
				else{
					el.setStyles({
						"width":"100px",
						"border" : "1px solid transparent"
					});
				}
				el.setStyle("z-index", 1);
			}
		})
	
	})
	
	
	/*
	$$("img.img-light").each(function(el){
		el.setStyles({"cursor":"pointer"});
		el.addEvents({
			"mouseover" : function(){
				$("extra-product-img").src = el.src.replace("smallProduct", "newBigPic");
			}
		})
	})
    */

	if($("prijava3")){
	    
		$("prijava3").addEvent("click", function(){
		    var ar = $$("input[name=email2]");
			if(ar[0].value!="" && ar[1].value=="") ar[1].value=ar[0].value;
		})
	}
	


})
	
	function prikazikosariculayer(kolko){
		//$('lightfaceOverlay').setStyle('display','block');
		kolkokosaricaitems=kolko;
		modalbox = new LightFace.Request({
			url: 'http://www.hgspot.hr/ajaxhandler.aspx?action=napunikosaricalayer',
			width: 400,
			height:400
		}).open();
		
	}
	
	function zatvorikosaricalayer(){
		//$('lightfaceOverlay').setStyle('display','none');
		modalbox.destroy();
	}
	
	
	function removeitemkosaricalayer(artiklid,poredakid){
		$('kosaricalayeritem_'+poredakid).destroy();
		$('kosaricalayeritem2_'+poredakid).destroy();
		Ajax('basket.aspx?action=removeFromBasket&pid=' + artiklid, '', '', '');
		kolkokosaricaitems=kolkokosaricaitems-1;
		$("basket-main").innerHTML=kolkokosaricaitems;
	}
	

    function dostava_click() {
            var isPouzecem = false;
            var isPreuzimanje = false;

            // placanje pouzecem:
            if ($("customrbplacanje3").getAttribute("style").indexOf("-50px") > -1) {
                isPouzecem = true;
                $("poslovnica_dostava").setStyle("display", "none");

                $("radioDostava2").checked = true;
                $("customradioDostava2").setAttribute("style", "background-position: 0pt -50px; cursor: pointer;");

                $("tr-preuzmi").setStyles({"visibility" : "hidden", "height" : "0"});
                $("radioDostava1").checked = false;
                $("customradioDostava1").setAttribute("style", "background-position: 0pt 0pt; cursor: pointer;");
                $("table-dostava").setAttribute("style", "margin-top: -20px");
            } else {
                $("poslovnica_dostava").setStyle("display", "inline");
                $("tr-preuzmi").setStyles({"visibility" : "visible", "height" : "auto"});
                $("table-dostava").setAttribute("style", "margin-top: 15px");
                //$("napomena-wrapper").setStyle("display", "none");
            }

            if ($("customrbplacanje4")) {
	            if ($("customrbplacanje4").getAttribute("style").indexOf("-50px") > -1) {
	                isPreuzimanje = true;
	                $("radioDostava1").checked = true;
	                $("customradioDostava1").setAttribute("style", "background-position: 0pt -50px; cursor: pointer;");

	                $("tr-dostava").setStyles({"visibility" : "hidden", "height" : "0"});
	                $("radioDostava2").checked = false;
	                $("customradioDostava2").setAttribute("style", "background-position: 0pt 0pt; cursor: pointer;");
	            } else {
	                $("tr-dostava").setStyles({"visibility" : "visible", "height" : "auto"});
	                //$("napomena-wrapper").setStyle("display", "none");
	            }
            }

            if (isPouzecem || isPreuzimanje) {
                $("napomena-wrapper").setStyle("display", "block");
            } else {
                $("napomena-wrapper").setStyle("display", "none");
            }
    }

var inputFx = [];
var myFx;

function scrollToTop(){
	if(!myFx) myFx = new Fx.Scroll(window,{duration:700});
	
	myFx.toTop();
}


function scrollToElement(el){
	var myFx2 = new Fx.Scroll(window).toElement(el);
}

function showHide(){

    $$("span.expand", "div.expand", "p.expand").each(function(el){

        el.addEvents({
            "mouseenter" : function(){
                //hideAllFloats(el);
                if ($("b-"+el.get("id"))) $("b-"+el.get("id")).fade(.9);
            },
            "mouseleave" : function(){
            	
            	if ((Browser.Engine.name == "webkit") && (el.id == "prijava")) {
					// chrome, nemoj sakrivati, krivo detektira prelazak preko input boxova kao moueseleave sa box-a
				} else {
					if ($("b-"+el.get("id"))) $("b-"+el.get("id")).fade("out");
				}
            }
        })
     })
     
     
     
    $$("span.expand_click", "div.expand_click", "p.expand_click").each(function(el){

        el.addEvents({
            "mouseenter" : function(){
                if ($('tip-centri'))  $('tip-centri').setStyle("display", "block");
            },
            "click" : function(){
                //hideAllFloats(el);
                if ($("b-"+el.get("id"))) $("b-"+el.get("id")).fade(.9);
            },
            "mouseleave" : function(){
            	if ($("b-"+el.get("id"))) $("b-"+el.get("id")).setStyle("visibility", "hidden");
            	 if ($('tip-centri')) $('tip-centri').setStyle("display", "none");
            }
        })
     })
     
     
     
    if ($$('.tip-starter')) {
        $$('.tip-starter').each(function(el) {
            el.addEvents({
                "mouseenter" : function (e) {
                    if ($('tip-' + el.id)) $('tip-' + el.id).setStyle("display", "block");    
                },
                "mouseleave" : function (e) {
                    if ($('tip-' + el.id)) $('tip-' + el.id).setStyle("display", "none");    
                }
            })
        })
    }
    
    
    if ($("poslovnice") && $('tip-centri')) {
		if ($('tip-centri')) $('tip-centri').setStyle("display", "block");
		(function(){ $('tip-centri').setStyle("display", "none"); }).delay(20000);
	}
	
	
     

    // sakrij box kad mis pomaknemo sa istog:
    $$("div.box1").each(function(el){
        el.addEvents({
            "mouseleave" : function(){  
            	if ((Browser.Engine.name == "webkit") && (el.id == "b-prijava")) {
					// chrome, nemoj sakrivati, krivo detektira prelazak preko input boxova kao moueseleave sa box-a
				} else {
					$(el).fade("out");
				}
            }
            
        })
    });
    
	usporediFunc();
}


function showOdabirFilter(el, holder) {
    if (el) {
    	holder.getParent().setStyle("display", "none");
    
        if(el.getStyle("display")!="block"){
        
            el.setStyles({
                "display":"block",
                "overflow":"hidden",
                "opacity":0
            });
            
            var width = el.getSize().x;
            
            el.setStyles({
                "width":"0",
                "opacity":1
            });
            
            el.injectBefore($("atributi").getParent());
            
            new Fx.Tween(el, {	property: 'width'}).start(width);
            
           addCookie(el.id);
           
        //atributi5857
        }
        
    }
}


function addCookie(naziv){

	arrFilter = Cookie.read('arrFilter');
	
	if (arrFilter) {
		arrFilter = arrFilter.replace("%2C", ",");
	   	arrFilter = arrFilter.split(",");
	}
	else{
		arrFilter=[];
	} 	
   	arrFilter[arrFilter.length] =  naziv.replace("h-", "");
    Cookie.write('arrFilter', arrFilter, {path: prefix + "/"});
    //console.log(Cookie.read('arrFilter'));
	
}

function removeCookieFilter(id, naziv) {
	arrFilter = Cookie.read('arrFilter');
	
	if (arrFilter) {
		arrFilter = arrFilter.replace("%2C", ",");
	   	arrFilter = arrFilter.split(",");
        for(i=0;i<arrFilter.length;i++) {
            if (arrFilter[i] == naziv + id) {
                arrFilter[i] = "";
            }
        }
        Cookie.write('arrFilter', arrFilter, {path: prefix + "/"});
        
        //console.log(Cookie.read('arrFilter'));
    }
}


function hideFilter(id){
	
	var width = $('h-atributi' + id).getSize().x;
	new Fx.Tween($('h-atributi' + id), {property: 'width'}).start(0).chain(
		function(){
			$('h-atributi' + id).setStyles({
				'display':'none',
				'width':width
			});
			
		}
	)
	

	removeCookieFilter(id, "atributi");
	
	//
	$$("li.grp").each(function(el, indx){
		
		if (el.getStyle("display")=="none" && el.id=="li"+id){
			
			el.setStyle("display", "block");
			
		}
		
	})
}

function hideFilterBrand(){
	
	var width = $('h-brandovi').getSize().x;
	new Fx.Tween($('h-brandovi'), {property: 'width'}).start(0).chain(
		function(){
			$('h-brandovi').setStyles({
				'display':'none',
				'width':width
			});
		}
	)
	
	//
	$$("li.grp").each(function(el, indx){
		if (el.getStyle("display")=="none" && el.id=="liBrand"){
			el.setStyle("display", "block");
		}		
	})
	
	removeCookieFilter("", "brandovi");
}


function hideOdabirCijena(url) {
    if ($("cijena-box")) {
        var width = $('cijena-box').getSize().x;
        new Fx.Tween($('cijena-box'), {property: 'width'}).start(0).chain(
    		function(){
    			$('cijena-box').setStyles({
    				'display':'none',
    				'width':width
    			});
    		}
    	)
    	if ($("cijenaOd").value!="" && $("cijenaDo").value!=""){
            $("cijenaOd").value = "";
            $("cijenaDo").value = "";
            url = url.replace("cijenaOd","c");
            url = url.replace("cijenaDo","d");
            Ajax (url, '', 'getSearchResults', '');
        }
    	
    	
    	$$("li.grp").each(function(el, indx){
			if (el.getStyle("display")=="none" && el.id=="liCijena"){
				el.setStyle("display", "block");
			}		
		})
    
    	removeCookieFilter("", "cijena-box");
        
        
    }
    
    
    
}

var imgZoom = [];

function usporediFunc(){
	var broj;
	if ($("usporediBroj")){
			
		var usporedi = Cookie.read("compare");
		if (usporedi){
			broj = usporedi.split("-").length-1;
		}
		
		if (broj == 0 || !broj){
			$("usporediText").fade("out");
			$("usporediBroj").innerHTML = 0;
			$("usporediText").getParent().setStyle("display", "none");
		}

		else if (broj>0){
			$("usporediBroj").innerHTML = broj;
			$("usporediText").setStyle("display", "block");
			$("usporediText").fade("in");
			$("usporediText").getParent().setStyle("display", "block");
		}
	}
}
    
function switchTab(el, v1, v2) {
    hideAllByClassName(v1, v2);
    $("a-"+el.get("id")).setStyle("display", "block");
    el.setAttribute("class", el.getAttribute("class").replace("tab ", "tab-active "));
    if (el.id == "dostava") {
        dostava_click();
    }
}


//sakrij sav homepage content, osim nuzne sredine:
function killThemAll() {
   /* $$("div.box1").each(function(el){
        el.set("opacity", "0");
    });*/
    $$("p.box1").each(function(el){
        el.set("opacity", "0");
    });
}

function hideAllByClassName(cls, tabs_class) {
    $$("."+cls).each(function(el){
        el.setStyle("display", "none");
    });
    
    $$("."+tabs_class).each(function(el){
        el.setAttribute("class", el.className.replace("tab-active ", "tab "));
    }); 
}

// sakrij sve float prozore:
function hideAllFloats(elem) {
    var elem = elem;
    $$("div.box1").each(function(el){
        if(el!=elem){
            el.fade("out");
        }
    }) 
}


function getSelectedRadio(buttonGroup) {
   // returns the array number of the selected radio button or -1 if no button is selected
   if (buttonGroup[0]) { // if the button group is an array (one button is not an array)
      for (var i=0; i<buttonGroup.length; i++) {
         if (buttonGroup[i].checked) {
            return i
         }
      }
   } else {
      if (buttonGroup.checked) { return 0; } // if the one button is checked, return zero
   }
   // if we get to this point, no radio button is selected
   return -1;
} // Ends the "getSelectedRadio" function



function getSelectedRadioValue(buttonGroup) {
   // returns the value of the selected radio button or "" if no button is selected
   var i = getSelectedRadio(buttonGroup);
   if (i == -1) {
      return "";
   } else {
      if (buttonGroup[i]) { // Make sure the button group is an array (not just one button)
         return buttonGroup[i].value;
      } else { // The button group is just the one button, and it is checked
         return buttonGroup.value;
      }
   }
} // Ends the "getSelectedRadioValue" function

/*
function podesiPregled() {
    if ($("x-dostava")) {
        $("x-dostava").innerHTML = getTextByRadioDostava(getSelectedRadioValue(document.frmBasket.radioDostava));
        $("x-placanje").innerHTML = getTextByRadioPlacanje(getSelectedRadioValue(document.frmBasket.rb));
        
        $("h-dostava").value = $$("input[name=radioDostava]:checked")[0].value;
        $("h-placanje").value = $$("input[name=rb]:checked")[0].value;
        
        if ($("h-placanje").value == "2") {
            $("frmOrder").setAttribute("action", "https://shop.hgspot.hr/beta.hgspot.hr/basket.aspx");
        } else {
            $("frmOrder").setAttribute("action", "");    
        }
    }
}
*/

function podesiPregled() {
    $("default_basket").value = "2";
    $("frmBasket").submit();
}


function getTextByRadioDostava(i) {
    switch (i) {
        case "1":
            return "Dostava poštom. Za iznose ispod 1000kn biti će nadodani troškovi od 50kn.";
            break;
        case "2":
            return "Preuzmi u HGspot poslovnici Utrine";
            break;
    }
}

function getTextByRadioPlacanje(i) {
    switch (i) {
        case "1":
            return "virmanom";
            break;
        case "2":
            return "kreditna kartica (mogućnost plaćanja preko AmericanExpress, Visa, Diners";
            break;
        case "3":
            return "plaćanje pouzećem";
            break;
        case "4":
            return "Plaćanje u poslovnici kod preuzimanja";
            break;
    }
}

function toggle(el) {
    if (el.getStyle("display") == "block") {
        el.setStyle("display", "none");
    } else {
        el.setStyle("display", "block");
    }
} 

function toggleSpecial(el) {
    if (el.getStyle("display") == "block") {
        el.setStyle("display", "none");
        $("naziv").value = ' ';
        //$("oib2").value = '25627314080';
    } else {
        el.setStyle("display", "block");
        $("naziv").value = '';
        //$("oib2").value = '';
    }
} 

function zipCheck(el) {
    var mjesto = el.value;
    if (mjesto == "-1") {
	    el.errors.push("Odaberite ispravan poštanski broj.");
		return false;
    } else {
        return true;
    }
}




function oibCheck(el){
	// ako nista nije upisano, onda je mozda druga zemlja (nije HR), neka server odradi validaciju:
	if (el.value == "") return true;
	var rez=1;
	var oib = el.value;
	if ( (IsNumeric(oib)==true) && (oib.length==11))
	{
		var i=1;
		var j=0;
		var k=0;
		var l=0;
		var m=0;
		var n=0;			
		for (i;i<=10;i=i+1)
		{
			if (i==1) {		
				k=parseInt(oib.substring(i-1,i))+10;
			} 
			else {
				k=parseInt(oib.substring(i-1,i))+n;
			}				
			if (k>=10){
				l=k%10;	
			} else {
				l=k;
			}				
			if (l==0) {l=10;}				
			m=l*2;				
			if (m>=11) {
				n=m%11;
			} else {
				n=m;
			}				
		}			
		j=11-n;
		if (j==10) {j=0;}
		if (j!=parseInt(oib.substring(10,11))) {rez=0;}
		
		if (rez==0){ //nevalja
		    el.errors.push("Neispravan OIB.");
			return false;
		} else {		// valja
			return true;		
		}	
	} else {
        el.errors.push("Neispravan OIB."); 
        return false
    }
}
	
	
function IsNumeric(sText){			
	var ValidChars = "0123456789";
	var IsNumber=true;
	var Char;	 
	for (i = 0; i < sText.length && IsNumber == true; i++) 
	{ 
		Char = sText.charAt(i); 
		if (ValidChars.indexOf(Char) == -1) 
		{
			IsNumber = false;
		}
	}
	return IsNumber;	   
}

function changePaymentPlan(payment_method, total) {
	$('PaymentPlanAmex').selectedIndex=0;
	
    if (payment_method=="AMEX") {
        $("PaymentPlanDiners").setStyle("display", "none");
        $("PaymentPlanOther").setStyle("display", "none");
        $("PaymentPlanAmex").setStyle("display", "inline");
       	$("cijenadivid").innerHTML = $("cijenadivid_original").value;
       	$("x_amount").innerHTML = $("x_amount_original").value;
       	$("PaymentPlanDiners").selectedIndex = 0;
    }
    
    if (payment_method=="DINERS") {
        $("PaymentPlanAmex").setStyle("display", "none");
        $("PaymentPlanOther").setStyle("display", "none");
        $("PaymentPlanDiners").setStyle("display", "inline");
        
        Ajax('AjaxHandler.aspx?action=rate&fullPrice=' + total + '&origPrice=' + total + '&br='+$("PaymentPlanDiners").value, '', 'getRataValue', '');
    }
    
    if ((payment_method=="MASTERCARD") || (payment_method=="VISA")) {
        $("PaymentPlanAmex").setStyle("display", "none");
        $("PaymentPlanDiners").setStyle("display", "none");
        $("PaymentPlanOther").setStyle("display", "inline");
        
        Ajax('AjaxHandler.aspx?action=rate&fullPrice=' + total + '&origPrice=' + total + '&br='+$("PaymentPlanOther").value, '', 'getRataValue', '');
    }
    
}

function animCheckBox(id){
	if($("cijenaOd")){

		var a = $("custom" + id).clone().inject($(id), 'after').setStyle("position","absolute");

		var moveTop = $("poslovnice").offsetTop - a.offsetTop;
		var moveTop2 = a.offsetTop - $("poslovnice").offsetTop;
		var koefmove = parseInt(moveTop2*0.5+500);
		
		a.set('morph', {duration:koefmove, transition: Fx.Transitions.linear.easeIneaseOut});
		
		a.morph({
			"opacity":0,
			"margin-left":$("poslovnice").offsetLeft - a.offsetLeft,
			"margin-top":moveTop
		});
		
		var f = function(){
			a.destroy();
			if(Browser.Engine.name!="trident")   {
		            $("usporediBroj").scale(1);
		        	
			}
			
		}
		f.delay(koefmove*2);
		

	}
}

function toggleCheckBox(id){

	if($(id)){
		
		if ($(id).checked){
			$(id).checked = false;
		}
		else{
			$(id).checked = true;
			//animCheckBox(id);	
		}
		setCompareCookie($(id));
	}
	
	Custom.clear();
}


function replaceUrl(s) {
    s = s.replace("<", "&lt;");
    s = s.replace(">", "&gt;");
    s = escape(s);

    return s;
}

function productZoom(){
/*
	$$("img.product-img").each(function(el){
    
        if(Browser.Engine.name != "trident" || 1==1) {
            el.setStyle("width", "100");
        }
        
        if (el.getSize().y>120) el.setStyle("height", "120px");
	
		el.addEvents({
			"mouseover" : function(){
				
				//el.parentNode.parentNode.style.height = (el.parentNode.parentNode.getSize().y-13) + "px";
				
				el.setStyles({
					"position":"absolute",
					"z-index": 9999,
					"border" : "1px solid transparent"
				});
				
				if(Browser.Engine.name != "trident") {
					el.set('morph', {duration:250, transition: Fx.Transitions.linear.easeOut});
					el.morph({ "width":"350px","height":"auto", "border":"1px solid #DDD"});
					
					//el.scale(3);
				}
				else{
					el.setStyles({
						"width"		: "350px",
						"border" 	: "1px solid #DDD",
						"margin-left": "10px",
						"margin-top": "10px"
					});
				}
				
			},
			"mouseout" : function(){
				if(Browser.Engine.name != "trident") {
					el.set('morph', {duration:250, transition: Fx.Transitions.linear.easeOut});
					
					el.morph({"width":"120px","border":"0px solid #FFF", "z-index": 1})
					
					var b = function(){el.setStyle("position", "relative")}

					b.delay(250);
						
					//el.scale(1);
				}
				else{
					el.setStyles({
						"width"		: "120px",
						"border" 	: "1px solid transparent",
						"position"	: "relative",
						"z-index"	: 1
					});
				}
			}
		})
	
	})
*/
}

/* config start */
var dx = 100;
var xMin = 0;
var xMax = 0;
var current_left = xMin;
var started = false;
var inercijaFx;
var _pravac;
var _koliko;
var _xPos;
// xMax je ovdje 1600, a -500 da ne ode iz vidljivog dijela
/* config end */

        
function inercija(pravac, koliko){
    // koji smjer?
    var direction = 1;
    var xPos = 0;
    var abs_diff;
    var pomak = dx;
    
    _pravac = pravac;
    _koliko = koliko;
    
	if (!inercijaFx){
		inercijaFx = new Fx.Tween('knob2', {
			        	property: 'left',
			        	transition: Fx.Transitions.Quart.easeOut,
			    		link:'cancel',
			        	onComplete: function() {
			                canMove = true;
			                //console.log(_pravac + " " + _koliko + " " + canMove + " " + _xPos);
			                if (_xPos<-500 || _xPos>300){
			                //if (_pravac!=null && _koliko!=null){
			                	
			                	
			                	inercija(null,null);
			                	_pravac = null; _koliko = null; 
			                	
			                }
	        			}
	        			
        			});
	}
	
	//console.log(current_left + " " + xPos + " " + xMin + " " + xMax + " " + koliko + " " + pravac);
    
    abs_diff =  Math.abs(parseInt($("knob2").getStyle("left").replace("px","")) - current_left);
    if (abs_diff < 100) pomak = dx / 10; // inercija je manja ako je pomak misa manji
    if (parseInt($("knob2").getStyle("left").replace("px","")) < current_left) direction = -1;
    current_left = parseInt($("knob2").getStyle("left").replace("px",""));
    
    
    if (pravac!=null) direction = pravac;
    if (koliko!=null) pomak = koliko;
    
    xPos = parseInt($("knob2").getStyle("left").replace("px","")) + (pomak * direction);
	_xPos = xPos;
    
    if (current_left > xMin) {
        xPos = xMin; 
        current_left = xMin;
    } else if(current_left < -xMax) {
        xPos = -xMax; 
        current_left = -xMax;
    } 
    
    
    
    
    //var link_type = "chain";
    //if (pravac!=null) link_type = "cancel";
    
    if (canMove) {
        canMove = false;
        inercijaFx.start(xPos);
     } 
}

var canMove = true;

var arrGal = [];

function showGallery(){
    if (arrGal.length>0){
        Slimbox.open(arrGal, 0, {loop: true});
    }
}


var arrGal1 = [];
var arrGal2 = [];
var arrGal3 = [];
var arrGal4 = [];
var arrGal5 = [];
var arrGal6 = [];
var arrGal7 = [];

function showGalleryMultiple(o){
    if (o.length>0){
        Slimbox.open(o, 0, {loop: true});
    }
}

function showSrchResults() {
        $('news-srch-wrapper').setStyle('display', 'block');
        new Fx.Tween('yn', {
        	property: 'opacity'
        }).start(0);
}


var extraSlikeFx = [];

function pomakniSlike(direction, e){

    var e = new Event(e);
   

    var id = e.target.id.replace("left", "");
    id = id.replace("right", "");

	if (!extraSlikeFx[id]) {
		extraSlikeFx[id] = new Fx.Tween($('knob2-' + id), {property:'left', duration:150, transition: Fx.Transitions.linear.easeInEaseOut, link:'chain'});
		$('knob2-' + id).setStyle("width", $$("div.imgs" + id).length*92);
	}
	var moveBy = 92;

	var curPos = parseInt($('knob2-' + id).getStyle("left").replace("px", ""));
	var knobWidth = $('knob2-' + id).getSize().x;

	if (direction<0) {
		if (curPos+moveBy<0) {curPos += moveBy; }
		else{ curPos = 21;}
	}
	else{
	    if (curPos-moveBy>=480-knobWidth) {curPos -= moveBy; }
		else{ curPos = 480-knobWidth;}
	}
	extraSlikeFx[id].start(curPos);
}





function CheckMultiple1(frm, name) {
	for (var i=0; i < frm.length; i++)
	{
		fldObj = frm.elements[i];
		fldId = fldObj.id;
		if (fldId) {
			var fieldnamecheck=fldObj.id.indexOf(name);
			if (fieldnamecheck != -1) {
				if (fldObj.checked) {
					return true;
				}
			}
		}
	}
	return false;
}
function CheckForm1(f) {
var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
if (!email_re.test(f.email.value)) {
	alert("Unesite vašu e-mail adresu.");
	f.email.focus();
	return false;
}

		lists_chosen = CheckMultiple1(f, "lists");
		if (!lists_chosen) {
			alert("Odaberite na koji newsletter se želite prijaviti");
			return false;
		}

		lists_chosen = CheckMultiple1(f, "lists");
		if (!lists_chosen) {
			alert("Odaberite na koji newsletter se želite prijaviti");
			return false;
		}

	return true;
}