﻿

$(document).ready(function() {

    if ($("div.ProductPageWrapper").html() != null) {


        // FIXA PRODUKTRUBRIK UNDER MÄRKET
        $("div.ProductDescriptionHeader").append("<h1 id='NewProductName'></h1>");
        $("#NewProductName").html($("div.ProductPageHeader h1").text());

        // LÄGG IN MÄRKESBILD
        $("div.BrandName").each(function() {
            if ($(this).text() == $("div.ProductDescriptionHeader h2").text()) {
                var imageSrc = $(this).next().text();
                $("div.ProductDescriptionHeader").prepend("<img id='BrandLogo' >");
                $("#BrandLogo").attr("src", "/pub_docs/files/logos/" + imageSrc);
                return false;
            }
        });

        // LÄGG IN PRISDIV
        $("div.ProductDescription").after("<div class='NewPriceContainer'><div class='OutletPrice'></div><div class='RetailPrice'></div><div style='clear: both;'></div></div>");

        $("div.OutletPrice").html($("td.PurchaseBlockPrice span.PricePromotion span.PriceAmount").text());
        $("div.RetailPrice").html("Ord. pris " + $("td.PurchaseBlockPrice span.PricePrevious span.PriceAmount").text());

        // Lägg PurchaseBlock och ProductAttributes i en gemensam container
        $("div.ProductAttributesWrapper, div.PurchaseBlockWrapper").wrapAll("<div class='VfoPriceWrapper'></div>");
        $("div.VfoPriceWrapper").append("<div style='clear: both'></div>");


        // SIZE GUIDE
        if ($("#ctl00_main_showproduct1_tabContent_pnlProductDescription table").html() != null) {
            //var sizeGuideId = "#" + $("div.SizeGuide").html();

            $("div.VfoPriceWrapper").before("<div id='SizeGuideContainer'></div>");
            var sizeGuideContainerStart = "<div class='SizeGuideHeader'>";
            sizeGuideContainerStart += "<em>STORLEKS</em>GUIDE";
            sizeGuideContainerStart += "<a class='SeeHow'>&raquo; Se hur vi mäter våra plagg</a><div class='clear'></div></div><div class='SizeGuideBody'>";
            var sizeGuideContainerEnd = "</div>";
            $("#ctl00_main_showproduct1_tabContent_pnlProductDescription table").wrap('<div class="SizeGuide"></div>');
            $("#SizeGuideContainer").html(sizeGuideContainerStart + $("div.SizeGuide").html() + sizeGuideContainerEnd);

            //SET SIZE GUIDE PAGE
            $("a.SeeHow").attr("href", "/-i-49.aspx");

        }




        // SET TEXT FOR RELATED PROD TAB
        $("#__tab_ctl00_main_showProduct_tabContent_pnlRelatedProducts").text("Passar till");


        //RELATED PRODUCTS NEW IMAGES ETC
        if ($(".RelatedProductsBusinessBodyContainer").html() != null) {
            $(".RelatedProductsBusinessBodyContainer").after("<div id='RelatedList'></div>");

            // Generera divarna med kod
            $(".relListItem").each(function() {
                var productCode = "";
                productCode += "<div class='RelatedListItem'><a href='";
                productCode += $(this).find(".RelatedProductImage a").attr("href");
                productCode += "'><img src='";
                var imageSrc = $(this).find(".RelatedProductImage img").attr("src");
                imageSrc = imageSrc.replace("thumbs", "small");
                productCode += imageSrc;
                productCode += "' alt='";
                productCode += $(this).find(".RelatedProductName a").html();
                productCode += "' /></a>";
                productCode += "<div>";

                var nameToDisplay = $(this).find(".RelatedProductName a").html();
                if (nameToDisplay.length > 20) {
                    nameToDisplay = nameToDisplay.substring(0, 18) + "..."
                }
                productCode += nameToDisplay;
                productCode += "</div>";
                productCode += "<span>";
                productCode += $(this).find(".RelatedProductPrice").html();
                productCode += "</span>";
                productCode += "</div>";

                // Sätt in divarna i slidern
                $("#RelatedList").append(productCode);

            });
        }



    }; // ENDIF PRODUCT PAGE

    // PRODUKTKATEGORI
    if ($("#ctl00_main_customProductList_pagingTop").html() != null) {
        $("#ctl00_main_customProductList_pagingTop span").eq(19).after("<br />");
        $("#ctl00_main_customProductList_pagingTop span").eq(39).after("<br />");
        $("#ctl00_main_customProductList_pagingTop span").eq(59).after("<br />");
        $("#ctl00_main_customProductList_pagingTop span").eq(79).after("<br />");
        $("#ctl00_main_customProductList_pagingTop span").eq(89).after("<br />");

        $("#ctl00_main_customProductList_pagingBottom span").eq(19).after("<br />");
        $("#ctl00_main_customProductList_pagingBottom span").eq(39).after("<br />");
        $("#ctl00_main_customProductList_pagingBottom span").eq(59).after("<br />");
        $("#ctl00_main_customProductList_pagingBottom span").eq(79).after("<br />");
        $("#ctl00_main_customProductList_pagingBottom span").eq(89).after("<br />");
    }


});   // END DOCUMENT READY


// ON WINDOW LOAD COMPLETE
$(window).load(function() {

    if ($("div.ProductPageWrapper").html() != null) {
        // POSITIONERA TOOLBAR
        var toolbarPosition = $(".ProductThumbnailsWrapper").position();
        $(".ToolbarWrapper").css("top", toolbarPosition.top + 75);
        $(".ToolbarWrapper").show();

        // ENLARGE IMAGE BUTTON
        $(".ToolBarImageWrapper:last").css("position", "absolute");
        $(".ToolBarImageWrapper:last").css("top", "-108px");
        $(".ToolBarImageWrapper:last").css("left", "290px");
    }
});  // END ON WINDOW LOAD COMPLETE
