function $(id){return document.getElementById(id);}

function KoerFlash(src, width, height) {
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' + width + '" height="' + height + '">\n');
    document.write(' <param name="movie" value="' + src + '" />\n');
    document.write(' <param name="quality" value="high" />\n');
    document.write(' <param name="wmode" value="transparent" />\n');
    document.write(' <param name="bgcolor" value="black" />\n');
    document.write(' <embed wmode="transparent" src="' + src + '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + width + '" height="' + height + '"></embed>\n');
    document.write('</object\n');
}


var ProduktBilleder = {
    antalSider: 0,
    nuvaerendeSide: 1,

    init: function() {
        var box = $("side-links-box");

        if (box) {
            var sideTaeller = 0;

            for (var i = 0; i < box.childNodes.length; i++) {
                var link = box.childNodes[i];
                if (link.nodeName == "A") {
                    sideTaeller++;
                    link.id = "side-link-for-side-" + sideTaeller;
                }
            }

            ProduktBilleder.antalSider = sideTaeller;
            ProduktBilleder.nuvaerendeSide = 1;
        }
    },

    naeste: function() {
        var side = ProduktBilleder.nuvaerendeSide + 1;
        var antalSider = ProduktBilleder.antalSider;

        if (side > antalSider) {
            side = antalSider;
        }

        ProduktBilleder.visSide(side);
    },


    forrige: function() {
        var side = ProduktBilleder.nuvaerendeSide - 1;

        if (side < 1) {
            side = 1;
        }

        ProduktBilleder.visSide(side);
    },

    visSide: function(side) {

        for (var i = 1; i < ProduktBilleder.antalSider + 1; i++) {
            var box = $("produkt-billeder-side-" + i);
            var link = $("side-link-for-side-" + i);

            if (box != null) {
                if (i == side) {
                    box.style.display = "block";
                    link.className = "valgt";
                } else {
                    box.style.display = "none";
                    link.className = "";
                }
            }
        }

        ProduktBilleder.nuvaerendeSide = side;
    }
}

var ProduktDetalje = {
    _produktId : -1,
    _kategori : null,
    _request : null,
    
    hent : function(id, kategori, farveKode) {
        if (ProduktDetalje._produktId != -1) {
            return;
        }
    
        ProduktDetalje._produktId = id;
        ProduktDetalje._kategori = kategori;
        
        var box = $("produkt-detalje-box");
        
        var i = 0;
        var fundet = false;
        
        for (i = 0; i < box.childNodes.length; i++) {
            var node = box.childNodes[i];
            if (node.tagName == "DIV") {
                
                if (node.id == "produkt-detalje-" + id) {
                    node.style.display = "block";
                    fundet = true;
                } else {
                    node.style.display = "none";
                    
                }
            }
        }
        
        if (fundet == false) {
            ProduktDetalje.hentFraServer();
        } else {
            ProduktDetalje.nulstil();
        }
    },
    
    nulstil : function() {
        var box = $("produkt-detalje-box");
        box.style.background = "";
        ProduktDetalje._produktId = -1;
    },
    
    hentFraServer : function() {
        //alert("hentFraServer");
        var box = $("produkt-detalje-box");
        box.style.background = "transparent url(/images/layout/forbruger/loading.gif) no-repeat center center";
        
        var req = ProduktDetalje.opretAjax();
        var id = ProduktDetalje._produktId;
        var kategori = ProduktDetalje._kategori;
        
        ProduktDetalje._request = req;
        
        req.onreadystatechange = ProduktDetalje.vedStateÆndret;
        
        req.open("GET", "/produktdetaljer.aspx?pid=" + id + "&k=" + kategori, true);
        req.send(null);
    },
    
    vedStateÆndret : function() {
        var req = ProduktDetalje._request;
        
        if (req.readyState == 4) {
            //alert(req.responseText);
            var box = $("produkt-detalje-box");
            
            var div = document.createElement("div");
            div.innerHTML = req.responseText;
            box.appendChild(div.firstChild);
            
            // Nulstil
            ProduktDetalje.nulstil();
        }
    },
    
    opretAjax : function() {
         return window.XMLHttpRequest ? 
            new XMLHttpRequest() : 
            new ActiveXObject("Microsoft.XMLHTTP");
    }
}

var Carite = {

    _menuTimer: 0,
    _produktForsideTimer: 0,

    justerVenstreMenu: function(defaultHojde) {

        var kontaktSideBox = $("kontakt-side");
        var venstreMenuBox = document.getElementById("venstre-navigation");

        if (kontaktSideBox) {
            var kontaktSideHojde = kontaktSideBox.offsetHeight;
            if (venstreMenuBox) venstreMenuBox.style.height = (kontaktSideHojde + 20) + "px";
            return;
        }


        var indholdBox = document.getElementById("indhold");
        var venstreMenuBox = document.getElementById("venstre-navigation");
        var storefinderBox = document.getElementById("storefinder");

        if (storefinderBox) {
            // Hvis storefinder side
            var storefinderHojde = storefinderBox.offsetHeight;

            if (storefinderHojde > defaultHojde) {
                defaultHojde = storefinderHojde + 10;
            } else {
                storefinderBox.style.height = "490px";
            }
        }

        var indholdBoxHojde = indholdBox.offsetHeight;

        if (indholdBoxHojde > defaultHojde) {
            if (venstreMenuBox) venstreMenuBox.style.height = (indholdBoxHojde) + "px";
        } else {
            if (indholdBox) indholdBox.style.height = (defaultHojde) + "px";
            if (venstreMenuBox) venstreMenuBox.style.height = (defaultHojde + 10) + "px";
        }
    },

    lukProduktForsideEfterForsinkelse: function(forsinkelseSekunder) {
        Carite._produktForsideTimer = setTimeout(Carite.lukProduktForside, forsinkelseSekunder * 1000);
    },

    submitFormVedEnter: function(evt, formId) {
        evt = evt || event;

        if (evt.keyCode == 13 || event.which == 13) {
            $(formId).submit();
        }
    },

    lukProduktForside: function() {
        clearTimeout(Carite._produktForsideTimer);

        var produktForsideBoks = $("produkt-forside-box");
        var produktVisningBoks = $("produkt-visning-box");

        produktForsideBoks.style.display = "none";
        produktVisningBoks.style.display = "block";
    },


    visMenuEfterForsinkelse: function(forsinkelseSekunder) {
        Carite._menuTimer = setTimeout(Carite.visMenu, forsinkelseSekunder * 1000);
    },

    visMenu: function() {
        clearTimeout(Carite._menuTimer);

        var div = $("mellem-navigation-box");
        if (div) div.style.visibility = "visible";
    },

    openPopupVindue: function(url, bredde, hojde, resizable) {
        var w = screen.width;
        var h = screen.height;
        var x = parseInt((w - bredde) / 2);
        var y = parseInt((h - hojde) / 2);
        var resizable = (resizable ? "yes" : "no");

        window.open(url, "", "width=" + bredde + ",height=" + hojde + ",screenX=" + x + ",screenY=" + y + ",dependent=yes,location=no,menubar=no,resizable=" + resizable + ",toolbar=no")
    },

    visPasform: function(pasform) {
        var url = null;

        if (pasform == "T") {
            url = "/content/dk/consumer/pasformer/tight";
        } else if (pasform == "C") {
            url = "/content/dk/consumer/pasformer/comfort";
        } else if (pasform == "L") {
            url = "/content/dk/consumer/pasformer/loose";
        } else {
            alert("Ukendt pasform: " + pasform);
            return;
        }

        Carite.openPopupVindue(url, 400, 200);
    },

    visMaterialeInfo: function(materiale) {
        var url = "/content/dk/consumer/materials/" + materiale;
        Carite.openPopupVindue(url, 400, 200);
    },


    visStorBillede: function(id) {
        var img = $("produkt-billede-mellem-" + id);
        var src = img.src.toLowerCase().replace("_m_", "_l_");
        var billedeNavn = src.substr(src.lastIndexOf("/") + 1);

        var url = "/ProduktStorBillede.aspx?navn=" + billedeNavn;
        Carite.openPopupVindue(url, 396, 520, false);
    },

    visFarve: function(id, dessin, farveKode) {
        var mellemBillede = $("produkt-billede-mellem-" + id);
        var mellemBilledeSti = mellemBillede.src.toLowerCase();

        var sidsteUnderscoreIndex = mellemBilledeSti.lastIndexOf("_");

        mellemBillede.src = mellemBilledeSti.substr(0, sidsteUnderscoreIndex) + "_" + farveKode + ".jpg";

        var lilleBillede = $("produkt-billede-lille-" + id);
        if (lilleBillede) {
            var lilleBilledeSti = lilleBillede.src.toLowerCase();
            lilleBillede.src = lilleBilledeSti.substr(0, sidsteUnderscoreIndex) + "_" + farveKode + ".jpg";
        }
    },

    seAndenSide: function(id) {
        var mellemBillede = $("produkt-billede-mellem-" + id);
        var lilleBillede = $("produkt-billede-lille-" + id);
        var link = $("se-bagside-link-" + id);

        var mellemBilledeSti = mellemBillede.src.toLowerCase();
        var lilleBilledeSti = lilleBillede.src.toLowerCase();

        var erForside = mellemBilledeSti.indexOf("_f_") != -1;

        if (erForside) {
            mellemBillede.src = mellemBilledeSti.replace("_f_", "_b_");

            if (lilleBillede) {
                lilleBillede.src = lilleBilledeSti.replace("_b_", "_f_");
                link.innerHTML = "View front";
            }
        } else {
            mellemBillede.src = mellemBilledeSti.replace("_b_", "_f_");

            if (lilleBillede) {
                lilleBillede.src = lilleBilledeSti.replace("_f_", "_b_");
                link.innerHTML = "View back";
            }
        }
    },

    fixMenu2: function() {
        var box = $("mellem-navigation-box");

        var ul = box.childNodes[0];
        if (ul.tagName != "UL") {
            ul = box.childNodes[1];
        }

        var antal = ul.childNodes.length;

        for (var i = 0; i < antal; i++) {
            var li = ul.childNodes[i];
            var link = li.firstChild;

            if (i == 0 && link.className != "valgt") {
                link.style.backgroundImage = "none";
            } else {
                if (link.className == "valgt") {
                    var naesteLI = li.nextSibling;
                    if (naesteLI != null) {
                        naesteLI.firstChild.style.backgroundImage = "none";
                    }
                }
            }
        }
    },

    sendKontaktFormular: function() {
        var txtNavn = $("kontakt-navn");
        var txtBesked = $("kontakt-besked");
        var txtEmail = $("kontakt-email");

        if (txtNavn.value.length == 0) {
            alert("Name is required.");
            txtNavn.focus();
            return;
        }

        if (txtEmail.value.length == 0) {
            alert("E-mail is required.");
            txtEmail.focus();
            return;
        }

        if (txtBesked.value.length == 0) {
            alert("Request is required.");
            txtBesked.focus();
            return;
        }

        $('kontakt-formular').submit();
    },

    sendCompetitionForm: function() {
        $("competition-form").submit();
    }
}