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

var ProduktBilleder = {
	antalSider : 0,
	nuvaerendeSide : 1,
	
	init : function() {
		var box = $("side-links-box");
		if(!box)
		{
		    return;
		}
		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,
    _sprog: null,
    _request: null,

    hent: function(id, sprog, farveKode, dessinnr) {
        if (ProduktDetalje._produktId != -1) {
            return;
        }

        ProduktDetalje._produktId = id;
        ProduktDetalje._sprog = sprog;

        var box = $("ydreproduktdetaljebox");

        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 == "produktdetaljebox" + id) {
                    node.style.display = "block";
                    fundet = true;
                } else {
                    node.style.display = "none";

                }
            }
        }

        if (fundet == false) {
            ProduktDetalje.hentFraServer();
        } else {
            ProduktDetalje.nulstil();
            Joha.visFarve(id, dessinnr, farveKode);
        }
    },

    nulstil: function() {
        var box = $("ydreproduktdetaljebox");
        box.style.background = "";
        ProduktDetalje._produktId = -1;
    },

    hentFraServer: function() {
        //alert("hentFraServer");
        var box = $("ydreproduktdetaljebox");
        box.style.background = "transparent url(/images/Layout/loading.gif) no-repeat center center";
        var req = ProduktDetalje.opretAjax();
        var id = ProduktDetalje._produktId;
        var sprog = ProduktDetalje._sprog;

        ProduktDetalje._request = req;

        req.onreadystatechange = ProduktDetalje.vedStateÆndret;

        req.open("GET", "/produktdetaljer2.aspx?pid=" + id + "&sprog=" + sprog, true);
        req.send(null);
    },

    vedStateÆndret: function() {
        var req = ProduktDetalje._request;

        if (req.readyState == 4) {
            //alert(req.responseText);
            var box = $("ydreproduktdetaljebox");

            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 Joha = {
    visFarve: function(id, dessin, farveKode) {
        var mellemBillede = $("mellembillede" + id);
        var mellemBilledeSti = mellemBillede.src.toLowerCase();

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

        mellemBillede.src = mellemBilledeSti.substr(0, sidsteUnderscoreIndex) + "_" + farveKode + ".jpg";
    },
    visStorBillede: function(id, imgWidth, imgHeight) {
        var img = $("mellembillede" + id);
        var src = img.src.toLowerCase().replace("_m_", "_l_");
        var billedeNavn = src.substr(src.lastIndexOf("/") + 1);
        var w = 50 + imgWidth; var h = 100 + imgHeight;
        var url = "/ProduktStorBillede2.aspx?navn=" + billedeNavn;
        Joha.openPopupVindue(url, w, h, false);
    },
    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")
    },
    visSymbol: function(url) {
        Joha.openPopupVindue(url, 400, 200);
    },
    downloadHøjopløselig: function(id) {
        var img = $("mellembillede" + id);
        var src = img.src.toLowerCase().replace("_m_", "_H_");
        var billedeNavn = src.substr(src.lastIndexOf("/") + 1);

        var s = "/Download.ashx?path=" + billedeNavn;
        window.location.href = s;

    }
}












var FashionGallery = {
    antalSider: 0,
    nuvaerendeSide: 1,
    currentPic: 1,
    pictures: [],

    init: function() {
        var box = $("side-links-box");
        if (!box) {
            return;
        }
        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;
            }
        }

        FashionGallery.antalSider = sideTaeller;
        FashionGallery.nuvaerendeSide = 1;
        FashionGallery.currentPic = 1;
    },

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

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

        FashionGallery.visSide(side);
    },


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

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

        FashionGallery.visSide(side);
    },

    nextPic: function() {
        var pic = FashionGallery.currentPic + 1;
        var antalSider = FashionGallery.pictures.length;

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

        FashionGalleryDetail.hent(FashionGallery.pictures[pic - 1]);
        FashionGallery.visSide((parseInt((pic-1) / 9) + 1));
    },


    prevPic: function() {
        var pic = FashionGallery.currentPic - 1;

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

        FashionGalleryDetail.hent(FashionGallery.pictures[pic - 1]);
        FashionGallery.visSide((parseInt((pic - 1) / 9) + 1));
    },

    visSide: function(side) {

        for (var i = 1; i < FashionGallery.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 = "";
                }
            }
        }

        FashionGallery.nuvaerendeSide = side;
    }
}





var FashionGalleryDetail = {
    currentId: null,

    visStorBillede: function() {
        var id = FashionGalleryDetail.currentId;
        var url = "/FashionGalleryStorBillede.aspx?navn=" + id;
        Joha.openPopupVindue(url, 580, 800, false);
    },

    hent: function(id) {
        FashionGalleryDetail.currentId = id;
        $("fashion-picture").src = "/images/fashion/" + id + "_M.jpg";

        for (var i = 0; FashionGallery.pictures.length; i++) {
            var pic = FashionGallery.pictures[i];
            //alert(pic);
            if (id == pic) {
                FashionGallery.currentPic = i + 1;
                break;
            }
        }

    }
}