var minPrijs;
var maxPrijs;
var menuId;
var merk;
var MerkList = new String('');


function getProducts() {
    CheckMerk();
    ret = IMpactProtoType.WebUI.svcProducts.GetProducts(menuId, MerkList, minPrijs, maxPrijs, renderProducts, onError, onError);

}

function setmaxPrijs(sender, eventArgs) {
    var item = eventArgs.get_item();
    maxPrijs = item.get_value();
    var combomin = $find('ctl00_ContentPlaceHolder1_RadVanPrijs');
    var items2 = combomin.get_items();
    for (j = 0; j < items2.get_count(); j++) {
        if (parseInt(items2.getItem(j).get_value()) >= parseInt(maxPrijs)) {
            items2.getItem(j).set_visible(false);
        } else {
            items2.getItem(j).set_visible(true);
        }
    };
    getProducts();
}

function setminPrijs(sender, eventArgs) {
    var item = eventArgs.get_item();
    minPrijs = item.get_value();
    var combomax = $find('ctl00_ContentPlaceHolder1_RadTotPrijs');
    var items2 = combomax.get_items();
    for (j = 0; j < items2.get_count(); j++) {
        if (parseInt(items2.getItem(j).get_value()) <= parseInt(minPrijs)) {
            items2.getItem(j).set_visible(false);
        } else {
            items2.getItem(j).set_visible(true);
        }
    };
    getProducts();
}


function onError() {
    alert('Error');
}

function CheckMerk() {
    var CHK = document.getElementById(merk);
    if (CHK != null) {
        MerkList = '';
        var checkbox = CHK.getElementsByTagName("input");
        var label = CHK.getElementsByTagName("label");
        for (var i = 0; i < checkbox.length; i++) {
            if (checkbox[i] != null) {
                if (checkbox[i].checked) {
                    MerkList += '|' + label[i].innerHTML.substring(0, label[i].innerHTML.indexOf('(') - 1);
                }
            }
        }
        if (MerkList.length > 0) {
            MerkList = MerkList.substring(1);
        }
    }
}


function renderProducts(Result) {
    var productHTML = '';
    var ProductData = JSON.parse(Result);
    if (ProductData.length > 0) {
        productHTML += '<div style="position: relative; width: 760px; left: -4px;">';
        var Aantal = $get('ctl00_ContentPlaceHolder1_LabelCategorie');
        if (Aantal != null) {
            Aantal.innerHTML = ProductData[0].categorie + ' (' + ProductData.length + ')';
        }
        for (i = 0; i < ProductData.length; i++) {
            productHTML += '<span class="ProductOverzichtsItem">';
            productHTML += '<img title="' + ProductData[i].Merk + ' ' + ProductData[i].Typenummer + '" class="ProductImage" width="120" height="120" src="' + ProductData[i].ImageURL + '" style="border-width:0px;" />';
            productHTML += '<div id="item' + i + '" class="ProductItemBack">';
		    productHTML += '<div class="InProductItemBack">';
            productHTML += '<img class="ProductMerk" src="http://www.itsonline.nl/Producten/Merkafbeeldingen/' + ProductData[i].Merk + '.jpg" style="height:10px;border-width:0px;" />';
            productHTML += '<span class="ProductType">' + ProductData[i].Typenummer + " " + ProductData[i].categorie + '</span>';
            productHTML += '<span class="ProductVoorraad">' + ProductData[i].Beschikbaarheid + '</span>';
            productHTML += '<div class="ProductPrijsBack">';
            productHTML += '<span class="ProductPrijsTitel">nu:</span>';
            productHTML += '<span class="ProductPrijs">' + ProductData[i].Prijs + '</span>';
            productHTML += '</div>';
            if (ProductData[i].Rating == null) {
                //productHTML += '<a class="ArrowRight" href="' + ProductData[i].NavigateURL + '?schrijfreview=true" style="position: absolute; top: 180px; left: 0px;">Schrijf een beoordeling</a>';
            } else {
                productHTML +='<div class="Rating">';
                productHTML +='<div class="Fullrating">';
                productHTML +='<div class="Currentrating" style="width: ' + (parseFloat(ProductData[i].Rating) * 10) + '%">';
                productHTML +='<div class="Ratingmask"></div>';
                productHTML +='</div>';
                productHTML +='</div>';
                productHTML +='&nbsp;<span class="Cijfer">' + ProductData[i].Rating + '</span>&nbsp;Klantbeoordeling';
                productHTML += '</div>';
            }       
            
            productHTML += '<div class="ProductUsp">';                  
            productHTML += '</div>';
            productHTML += '<a class="ProductLink" onMouseOver="changeClass(\'item' + i + '\',\'ProductItemBackHovered\');" onMouseOut="changeClass(\'item' + i + '\',\'ProductItemBack\');" href="' + ProductData[i].NavigateURL +  '"><img src="/images/transppix.gif" width="100%" height="170px" border="0" alt="" /></a>';
            productHTML += '<a class="ProductMeerInfo" href="' + ProductData[i].NavigateURL + '">Meer info</a>';
            productHTML += '<div class="ProductTussenMeerInfo"></div>';
            productHTML += '<a class="ProductBestel" href="#" onClick="AddToBasket(\'' + ProductData[i].Artikelnummer + '\'); return false;">In Winkelwagen &rarr;</a>';
            if (ProductData[i].HasGfkData == true) {
            productHTML += '<div class="ProductVergelijk">';
            productHTML += '<span';
            if (isIE()) {
                productHTML += ' onmouseover="Tip(toolTipTextVergelijk);" onmouseOut="UnTip();"';
            }
            productHTML += ' ArtNr="' + ProductData[i].Artikelnummer + '"><input id="VergelijkCheck' + i + '" type="checkbox" onclick="VergelijkCheck(\'VergelijkCheck' + i + '\', \'' + ProductData[i].Artikelnummer + '\');" /></span><a id="HyperLinkVergelijk' + i + '" class="ProductVergelijkBut" href="javascript:DoVergelijk();">Vergelijken</a>';
            productHTML += '<img class="ProductVergelijkInfo" onmouseover="Tip(toolTipTextVergelijk);" onmouseOut="UnTip();" src="/images/information.gif" src="" style="border-width:0px;" />';
		    productHTML += '</div>';
            }
            productHTML += '</div>';  
     	    productHTML += '</div>';
            productHTML += '</span>';
        }
        productHTML += '</div><div class="clear"></div>';
    }
    if (productHTML.length > 0) {
        $get('divProducts').innerHTML = productHTML;
    } 
  //  $get('ctl00_ContentPlaceHolder1_divProducts').innerHTML = Result;
};

function getPrijs(Prijs) {
    var strPrijs = new String(Prijs);
    if (parseFloat(strPrijs) >= 100) {
        if (strPrijs.indexOf(".") >= 0) {
            return strPrijs.substring(0, strPrijs.indexOf(".")) + ",-";
        } else {
        return strPrijs + ",-";
        }
        return strPrijs + ',-';
    } else {
    return strPrijs.replace(".", ",");
    }
}