var _strSecure = "https://www.itsonline.nl";
var hostname = "www.itsonline.nl";
var _strImageRoot = "http://media.itsonline.nl/";
var display = 'none';
var TeVergelijkenProducten = new Array();
var TotaalBedragArtikel = 0;


function SetTotaalBedragArtikel(Prijs) {
    TotaalBedragArtikel = parseFloat(Prijs.replace(".", "").replace(",", "."));
    setTotaalBedragArtikel();
}


function setTotaalBedragArtikel() {
    var prijs = TotaalBedragArtikel;
    var ExtraServices = $("#BezorgServices input:checkbox");
    var Verzekering = $("#Garanties input:checkbox");
    $(Verzekering[0]).parent().parent().parent().children().css("color", "#a0a0a0");
    for (i = 0; i < ExtraServices.length; i++) {
        $(ExtraServices[i]).parent().parent().parent().children().css("color", "#a0a0a0");
        if (($(ExtraServices[i]).attr("disabled") == true) || ($(ExtraServices[i]).attr("disabled") == "disabled")) {
            $(ExtraServices[i]).removeClass("EnabledCheckBox");
        } else {
            $(ExtraServices[i]).addClass("EnabledCheckBox");
        }
    }
    ExtraServices = $("#BezorgServices input:checkbox[checked]");
    Verzekering = $("#Garanties input:checkbox[checked]");
    if (Verzekering.length > 0) {
        prijs += parseFloat($(Verzekering[0]).parent().attr("Unit_Price").replace(".", "").replace(",", "."));
        $(Verzekering[0]).parent().parent().parent().children().css("color", "#000");
    } 
    var ExtraServices2 = $("#BezorgServices input:checkbox");
    for (j = 0; j < ExtraServices2.length; j++) {
        if ($(ExtraServices2[j]).parent().attr("ParentServiceNr") != 0) {
            $(ExtraServices2[j]).attr("disabled", true);
            $(ExtraServices2[j]).removeClass("EnabledCheckBox");
        }
    }
    for (i = 0; i < ExtraServices.length; i++) {
        for (j = 0; j < ExtraServices2.length; j++) {
            if ($(ExtraServices2[j]).parent().attr("ParentServiceNr") == $(ExtraServices[i]).parent().attr("Artikelnummer")) {
                $(ExtraServices2[j]).removeAttr("disabled");
                $(ExtraServices2[j]).addClass("EnabledCheckBox");
            }
        }
    }
    for (i = 0; i < ExtraServices.length; i++) {
        if ($(ExtraServices[i]).attr("disabled") != true) {
            prijs += parseFloat($(ExtraServices[i]).parent().attr("Unit_Price").replace(".", "").replace(",", "."));
            $(ExtraServices[i]).parent().parent().parent().children().css("color", "#000");
        }
    }
    $("#TotaalBedrag").html("&euro;&nbsp;" + prijs.toFixed(2).replace(".",","));
}

function CheckBoxRequired_ClientValidate(sender, e) {
    e.IsValid = $(".cbAlgemeneVoorwaarden input:checkbox").is(':checked');
} 

function togglediv(div, weergave) {
    var hulp = $get(div);
    hulp.style.display = weergave;
    if (weergave == 'block') {
        window.location.href = "#Top";
    }
}

function hidediv(item, display) {
    item.style.display = display;
}

function swapImage(imgId, src) {
    var img = $get(imgId);
    img.src = src;
}


function swapImage2(img, src) {
    img.src = src;
}

function setHeaderText(span, HeaderText) {
    var hulp = $get(span);
    hulp.innerText = HeaderText;

}

function ShowBasket() {
    var Basket = $get("DojoBasket");
    Basket.style.display = 'block';
}

var toggleShow = false;
function OnClientShow(sender) {
    toggleShow = !toggleShow;
    if (toggleShow) {
        sender.hide();
        //instead of show(), call _show because it doesn't throw the show event and    
        //it does not call AjaxUpdate   
        sender.show();
    }
}




function doPostback2(Artikelnummer) {
    togglediv('DojoMaster', 'none');
    __doPostBack('ctl00$ContentPlaceHolder1$ProductenControl1$DataList1$ctl03$HyperLinkBestel', '');
}



function schrijfreview(Artikelnummer) {
    var Dojo = $get("DojoReviews");
    Dojo.style.display = 'block';
    window.scrollTo(0, 0);
}

var layeropen = false;
var topx = 235;
var timer3;
var HoverMoreImages = false;

function ShowDiv() {
    // alert('Hallo');
    changeClass('ctl00_ContentPlaceHolder1_ProductInfo1_hlMeerafbeeldingen', 'ArrowRight');
    if (timer3) clearInterval(timer3);
    timer3 = setInterval("openMoreImages()", 100);
        //   AjaxControlToolkit.Animation.MoveAnimation.play(div, '0.35', '25', '0', '195', false, 'px');
//        layeropen = true
//    }
//    else {
//        setTimeout(HideMoreImage(), 100);
//    }
    }
    function HideDiv() {
        if (timer3) clearInterval(timer3);
        timer3 = setInterval("HideMoreImages()", 1500);
}

function openMoreImages() {
    var div = $get('ctl00_ContentPlaceHolder1_ProductInfo1_imagescroller');
    if (topx > 195) {
        topx -= 1;
        div.style.top = topx + "px";
        setTimeout('openMoreImages()', 10);
    } else {
        if (timer3) clearInterval(timer3);
 
    }
}



function HideMoreImages() {
//    var Hide = $find("ctl00_ContentPlaceHolder1_ProductInfo1_AnimationExtender1").get_OnHoverOutBehavior().get_animation();
//    Hide.set_target("ctl00_ContentPlaceHolder1_ProductInfo1_imagescroller");
//    Hide.play();
    //    layeropen = false;
    var div = $get('ctl00_ContentPlaceHolder1_ProductInfo1_imagescroller');
    if (topx < 235) {
        topx += 1;
        div.style.top = topx + "px";
        setTimeout("HideMoreImages()", 10)
    } else {
    if (timer3) clearInterval(timer3);
    }
    changeClass('ctl00_ContentPlaceHolder1_ProductInfo1_hlMeerafbeeldingen', 'ArrowTop');
    //  AjaxControlToolkit.Animation.MoveAnimation.play(div, '0.35', '25', '0', '235', false, 'px');
}

var olddiv = null;
var oldplayer = null;

function showdivhideold(Div, display) {
    if (olddiv != null) {
        olddiv.style.display = 'none';
    }
    var hulp = document.getElementById(Div);
    hulp.style.display = display;
    olddiv = hulp;
    if (oldplayer != null) {
       // document.getElementById(oldplayer).sendEvent('STOP');
    }
    oldplayer = null;

}

function showdivhideoldreset(Div, display, element) {
    if (olddiv != null) {
        olddiv.style.display = 'none';
    }
    var hulp = document.getElementById(Div);
    hulp.style.display = display;
    olddiv = hulp;
    if (oldplayer != null) {
      //  document.getElementById(oldplayer).sendEvent('STOP');
    }
    oldplayer = element;
    var playr = document.getElementById(element);
    if (playr != null) {
        try {
            playr.sendEvent('PLAY', true);
        } catch (err) { }
    }
}

function GetImages(Artikelnummer) {
    ret = IMpactProtoType.WebUI.MoreImages.GetImages(Artikelnummer, OnCompleteDojo, OnTimeOutDojo, OnErrorDojo);
}

function loadinfo(ContentId, Soort) {
    ret = IMpactProtoType.WebUI.GetInfo.GetInfo(ContentId, Soort, OnCompleteDojo, OnTimeOutDojo, OnErrorDojo);
}

function setInfo(info) {
    OnCompleteDojo(info);
}

function ClearOverlay() {
    var ContentOverlay = $get('DojoContent');
    ContentOverlay.innerHTML = '';
    var Overlay = $get('DojoMaster');
    Overlay.style.display = 'none';
}

function RefreshUpdatePanel(PanelId) {
    var updatepanel = $get(PanelId)
    updatepanel.Update();
}

function showbanners() {

    var hulp = document.getElementById('banner4');
    if (hulp != null) {
        hulp.style.visibility = 'visible';
    }
    hulp = document.getElementById('banner3');
    if (hulp != null) {
        hulp.style.visibility = 'visible';
    }
}


function CloseDiv(Id) {
    var hulp = document.getElementById(Id);
    var Content = document.getElementById('DojoContent');
    Content.innerHTML = '';
    if (hulp != null) {
        hulp.style.display = 'none';
    }
    theForm = document.forms['aspnetForm'];
    if (!theForm) {
        theForm = document.aspnetForm;
    }
}

function OnCompleteDojo(arg) {
    var DojoContent = $get('DojoContent');
    var newdiv = document.createElement("div");
    newdiv.innerHTML = arg;
    DojoContent.innerHTML = ''
    DojoContent.appendChild(newdiv);
    var DojoMaster = $get('DojoMaster');
    DojoMaster.style.display = 'block';
    window.scrollTo(0, 0);
}

function OnTimeOutDojo(arg) {
    alert('TimeOut: '+arg._message);
}

function OnErrorDojo(arg) {
    alert('Error: ' + arg._message);
}

function showpanel(SubMenu, display) {
    var hulp = $get(SubMenu);
}

var tries = 0;
var timer2;




function pageLoad() {
    // Aanpassing aan functie extramarge: eventuele linker en rechter border breedte + eventuele linker en rechter marge van menuitem
  //  JustifyMenu();
}

function JustifyMenu() {
    if (timer2) clearInterval(timer2);
    var menu = $find("ctl00_MainMenu1_tlTabMenu");
    if (menu == null && tries < 5) {
        tries += 1;
        timer2 = setInterval("JustifyMenu", 5000);
    } else {
        if (menu != null) {
            doJustify();
        } else {
            stopJustify();
        }
    }
}

function stopJustify() {
    if (timer2) clearInterval(timer2);
}

var timerselected;
function unselectitem()     {
    if (timerselected) clearInterval(timerselected);

    var item = $find("ctl00_MainMenu1_tlTabMenu").findItemByValue(selectedvalue);
    item.set_selected(false);
}

function selectitem() {
    timerselected = setInterval("doselect()", 1000);
}

function doselect() {
    var item = $find("ctl00_MainMenu1_tlTabMenu").findItemByValue(selectedvalue);
    item.set_selected(true);
}

function doJustify() {
    var extramarge = 7;
    var menu = $find("ctl00_MainMenu1_tlTabMenu");

    var width = menu.get_element().offsetWidth-1;
    var singleItemLength = Math.floor(width / menu.get_items().get_count()) - extramarge;
    var totalwidth = (singleItemLength + extramarge) * menu.get_items().get_count();
      
        // due to incorrect rounding;     
        // You may need to subtract a larger number depending on     
        // the skin that you are using.      

        for (var i = 0; i < menu.get_items().get_count(); i++) {
            var li = menu.get_items().getItem(i).get_element();
            if (totalwidth < width) {
                li.style.width = (singleItemLength + 1) + "px";
                totalwidth += 1;
            } else {
            li.style.width = singleItemLength + "px";

            }
        }
}

function setPosition(hulp, left, top) {
    var test = $find(hulp);
   /* test.style.left = left + "px";
    test.style.top = top + "px";*/
    alert(hulp);
}

function showmenu(e,ContentMenu) {
    var contextMenu = $find(ContentMenu);
   // alert(ContentMenu);
   // contextMenu.style.left = "300px;"
    if ((!e.relatedTarget) || (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget))) {
        contextMenu.show(e);
    }

    $telerik.cancelRawEvent(e);
}


function setback(elementname,src) {
      var idname = elementname.id
      idname = idname.replace("LinkProduct", "PrijsBack");
      testvar=document.getElementById(idname);
      testvar.style.backgroundImage = 'url("' + src + '")';
}
function setbackgroep(elementname, src) {
    var idname = elementname.id
    idname = idname.replace("LinkGroep", "KaderImage");
    testvar = document.getElementById(idname);
    testvar.style.backgroundImage = 'url("' + src + '")';
}



var VergelijkArr = [];
var strArguments = '';

function HideVergelijkButtons(classname, node) {
    if (!node) node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for (var i = 0, j = els.length; i < j; i++) {
        if (re.test(els[i].className)) els[i].style.visibility = 'hidden';
    }
    //return a;
}

var toolTipTextVergelijk = 'U kunt producten met elkaar<br />vergelijken door 2 of 3<br />producten te selecteren en<br />op "vergelijken" te klikken.';

function LoadCheck() {
    VergelijkArr = [];
    var frm = document.aspnetForm;
    var el = frm.elements;
    var hulp2;
    var idVergelijk;
    var VergelijkLink;
    for (i = 0; i < el.length; i++) {
        if (el[i].type == "checkbox") {
            hulp2 = document.getElementById(el[i].id);
            if ((hulp2.checked) && (hulp2.parentNode.getAttribute('ArtNr') != null)) {
                VergelijkArr[VergelijkArr.length] = hulp2.parentNode.getAttribute('ArtNr');
                idVergelijk = el[i].id.replace(/VergelijkCheck/, 'HyperLinkVergelijk');
                VergelijkLink = document.getElementById(idVergelijk);
                VergelijkLink.style.visibility = 'visible';
                strArguments += hulp2.parentNode.getAttribute('ArtNr') + ",";
            }
            else {

                if (el[i].id.indexOf('VergelijkCheck', 0) > -1) {
                    idVergelijk = el[i].id.replace(/VergelijkCheck/, 'HyperLinkVergelijk');
                    VergelijkLink = document.getElementById(idVergelijk);
                    VergelijkLink.style.visibility = 'hidden';
                }
            }
        }
    }
    if (VergelijkArr.length <= 1) HideVergelijkButtons('ProductVergelijkBut');
    if (VergelijkArr.length >= 3) {
        toolTipTextVergelijk = 'U kunt maximaal 3 producten met elkaar vergelijken.';
    } else {
        toolTipTextVergelijk = 'U kunt producten met elkaar<br />vergelijken door 2 of 3<br />producten te selecteren en<br />op "vergelijken" te klikken.';
    }
}

function VergelijkCheck(box, waarde) {
    LoadCheck();
    if (VergelijkArr.length > 3) {
        document.getElementById(box).checked = false;
        var VergelijkLink = document.getElementById(box.replace(/VergelijkCheck/, 'HyperLinkVergelijk'));
        VergelijkLink.style.visibility = 'hidden'; 
        alert('U kunt maximaal 3 producten vergelijken');        
    }
}

function DoVergelijk() {
   strArguments = '';
   LoadCheck();
    if (VergelijkArr.length > 1) {
       //  ret = IMpactProtoType.WebUI.Vergelijk.GetProducts(VergelijkArr, OnCompleteVergelijk, OnTimeOutDojo, OnErrorDojo);
         __doPostBack('ctl00_ContentPlaceHolderTop_pnlVergelijk', strArguments.substring(0,strArguments.length-1)) //strArguments);
        //alert();
    }
    else {
        alert('U moet minimaal 2 producten aanvinken om te vergelijken');
    }
}

function setElements() {
    var frm = document.aspnetForm;
    var el = frm.elements;
    var hulp2;
    for (i = 0; i < el.length; i++) {
        if (el[i].type == "checkbox") {
            hulp2 = document.getElementById(el[i].id);
            if (hulp2.parentNode.getAttribute('ArtNr') != null) {
                if ((hulp2.parentNode.getAttribute('ArtNr') == VergelijkArr[0]) || (hulp2.parentNode.getAttribute('ArtNr') == VergelijkArr[1])) {
                    el[i].checked = true;
                } else {
                    el[i].checked = false;
                }                 
            }
        }
    }
}
function DoVergelijk2(art1, art2) {
    strArguments = art1 +"," + art2 + ","
    VergelijkArr = [];
    VergelijkArr[VergelijkArr.length] = art1;
    VergelijkArr[VergelijkArr.length] = art2;
   setElements();
     DoVergelijk();
  //    ret = IMpactProtoType.WebUI.Vergelijk.GetProducts(VergelijkArr, OnCompleteVergelijk, OnTimeOutDojo, OnErrorDojo);
   // __doPostBack('ctl00_ContentPlaceHolderTop_UpdatePanel2', strArguments);
    
}
function OnCompleteVergelijk(arg) {
    var ContentOverlay = $get('DojoContent');
    var newelement = document.createElement("div");
    newelement.innerHTML = arg;
    ContentOverlay.innerHTML = '';
    ContentOverlay.appendChild(newelement);
    var Overlay = $get('DojoMaster');
    Overlay.style.display = 'block';
   // window.scrollTo(0, 0);
}

function callvergelijk(buttonName) {
    LoadCheck();

    para='';    
    if (VergelijkArr.length > 0) {
      para='Vergelijk:'+VergelijkArr[0];
    }
    if (VergelijkArr.length > 1) {
      for   ( i = 1; i < VergelijkArr.length;  i++ ) {
        para+=';'+VergelijkArr[i];
      }
    }


    
  //  var invisibleButton = document.getElementById(buttonName.replace(/\$/g, '_'));
   // invisibleButton.attributes.add( VergelijkArr)
    __doPostBack(buttonName.id, para);
   // alert(invisibleButton)
}

/* Functies voor het scrollen van de meerafbeeldingen div */
function EnableScrollArrows() {
    var Scroller = document.getElementById('ContentScroller');
    if (Scroller) {
        if (Scroller.scrollWidth - 208 > 0) {
            var ScrollLeftArrow = document.getElementById('ScrollLeftArrow');
            if (ScrollLeftArrow) {
                ScrollLeftArrow.style.display = 'block';
            }
            var ScrollRightArrow = document.getElementById('ScrollRightArrow');
            if (ScrollRightArrow) {
                ScrollRightArrow.style.display = 'block';
            }            
        }
    }
}

var timer;
function startScroll(div, direction) {
    // scrollMeerAfbeeldingen(div, direction);
    timer = setInterval("scrollMeerAfbeeldingen('" + div + "','" + direction + "')", 1);
}

function stopScroll() {
    if (timer) clearInterval(timer);
}


function scrollMeerAfbeeldingen(div, direction) {
    var AfbeeldingenScroll = document.getElementById(div);
    var MaxScroll = AfbeeldingenScroll.scrollWidth;
    if (direction == 'left') {
        if (AfbeeldingenScroll.scrollLeft > 0) {
            AfbeeldingenScroll.scrollLeft = AfbeeldingenScroll.scrollLeft - 1;
        }
    }
    if (direction == 'right') {
        if ((AfbeeldingenScroll.scrollLeft) < AfbeeldingenScroll.scrollWidth) {
            AfbeeldingenScroll.scrollLeft = AfbeeldingenScroll.scrollLeft + 1;
        } 
    }
    if (direction == 'up') {
        if (AfbeeldingenScroll.scrollTop < AfbeeldingenScroll.scrollHeight) {
            AfbeeldingenScroll.scrollTop += 1;
        }
    }
    if (direction == 'down') {
        if (AfbeeldingenScroll.scrollTop > 0) {
            AfbeeldingenScroll.scrollTop += -1;
        }
    }  
}


function swappClass(item, cssClass) {
    item.className = cssClass;
}

function changeClass(item, cssClass) {
    hulp = $get(item);
    hulp.className = cssClass;
}


function SelectTab(TabStrip, TabText) {
    var _TabStrip = $find(TabStrip)
    var tab = _TabStrip.findTabByText(TabText);
    if (tab) {
        tab.select();
    }
}

var tooltip;
function clientShow(sender, eventArgs) {
    var id = sender.get_value();
    tooltip = sender;
    if ((sender.get_text() == '') || (sender.get_text() == null)) {    
        eventArgs.set_cancel(true);
        ret = IMpactProtoType.WebUI.GFKHints.GetHintbyId(id, SetText, OnTimeOutDojo, OnErrorDojo);
    }
}

function checkNumeric() {
    var valid=false;
    var regexp = new RegExp("\d{1}");
    var hulp = "hallo";
    for (i = 0; i < hulp.length; i++) {
        if (hulp.substring(i,i+1).match(regexp)) {
            valid = false;
        } else {
            args.IsValid = true;
            return;
        }
    }
    args.IsValid = false;
    alert('U heeft alleen cijfers ingevuld');
    return;
}

function SetText(arg) {
    tooltip.set_text(arg);
    tooltip.show();
}

function CheckZoeken(sender, args) {
    if (trim(args.Value).length == 0) {
        args.IsValid = false;
        alert('Vul hier uw zoek criteria in!');
    } else {
        args.IsValid = true;
    }
    return;
}


function trim(value) {
    value = value.replace(/^\s+/, '');
    value = value.replace(/\s+$/, '');
    return value;
}

function CheckBezorgTijd(sender, args) {
    var regexp = new RegExp("\\d{9}");
    if (args.Value.match(regexp)) {
        args.IsValid = true;
    } else {
        args.IsValid = false;
        alert('Vul de 9 cijfers van uw bonnummer in.');
    }
    return;
}

function CheckWinkelZoeken(sender, args) {
    var regexp = new RegExp("\\d{4}")
    if (args.Value.match(regexp)) {
        args.IsValid = true;
    } else {
    args.IsValid = false;
    alert('Vul de vier cijfers van uw postcode in.');
    }
    return;
}


 function CreateAccordionBehavior() {
    $create(AjaxControlToolkit.AccordionBehavior, { "ClientStateFieldID": "ctl00_ContentPlaceHolder1_Accordion1_AccordionExtender_ClientState", "ContentCssClass": "AccordeonContent", "HeaderCssClass": "BestelAccordeonHeader", "HeaderSelectedCssClass": "SelectedBestelAccordeonHeader", "id": "ctl00_ContentPlaceHolder1_Accordion1_AccordionExtender2" }, null, null, $get("ctl00_ContentPlaceHolder1_Accordion1"));
 }

 function ShowOgoneFrame(paneIndex, name, sBetaalwijze, OgoneFrame, BasketId) {

     var MyFrame = document.getElementById(OgoneFrame);
     if (MyFrame) {
         MyFrame.src = "/checkout/betaalwijze/ogone.aspx?Betaalwijze=" + sBetaalwijze + "&BasketId=" + BasketId
         MyFrame.style.display = 'block';
     }
     OpenPane(paneIndex, name);
     return false;
 }


function OpenPane(paneIndex,name) {
    var behavior = $get(name).AccordionBehavior;
    behavior.set_SelectedIndex(paneIndex);
}

function MakeTopWindow() {
    if (self != top) {
        top.location.href = self.location.href;
    }
}


/*      Webservice Calls    */

function getOrders() {
    var webMethod = "/WebServices/wsOrders.asmx/GetOrders";
    var divToBeWorkedOn = "#myIziContent";
    $.ajax({
        type: "POST",
        url: webMethod,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            RenderOrders(divToBeWorkedOn,msg.d)
        },
        error: function (e) {
             $(divToBeWorkedOn).html("Unavailable");
            alert("Error");
        }
    });
}

function RenderOrders(div, Table) {

    var OrderData = JSON.parse(Table);
    var orderHTML = "";
    orderHTML += "<table class=\"ordertable\" cellpadding=\"0\" cellspacing=\"0\">";
    orderHTML += "<thead><tr><th>Order nummer</th><th>Datum</th><th>Totaal bedrag</th></tr></thead><tbody>";
    for (i = 0; i < OrderData.length; i++) {
        orderHTML += "<tr class=\"orderregel\" onclick=\"getOrderDetails(" + OrderData[i].BasketId + ")\"><td>" + OrderData[i].BasketId + "</td><td>" + OrderData[i].Datum + "</td><td>" + OrderData[i].Totaalbedrag + "</td></tr>";
    }
    orderHTML += "</tbody></table>"
    $(div).html(orderHTML);
}

function getOrderDetails(OrderId) {
    var webMethod = "/WebServices/wsOrders.asmx/GetOrderDetails";
    var divToBeWorkedOn = "#myIziContent";
    var parameters = "{'OrderNummer':'" + OrderId + "'}";
    $.ajax({
        type: "POST",
        url: webMethod,
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            RenderOrderDetails(divToBeWorkedOn, msg.d)
        },
        error: function (e) {
            $(divToBeWorkedOn).html("Unavailable");
            alert("Error");
        }
    });
}

function setClassName(classname, Element) {
    if ($get(Element) != null) {
        $get(Element).className = classname;
    }
}

function RenderOrderDetails(div, Table) {

    var OrderData = JSON.parse(Table);
    var orderHTML = "";
    orderHTML += "<table class=\"ordertable\" cellpadding=\"0\" cellspacing=\"0\">";
    orderHTML += "<thead><tr><th>Artikelnummer</th><th>Omschrijving</th><th>Aantal</th><th>Bedrag</th></tr></thead><tbody>";
    for (i = 0; i < OrderData.length; i++) {
        orderHTML += "<tr class=\"orderregel\"><td>" + OrderData[i].Artikelnummer + "</td><td>" + OrderData[i].Merk + " " + OrderData[i].Typenummer + "</td><td>" + OrderData[i].Aantal + "</td><td>" + OrderData[i].Prijs + "</td></tr>";
    }
    orderHTML += "</tbody></table>"
    $(div).html(orderHTML);
}



$(document).ready(function () {
    $('#myIziContent').ajaxSend(function () {
          $('a.nyroModal').nyroModal({ closeButton: '' });
           $('#imgFiche').nmCall();
    });
    $('#myIziContent').ajaxStop(function () {
        $.nyroModalRemove(); 
    });
});


/* Scrolling Banner */

/* jQuery Easing */

eval(function (p, a, c, k, e, r) { e = function (c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function (e) { return r[e] } ]; e = function () { return '\\w+' }; c = 1 }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p } ('h.i[\'1a\']=h.i[\'z\'];h.O(h.i,{y:\'D\',z:9(x,t,b,c,d){6 h.i[h.i.y](x,t,b,c,d)},17:9(x,t,b,c,d){6 c*(t/=d)*t+b},D:9(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},13:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},X:9(x,t,b,c,d){6 c*(t/=d)*t*t+b},U:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},R:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},N:9(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},M:9(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},L:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},K:9(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},J:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},I:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},G:9(x,t,b,c,d){6-c*8.C(t/d*(8.g/2))+c+b},15:9(x,t,b,c,d){6 c*8.n(t/d*(8.g/2))+b},12:9(x,t,b,c,d){6-c/2*(8.C(8.g*t/d)-1)+b},Z:9(x,t,b,c,d){6(t==0)?b:c*8.j(2,10*(t/d-1))+b},Y:9(x,t,b,c,d){6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b},W:9(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;6 c/2*(-8.j(2,-10*--t)+2)+b},V:9(x,t,b,c,d){6-c*(8.o(1-(t/=d)*t)-1)+b},S:9(x,t,b,c,d){6 c*8.o(1-(t=t/d-1)*t)+b},Q:9(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;6 c/2*(8.o(1-(t-=2)*t)+1)+b},P:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b},H:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b},T:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b},F:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*(t/=d)*t*((s+1)*t-s)+b},E:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},16:9(x,t,b,c,d,s){e(s==u)s=1.l;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.B))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.B))+1)*t+s)+2)+b},A:9(x,t,b,c,d){6 c-h.i.v(x,d-t,0,c,d)+b},v:9(x,t,b,c,d){e((t/=d)<(1/2.k)){6 c*(7.q*t*t)+b}m e(t<(2/2.k)){6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}m e(t<(2.5/2.k)){6 c*(7.q*(t-=(2.14/2.k))*t+.11)+b}m{6 c*(7.q*(t-=(2.18/2.k))*t+.19)+b}},1b:9(x,t,b,c,d){e(t<d/2)6 h.i.A(x,t*2,0,c,d)*.5+b;6 h.i.v(x,t*2-d,0,c,d)*.5+c*.5+b}});', 62, 74, '||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|asin|||undefined|easeOutBounce|abs||def|swing|easeInBounce|525|cos|easeOutQuad|easeOutBack|easeInBack|easeInSine|easeOutElastic|easeInOutQuint|easeOutQuint|easeInQuint|easeInOutQuart|easeOutQuart|easeInQuart|extend|easeInElastic|easeInOutCirc|easeInOutCubic|easeOutCirc|easeInOutElastic|easeOutCubic|easeInCirc|easeInOutExpo|easeInCubic|easeOutExpo|easeInExpo||9375|easeInOutSine|easeInOutQuad|25|easeOutSine|easeInOutBack|easeInQuad|625|984375|jswing|easeInOutBounce'.split('|'), 0, {}))


/* Einde jQuery Easing  */

/* jQuery Compatibility */
eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) { d[e(c)] = k[c] || e(c) } k = [function (e) { return d[e] } ]; e = function () { return '\\w+' }; c = 1 }; while (c--) { if (k[c]) { p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]) } } return p } ('0.C(0.1,{7:2(x,t,b,c,d){3 0.1.D(x,t,b,c,d)},5:2(x,t,b,c,d){3 0.1.6(x,t,b,c,d)},h:2(x,t,b,c,d){3 0.1.B(x,t,b,c,d)},A:2(x,t,b,c,d){3 0.1.m(x,t,b,c,d)},y:2(x,t,b,c,d){3 0.1.w(x,t,b,c,d)},v:2(x,t,b,c,d){3 0.1.u(x,t,b,c,d)},s:2(x,t,b,c,d){3 0.1.r(x,t,b,c,d)},q:2(x,t,b,c,d){3 0.1.p(x,t,b,c,d)},o:2(x,t,b,c,d){3 0.1.n(x,t,b,c,d)},8:2(x,t,b,c,d){3 0.1.l(x,t,b,c,d)},g:2(x,t,b,c,d){3 0.1.j(x,t,b,c,d)},i:2(x,t,b,c,d){3 0.1.k(x,t,b,c,d)},z:2(x,t,b,c,d){3 0.1.f(x,t,b,c,d)},e:2(x,t,b,c,d){3 0.1.a(x,t,b,c,d)},9:2(x,t,b,c,d){3 0.1.4(x,t,b,c,d)}});', 40, 40, 'jQuery|easing|function|return|easeInOutBack|easeOut|easeOutQuad|easeIn|elasin|backinout|easeOutBack||||backout|easeInBack|elasout|easeInOut|elasinout|easeOutElastic|easeInOutElastic|easeInElastic|easeInExpo|easeInOutBounce|bounceinout|easeOutBounce|bounceout|easeInBounce|bouncein||easeInOutExpo|expoinout|easeOutExpo||expoout|backin|expoin|easeInOutQuad|extend|easeInQuad'.split('|'), 0, {}))
/* Einde jQuery compatibility */

/*
jQuery Coda-Slider v1.1 - http://www.ndoherty.com/coda-slider
	
Copyright (c) 2007 Niall Doherty
*/
//eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) { d[e(c)] = k[c] || e(c) } k = [function (e) { return d[e] } ]; e = function () { return '\\w+' }; c = 1 }; while (c--) { if (k[c]) { p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]) } } return p } ('3(d(){3("4.T").1s("<p r=\'O\'>16...<1t /><18 19=\'1a/11-1b.1c\' 1d=\'O...\'/ ></p>")});b j=0;3.1e.1f=d(f){f=3.1g({G:"1h",E:1i,1j:Q},f);P 6.w(d(){b o=3(6);o.7("p.O").1k();o.q("T").l("1l");b m=o.7("4.I").C();b k=o.7("4.I").1m();b U=m*k;o.7("4.t").K("C",U);b N=k*2;F(h.g&&D(h.g.s(1))<=k){b 9=D(h.g.s(1));b e=-(m*(9-1));3(6).7("4.t").K({H:e})}B{b 9=1};o.w(d(i){3(6).W("<4 r=\'J\' M=\'J"+j+"\'><a A=\'#\'>1n</a><\\/4>");3(6).1o("<4 r=\'L\' M=\'L"+j+"\'><a A=\'#\'>1q</a><\\/4>");3(6).W("<4 r=\'c\' M=\'c"+j+"\'><v><\\/v><\\/4>");3(6).7("4.I").w(d(n){3("4#c"+j+" v").X("<x r=\'Z"+(n+1)+"\'><a A=\'#"+(n+1)+"\'>"+3(6).S("10")+"<\\/a><\\/x>")});3("4#c"+j+" a").w(d(z){N+=3(6).5().C();3(6).12("u",d(){3(6).l("8").5().5().7("a").13(3(6)).q("8");b e=-(m*z);9=z+1;3(6).5().5().5().V().7("4.t").R({H:e},f.E,f.G)})});3("4#J"+j+" a").u(d(){F(9==1){b e=-(m*(k-1));9=k;3(6).5().5().7("4.c a.8").q("8").5().5().7("x:14 a").l("8")}B{9-=1;b e=-(m*(9-1));3(6).5().5().7("4.c a.8").q("8").5().15().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("4#L"+j+" a").u(d(){F(9==k){b e=0;9=1;3(6).5().5().7("4.c a.8").q("8").5().5().7("a:y(0)").l("8")}B{b e=-(m*9);9+=1;3(6).5().5().7("4.c a.8").q("8").5().V().7("a").l("8")};3(6).5().5().7("4.t").R({H:e},f.E,f.G);h.g=9;P Q});3("a.1p-1r").u(d(){3(6).Y().7(".c v x a:y("+(D(3(6).S("A").s(1))-1)+")").17(\'u\')});3("4#c"+j).K("C",N);F(h.g&&D(h.g.s(1))<=k){3("4#c"+j+" a:y("+(h.g.s(1)-1)+")").l("8")}B{3("4#c"+j+" a:y(0)").l("8")}});j++})};', 62, 92, '|||jQuery|div|parent|this|find|current|cPanel||var|stripNav|function|cnt|settings|hash|location|||panelCount|addClass|panelWidth||container||removeClass|class|slice|panelContainer|click|ul|each|li|eq||href|else|width|parseInt|easeTime|if|easeFunc|left|panel|stripNavL|css|stripNavR|id|navWidth|loading|return|false|animate|attr|csw|stripViewerWidth|next|before|append|parents|tab|title|ajax|bind|not|last|prev|Loading|trigger|img|src|images|loader|gif|alt|fn|codaSlider|extend|expoinout|750|toolTip|remove|stripViewer|size|Left|after|cross|Right|link|prepend|br'.split('|'), 0, {}))

jQuery(function () {
    jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='images/ajax-loader.gif' alt='loading...'/ ></p>");
});
var j = 0;
jQuery.fn.codaSlider = function (settings) {
    settings = jQuery.extend({
        easeFunc: "expoinout",
        easeTime: 750,
        toolTip: false
    }, settings);
    return this.each(function () {
        var container = jQuery(this);
        // Remove the preloader gif...
        container.find("p.loading").remove();
        // Self-explanatory...
        container.removeClass("csw").addClass("stripViewer");
        // Get the width of a panel, set from CSS...
        var panelWidth = container.find("div.panel").width();
        var panelHeight = container.find("div.panel").height();
        // panelCount gives us a count of the panels in the container...
        var panelCount = container.find("div.panel").size();
        // Calculate the width of all the panels when lined up end-to-end...
        var stripViewerWidth = panelWidth * panelCount;
        // Use the above width to specify the CSS width for the panelContainer element...
        container.find("div.panelContainer").css("width", stripViewerWidth);
        // Set the navWidth as a multiple of panelCount to account for margin-right on each li
        var navWidth = panelCount * 2;

        // Specify the current panel.
        // If the loaded URL has a hash (cross-linking), we're going to use that hash to give the slider a specific starting position...
        if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
            var cPanel = parseInt(location.hash.slice(1));
            var cnt = -(panelHeight * (cPanel - 1));
            jQuery(this).find("div.panelContainer").css({ top: cnt });
            // Otherwise, we'll just set the current panel to 1...
        } else {
            var cPanel = 1;
        };

        // Create appropriate nav
        container.each(function (i) {

            // Create the Left and Right arrows
            jQuery(this).before("<div class='stripNavL' id='stripNavL" + j + "'><a href='#'>Left</a><\/div>");
            jQuery(this).after("<div class='stripNavR' id='stripNavR" + j + "'><a href='#'>Right</a><\/div>");

            // Create the Tabs
            jQuery(this).before("<div class='stripNav' id='stripNav" + j + "'><ul><\/ul><\/div>");
            jQuery(this).find("div.panel").each(function (n) {
                jQuery("div#stripNav" + j + " ul").append("<li><a href='#" + (n + 1) + "'>" + jQuery(this).attr("title") + "<\/a><\/li>");
            });

            // Tab nav
            jQuery("div#stripNav" + j + " a").each(function (z) {
                // Figure out the navWidth by adding up the width of each li
                navWidth += jQuery(this).parent().width();
                // What happens when a nav link is clicked
                jQuery(this).bind("click", function () {
                    jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
                    var cnt = -(panelHeight * z);
                    cPanel = z + 1;
                    jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({ top: cnt }, settings.easeTime, settings.easeFunc);
                });
            });

            // Left nav
            jQuery("div#stripNavL" + j + " a").click(function () {
                if (cPanel == 1) {
                    var cnt = -(panelHeight * (panelCount - 1));
                    cPanel = panelCount;
                    jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("li:last a").addClass("current");
                } else {
                    cPanel -= 1;
                    var cnt = -(panelHeight * (cPanel - 1));
                    jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().prev().find("a").addClass("current");
                };
                jQuery(this).parent().parent().find("div.panelContainer").animate({ top: cnt }, settings.easeTime, settings.easeFunc);
                // Change the URL hash (cross-linking)...
                location.hash = cPanel;
                return false;
            });

            // Right nav
            jQuery("div#stripNavR" + j + " a").click(function () {
                if (cPanel == panelCount) {
                    var cnt = 0;
                    cPanel = 1;
                    jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current");
                } else {
                    var cnt = -(panelHeight * cPanel);
                    cPanel += 1;
                    jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current");
                };
                jQuery(this).parent().parent().find("div.panelContainer").animate({ top: cnt }, settings.easeTime, settings.easeFunc);
                // Change the URL hash (cross-linking)...
                location.hash = cPanel;
                return false;
            });

            // Same-page cross-linking
            jQuery("a.cross-link").click(function () {
                jQuery(this).parents().find(".stripNav ul li a:eq(" + (parseInt(jQuery(this).attr("href").slice(1)) - 1) + ")").trigger('click');
            });

            // Set the width of the nav using the navWidth figure we calculated earlier. This is so the nav can be centred above the slider
            jQuery("div#stripNav" + j).css("width", navWidth);

            // Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking).
            if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
                jQuery("div#stripNav" + j + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current");
            } else {
                jQuery("div#stripNav" + j + " a:eq(0)").addClass("current");
            }

        });

        j++;
    });
};

/* Einde jQuery Coda-Slider */

/* Nieuwe banner */    
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function (cur) {
    clearInterval(theInt);

    if (typeof cur != 'undefined')
        curclicked = cur;

    $crosslink.removeClass("active-thumb");
    $navthumb.eq(curclicked).parent().addClass("active-thumb");
    $(".stripNav ul li a").eq(curclicked).trigger('click');

    theInt = setInterval(function () {
        $crosslink.removeClass("active-thumb");
        $navthumb.eq(curclicked).parent().addClass("active-thumb");
        $(".stripNav ul li a").eq(curclicked).trigger('click');
        curclicked++;
        if (4 == curclicked)
            curclicked = 0;

    }, 3000);
};

$(function () {

    $("#main-photo-slider").codaSlider();

    $navthumb = $(".nav-thumb");
    $crosslink = $(".cross-link");

    $navthumb.mouseover(function () {
        var $this = $(this);
        theInterval($this.parent().attr('nr').slice(1) - 1);
        return false;
    });

    theInterval();
});

/* Productoverzicht script  */
var minPrijs;
var maxPrijs;
var menuId;
var merk;
var koopjeshoek = false;
var MerkList = new String('');
var Filters = new Array();

function getFilters(line, blnFilter) {
    Filters = new Array();
    if (blnFilter) {
        var myFilters = $('input[name=IceFilter]');
        var j = 0; 
        for (i = 0; i < myFilters.length; i++) {
            if ($(myFilters[i]).attr('icecattype') == 'numerical') {
                Filters[j] = new Object({ IceId: $(myFilters[i]).attr('iceid'), MaxValue: $(myFilters[i]).attr('MaxValue'), MinValue: $(myFilters[i]).attr('MinValue'), TextValue: "", FilterType: $(myFilters[i]).attr('icecattype') });
                j += 1;
            } else {
                if ($(myFilters[i]).attr('checked')) {
                    Filters[j] = new Object({ IceId: $(myFilters[i]).attr('iceid'), MaxValue: "0", MinValue: "0", TextValue: $(myFilters[i]).attr('value'), FilterType: $(myFilters[i]).attr('icecattype') });
                    j += 1;
                }
            }
        }
    }
    return Filters;
}


function NumericalFilterChanged(sender, eventArgs) {
    var item = eventArgs.get_item();
    $('#' + item.get_attributes().getAttribute("hiddenFieldId")).attr(item.get_attributes().getAttribute("FilterType"), item.get_value().replace(",","."));
    getProducts(true);
    var otherFilter = $find(item.get_attributes().getAttribute("OtherId"));
    var items2 = otherFilter.get_items();
    if (item.get_attributes().getAttribute("OtherId").indexOf('rdcMax') >= 0) {
        for (j = 0; j < items2.get_count(); j++) {
            if (parseInt(items2.getItem(j).get_value()) <= parseInt(item.get_value())) {
                items2.getItem(j).set_visible(false);
            } else {
                items2.getItem(j).set_visible(true);
            }
        }
    } else {
        for (j = 0; j < items2.get_count(); j++) {
            if (parseInt(items2.getItem(j).get_value()) >= parseInt(item.get_value())) {
                items2.getItem(j).set_visible(false);
            } else {
                items2.getItem(j).set_visible(true);
            }
        }
    }
}

var initialLoad = true;
var MerkClick = false;
function MerkClicked() {
    MerkClick = true;
    getProducts(true);
    return false;
}

function cbMerkCheck(cbMerk) {
    $(cbMerk).attr('checked', !$(cbMerk).attr('checked'));
    return MerkClicked();
}

var ajaxloader = "<div class=\"ajaxloadercontent\"><div class=\"ajaxloaderimage\"><img src=\"/images/ajax-loader.gif\" width=\"32\" height=\"32\" /></div></div>";
function getProducts(blnFilter) {
    if (!initialLoad) {
        $('#ajaxloadingpanel').html(ajaxloader);
        $('#ajaxloadingpanel').css("display", "block");
    }
    CheckMerk();
    var lineItems = new Object();
    lineItems.CatId = menuId;
    lineItems.merk =  MerkList;
    lineItems.minprijs = minPrijs;
    lineItems.maxprijs = maxPrijs;
    lineItems.Filters = getFilters(lineItems.Filters, blnFilter);
    var parameters = JSON.stringify(lineItems);
    if (koopjeshoek) {
         $.ajax({
              url: "/WebServices/Products.asmx#getKoopjes",
              context: document.body,
              success: function(){
                $(this).addClass("done");
              }
          });
    } else {
    $.ajax({
        url: "/WebServices/Products.asmx/GetProducts",
        type: "POST",
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            renderProducts(msg.d);
            $('#ajaxloadingpanel').empty();
            $('#ajaxloadingpanel').css("display", "none");
        },
        error: function (e) {
            $('#ajaxloadingpanel').empty();
            $('#ajaxloadingpanel').css("display", "none");
            alert(e.status);
        }
    });
    }
    initialLoad = false;
}



function showMessage(ContentId, Soort) {
    var parameters = "{'ContentId':'" + ContentId + "','Soort':'" + Soort + "'}";
    $.ajax({
        url: '/WebServices/GetInfo.asmx/GetInfo',
        type: "POST",
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            $('#msgContent').html(msg.d);
            $.nyroModalManual({
                url: '#msgContent',
                minWidth: '867',
                showCloseButton: false,
                modal: false
            });
        },
        error: function (d) {
            alert('Error');
        }
    });
}


function setmaxPrijs(sender, eventArgs) {
    var item = eventArgs.get_item();
    maxPrijs = item.get_value();
    var combomin = $find('ctl00_cphLeftColumn_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(true);
}

function setminPrijs(sender, eventArgs) {
    var item = eventArgs.get_item();
    minPrijs = item.get_value();
    var combomax = $find('ctl00_cphLeftColumn_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(true);
}


function onError() {
    alert('Error');
}
var initialMerkList = '';
function CheckMerk() {
    MerkList = '';
    if (initialMerkList.length > 0) {
        MerkList = initialMerkList;
    } else {
        var CHK = $('input:checked[name|="MerkenList"]');
        if (CHK.length > 0) {
            for (i = 0; i < CHK.length; i++) {
             MerkList += '|' + CHK[i].value;
            }
            if (MerkList.length > 0) {
                MerkList = MerkList.substring(1);
            }
        }
    }
}

function ClickMerk(Merk) {
    var CHK = $('input:checkbox[name|="MerkenList"]');
    for (i = 0; i < CHK.length; i++) {
         if (CHK[i].value == Merk) {
            CHK[i].click();
         }
    }
    return false;
}


function isIE() {
    if (navigator.appVersion.indexOf('MSIE') >= 0) {
        return true;
    }
    else {
        return false;
    }
}


function renderProducts(Result) {
    var productHTML = '';
    var ProductData = JSON.parse(Result).dtProducten;
    var MerkenList = JSON.parse(Result).MerkenList;
    if (!MerkClick) {
        $('#ctl00_cphLeftColumn_MerkListDiv').html(MerkenList);
    }
    MerkClick = false;
    var USPS = '';
    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++) {
            USPS = '';

            if (i > 0 && ProductData[i].IceCatProduct != ProductData[i - 1].IceCatProduct) {
                productHTML += '<div class="NietGefilterdeartikelen">Onderstaande producten kunnen mogelijk voldoen aan de selectie.</div>';
            }
            productHTML += '<div class="ProductOverzichtsItem">';
            productHTML += '<img title="' + ProductData[i].Merk + ' ' + ProductData[i].Description + '" 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">';
            if (ProductData[i].MerkAfbeeldingExists == 'true') {
            productHTML += '<img class="ProductMerk" src="' + _strImageRoot + 'Merkafbeeldingen/' + ProductData[i].Merk + '.jpg" style="height:10px;border-width:0px;" />';
            } else {
            productHTML += '<span class="ProductMerk">' + ProductData[i].Merk + '</span>';
            }
            productHTML += '<span class="ProductType">' + ProductData[i].Description + " " + ProductData[i].categorie + '</span>';
//            productHTML += '<span class="ProductVoorraad">' + ProductData[i].Beschikbaarheid + '</span>';
            productHTML += '<div class="ProductPrijsBack">';
            /*
            productHTML += '<span class="ProductVanPrijsTitel">van:</span>';
            productHTML += '<span class="ProductVanPrijs">' + ProductData[i].Adviesprijs + '</span>';
            */
            productHTML += '<span class="ProductPrijsTitel">NU VOOR&nbsp;</span>';
            productHTML += '<span class="ProductPrijs">&euro;&nbsp;' + getPrijs(ProductData[i].Unit_Price) + '</span>';
            productHTML += '</div>';


            productHTML += '<div class="ProductUsp">';
            for (j = 1; j <= 10; j++) {
                USPS += eval("ProductData[i].USP" + j);
            }
            productHTML += USPS;
            productHTML += '</div>';
            productHTML += '<div class="Pictos">'
            for (j=1; j <= 6; j++) {
                if (eval("ProductData[i].Picto" + j).length > 0) {
                    productHTML += '<div class="ProductPicto">';
                    productHTML += '<img src="' + eval("ProductData[i].Picto" + j) + '" />';
                    productHTML += '</div>';
                    productHTML += '<div class="PictoSeparator">';
                    productHTML += '</div>';
                }
            }
            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="225px" border="0" alt="" /></a>';
            if (koopjeshoek) {
                productHTML += '<a class="KoopjesHoekMeerInfo" href="' + ProductData[i].NavigateURL + '">Meer informatie</a>';
            } else {
                productHTML += '<a class="ProductMeerInfo" href="' + ProductData[i].NavigateURL + '">Meer informatie</a>';
                productHTML += '<div class="ProductTussenMeerInfo"></div>';
                //productHTML += '<a class="ProductBestel" href="#Top" 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].No + '"><input id="VergelijkCheck' + i + '" type="checkbox" onclick="VergelijkCheck(\'VergelijkCheck' + i + '\', \'' + ProductData[i].No + '\');" /></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 += '</div>';
        }
        productHTML += '</div><div class="clear"></div>';
    } else {
        loadinfo(440, 'content');
    }
    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 Prijs.toFixed(2).replace(".", ",");
    }
}

function getProductGroups() {
 $.ajax({
        url: "/WebServices/Products.asmx/GetProductGroups",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            alert(msg.d);          
        },
        error: function (d) {
            alert('Error');
        }
    });
}



/* Einde productoverzicht script    */

function checklengthpostalcode(Postcode, Letters) {
    if (Postcode.value.length == 4) {
        $("#" + Letters).focus();
    }
}

/* Basket.js    */

var totaal = 0;
var subtotaal = 0;
var AantalArtikelen = 0;
var verwijderingsbijdrage = 0;
var Bezorgkosten = 0;


function renderBasket(Result) {
    totaal = 0;
    subtotaal = 0;
    AantalArtikelen = 0;
    verwijderingsbijdrage = 0;
    var BasketData = JSON.parse(Result);
    var BasketHTML = '';
    BasketHTML += '<div class="DojoTop" style="display: block;">'
    BasketHTML += '<div class="DojoShade">';
    BasketHTML += '<center>';
    BasketHTML += '<div class="Basket">';
    BasketHTML += '<div class="DojoTitle">';
    BasketHTML += '<div class="DojoTitle2">Inhoud winkelwagen</div>';
    BasketHTML += '<div class="DojoClose">';
//    BasketHTML += '<a id="ctl00_Basket1_Close1" href="javascript:ClearBasket();"><img class="CloseImage" src="/images/close.gif" alt="" Border="0" align="middle" /></a></div>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';
    BasketHTML += '<div class="BasketContent">';
    if (BasketData.length == 0) {
        BasketHTML += EmptyBasket();
        $get('ctl00_shoppingbasket1_lnkBekijkWinkelwagen').className = "emptybasket";
    }
    else {
        Bezorgkosten = BasketData[0].BezorgKosten;
        BasketHTML += BuildBasket(BasketData);
        $get('ctl00_shoppingbasket1_lnkBekijkWinkelwagen').className = "fullbasket";
    }
    BasketHTML += '<div class="BasketButtons"><span class="OuterVerderWinkelen"><a class="ButtonVerderWinkelen" href="http://' + hostname + '/"><img src="/images/blueSquare.gif" border="0" alt=""  />&nbsp;&nbsp;Verder winkelen</a></span>';
    if (BasketData.length > 0) {
        BasketHTML += '<a href="' + _strSecure + '/checkout/Controleren/" id="btnBestellen" class="ButtonAddToCart">Volgende</a>';
    }
    BasketHTML += '</div></div>';
    BasketHTML += '</div>';
    BasketHTML += '<div style="clear: both; height: 0px; line-height:0px"></div>';
    BasketHTML += '</div>';
    BasketHTML += '</center>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';

    $get('ctl00_shoppingbasket1_lblTotaalPrijs').innerHTML = FormatPrijs(totaal);
    $get('ctl00_shoppingbasket1_lblItems').innerHTML = AantalArtikelen;
    $get('Basket').innerHTML = BasketHTML;
    //scrollToTop();
    if (strKorting.length > 0) {
        alert(strKorting);
    }
}

function ClearBasket() {
    $get('Basket').innerHTML = '';
}

function EmptyBasket() {
    var BasketHTML = '';
    BasketHTML += '<div class="BasketTitle">Er bevinden zich geen artikelen in uw winkelwagen</div>';
    BasketHTML += '<div class="">';

    return BasketHTML;
}

function getBasket() {
    ret = IMpactProtoType.WebUI.svcBasket.GetBasket(renderBasket, onError, onError)
}

function InCrease(Item, Id) {
    var value = $get(Item).value;
        value = parseInt(value) + 1;
    if (value < 100 && value > 0) {
        $get(Item).value = value;
        UpdateAantal(Id, value);
    }
}

function DeCrease(Item, Id) {
    var value = $get(Item).value;
    value = parseInt(value) - 1;
    if (value < 100 && value > 0) {
        $get(Item).value = value;
        UpdateAantal(Id, value);
    }
}

function UpdateAantal(Id, Aantal) {
    if (Aantal > 0 && Aantal < 100) {
        ret = IMpactProtoType.WebUI.svcBasket.UpdateAantal(Id, Aantal, renderBasket, onError, onError);
    }
}

var Korting = 0;
var strKorting = "";
var Administratiekosten = 0;

var HasGarantie = false;

function BuildBasket(BasketData) {
    Administratiekosten = 0;
    HasGarantie = false;
    var BasketHTML = '';
    BasketHTML += '<div class="BasketTitle">U heeft de volgende artikelen in uw winkelwagen</div>';
    BasketHTML += '<div class="">';
    BasketHTML += BasketHeader();
    for (i = 0; i < BasketData.length; i++) {
        AantalArtikelen += BasketData[i].Aantal;
        subtotaal += BasketData[i].Aantal * BasketData[i].Unit_Price;
        subtotaal += BasketData[i].Verwijderingsbijdrage * BasketData[i].Aantal;
        if (BasketData[i].MainArtikel.length == 0) {
            BasketHTML += '<div class="BasketRow">'
            BasketHTML += '<div class="ProdImage"><img src="' + BasketData[i].ImageURL + '" style="border-width: 0px; height: 36px; width: 36px;"></div>';
            BasketHTML += '<div class="Artikel">';
            BasketHTML += '<span >' + BasketData[i].Merk + '</span><span> ' + BasketData[i].Description + '</span><span> ' + BasketData[i].Categorie + '</span>';
            BasketHTML += '<br /><span class="Levertijd">Levertijd:&nbsp;' + BasketData[i].Beschikbaarheid + '</span>';
            BasketHTML += '</div>';
            BasketHTML += '<div class="Prijs">&euro;&nbsp;<span>' + FormatPrijs(BasketData[i].Unit_Price) + '</span></div>';
            BasketHTML += '<div class="Aantal">';
            BasketHTML += '<div class="RadInput RadInput_Default" style="display: -moz-inline-stack; width: 40px; height: 20px;">';
            BasketHTML += '<table class="riTable" style="border-width: 0pt; border-collapse: collapse; width: 40px;" cellpadding="0" cellspacing="0">';
            BasketHTML += '<tbody><tr>';
            BasketHTML += '<td class="riSpin"><a class="riUp" href="javascript:void(0)" onClick="InCrease(\'Item' + BasketData[i].Id + '\',' + BasketData[i].Id + ');"><span>Spin Up</span></a><a class="riDown" href="javascript:void(0)" onClick="DeCrease(\'Item' + BasketData[i].Id + '\',' + BasketData[i].Id + ');"><span>Spin Down</span></a></td><td class="riCell" style="width: 100%; white-space: nowrap;"><input onChange="UpdateAantal(' + BasketData[i].Id + ',this.value);" value="' + BasketData[i].Aantal + '" id="Item' + BasketData[i].Id + '" class="riTextBox riEnabled" style="width: 100%;" type="text"></td>';
            BasketHTML += '</tr>';
            BasketHTML += '</tbody></table>';
            BasketHTML += '</div>';
            BasketHTML += '</div>';
            Korting = BasketData[i].Korting;
            strKorting = BasketData[i].KortingMessage
            BasketHTML += '<div class="SubTotaal">&euro;&nbsp;<span>' + FormatPrijs((BasketData[i].Unit_Price * BasketData[i].Aantal)) + '</span></div>';
            BasketHTML += '<div class="Korting"><span></span></div>';
            BasketHTML += '<div class="TotaalPrijs">&euro;&nbsp;<span>' + FormatPrijs((BasketData[i].Unit_Price * BasketData[i].Aantal)) + '</span></div>';
            BasketHTML += '<div class="Delete"><a href="#" onClick="DeleteFromBasket(' + BasketData[i].Id + ');"';
            if (isIE()) {
                BasketHTML += ' onmouseover="Tip(\'Klik hier om de ' + BasketData[i].Merk + ' ' + BasketData[i].Description + ' ' + BasketData[i].Categorie + ' uit uw bestelling te verwijderen\',  FADEIN, 400, FADEOUT, 600,BALLOONIMGPATH, \'/images/balloon-blue\')" onmouseout="UnTip();"';
            }
            BasketHTML += '><img src="/images/Basket/bucket.jpg" style="border-width: 0px;"></a></div>';
            BasketHTML += '<div style="clear: both; height: 0px; line-height: 0px;"></div>';
            if (BasketData[i].Verwijderingsbijdrage > 0)  {
                BasketHTML += '<div class="BasketSubRow">';
                BasketHTML += '<div class="ProdImage"><img src="/images/Basket/bijverkoopartikel.jpg" style="border-width: 0px;"></div>';
                BasketHTML += '<div class="Artikel">';
                BasketHTML += 'Verwijderingsbijdrage';
                BasketHTML += '</div>';
                BasketHTML += '<div class="Prijs">&euro;&nbsp;' + FormatPrijs(BasketData[i].Verwijderingsbijdrage) + '</div>';
                BasketHTML += '<div class="Aantal">' + FormatPrijs(BasketData[i].Aantal).replace(",00" , "") + '</div>';
                BasketHTML += '<div class="SubTotaal">&euro;&nbsp;' + FormatPrijs((BasketData[i].Aantal * BasketData[i].Verwijderingsbijdrage)) + '</div>';
                BasketHTML += '<div class="TotaalPrijs">&euro;&nbsp;' + FormatPrijs((BasketData[i].Aantal * BasketData[i].Verwijderingsbijdrage)) + '</div>';
                BasketHTML += '<div class="Delete"></div>';
                BasketHTML += '<div style="clear: both; height: 0px; line-height: 0px;"></div>';
                BasketHTML += '</div>';
            }
            if (BasketData[i].Garantie == true) {
                HasGarantie = true;
                Administratiekosten = BasketData[i].Administratiekosten;
                BasketHTML += '<div class="BasketSubRow">';
                BasketHTML += '<div class="ProdImage"><img src="/images/Basket/bijverkoopartikel.jpg" style="border-width: 0px;"></div>';
                BasketHTML += '<div class="Artikel">';
                BasketHTML += 'Productverzekering - ' + BasketData[i].GarantieTermijn + ' jaar verzekerd.<br />Premie: &euro;&nbsp;' + BasketData[i].MaandBedrag + ' per maand';
                BasketHTML += '</div>';
                BasketHTML += '<div class="Prijs"></div>';
                BasketHTML += '<div class="Aantal">' + FormatPrijs(BasketData[i].Aantal).replace(",00", "") + '</div>';
                BasketHTML += '<div class="SubTotaal"></div>';
                BasketHTML += '<div class="TotaalPrijs"></div>';
                BasketHTML += '<div class="Delete"><a href="#" onClick="DeleteGarantie(' + BasketData[i].Id + ');"';
                if (isIE()) {
                    BasketHTML += ' onmouseover="Tip(\'Klik hier om de productverzekering bij het product te verwijderen\',  FADEIN, 400, FADEOUT, 600,BALLOONIMGPATH, \'/images/balloon-blue\')" onmouseout="UnTip();"';
                }
                BasketHTML += '><img src="/images/Basket/bucket.jpg" style="border-width: 0px;"></a></div>';
                BasketHTML += '<div style="clear: both; height: 0px; line-height: 0px;"></div>';
                BasketHTML += '</div>';
            }
            /* ######## Hier worden subregels toegevoegd aan de basket   */
            for (j = 0; j < BasketData.length; j++) {
                if (BasketData[j].MainArtikel == BasketData[i].No) {
                    BasketHTML += '<div class="BasketSubRow">';
                    BasketHTML += '<div class="ProdImage"><img src="/images/Basket/bijverkoopartikel.jpg" style="border-width: 0px;"></div>';
                    BasketHTML += '<div class="Artikel">';
                    BasketHTML += BasketData[j].Merk + ' ' + BasketData[j].Description + ' ' + BasketData[j].Categorie;

                    BasketHTML += '</div>';
                    BasketHTML += '<div class="Prijs">&euro;&nbsp;' + FormatPrijs(BasketData[j].Unit_Price) + '</div>';
               //     BasketHTML += '<div class="Aantal" style="text-align: center;">' + BasketData[j].Aantal + '</div>';
                    BasketHTML += '<div class="Aantal"><div class="RadInput RadInput_Default" style="display: -moz-inline-stack; width: 40px; height: 20px;">';
                    BasketHTML += '<table class="riTable" style="border-width: 0pt; border-collapse: collapse; width: 40px;" cellpadding="0" cellspacing="0">';
                    BasketHTML += '<tbody><tr>';
                    BasketHTML += '<td class="riSpin"><a class="riUp" href="javascript:void(0)" onClick="InCrease(\'Item' + BasketData[j].Id + '\',' + BasketData[j].Id + ');"><span>Spin Up</span></a><a class="riDown" href="javascript:void(0)" onClick="DeCrease(\'Item' + BasketData[j].Id + '\',' + BasketData[j].Id + ');"><span>Spin Down</span></a></td><td class="riCell" style="width: 100%; white-space: nowrap;"><input onChange="UpdateAantal(' + BasketData[j].Id + ',this.value);" value="' + BasketData[j].Aantal + '" id="Item' + BasketData[j].Id + '" class="riTextBox riEnabled" style="width: 100%;" type="text"></td>';
                    BasketHTML += '</tr>';
                    BasketHTML += '</tbody></table><input autocomplete="off" value="{&quot;enabled&quot;:true,&quot;emptyMessage&quot;:&quot;&quot;,&quot;minValue&quot;:1,&quot;maxValue&quot;:999}" id="ctl00_Basket1_rptBasket_ctl01_rptSubArtikelen_ctl00_rntAantal_ClientState" name="ctl00_Basket1_rptBasket_ctl01_rptSubArtikelen_ctl00_rntAantal_ClientState" type="hidden">';
                    BasketHTML += '</div></div>';
                    BasketHTML += '<div class="SubTotaal">&euro;&nbsp;' + FormatPrijs((BasketData[j].Aantal * BasketData[j].Unit_Price)) + '</div>';
                    /*           if (BasketData[i].Korting > 0) {
                    BasketHTML += '<div class="Korting" style="display: block;">' + BasketData[i].Korting + '</div>';
                    }
                    else {
                    BasketHTML += '<div class="Korting" style="display: block;">' + BasketData[i].Korting + '</div>';
                    }*/
                    BasketHTML += '<div class="TotaalPrijs">&euro;&nbsp;' + FormatPrijs((BasketData[j].Aantal * BasketData[j].Unit_Price)) + '</div>';
                    BasketHTML += '<div class="Delete"><a href="#" onClick="DeleteFromBasket(' + BasketData[j].Id + ');" onmouseover="Tip(\'Klik hier om de ' + BasketData[j].Merk + ' ' + BasketData[j].Description + ' ' + BasketData[j].Categorie + ' uit uw bestelling te verwijderen\',  FADEIN, 400, FADEOUT, 600,BALLOONIMGPATH, \'/images/balloon\')" onmouseout="UnTip();"><img src="/images/Basket/bucket.jpg" style="border-width: 0px;"></a></div>';
                    BasketHTML += '<div style="clear: both; height: 0px; line-height: 0px;"></div>';
                    BasketHTML += '</div>';
                }
            }
            BasketHTML += '</div>';
        }
    }
    BasketHTML += BasketFooter();
    return BasketHTML;
}

function DeleteGarantie(Id) {
    if (confirm('Weet u zeker dat u deze verzekering wilt verwijderen?')) {
        ret = IMpactProtoType.WebUI.svcBasket.DeleteGarantie(Id, renderBasket, onError, onError);
    }
}

function DeleteFromBasket(Id) {
    if (confirm('Weet u zeker dat u dit product wilt verwijderen?')) {
        ret = IMpactProtoType.WebUI.svcBasket.Delete(Id, renderBasket, onError, onError);
    }
}

function BasketFooter() {
    totaal = parseFloat(subtotaal) + parseFloat(verwijderingsbijdrage);
    if (parseFloat(Bezorgkosten.replace(",", ".")) > 0) {
        totaal += parseFloat(Bezorgkosten.replace(",", "."));
    }
    totaal += parseFloat(Administratiekosten);
    var BasketHTML = '';
    BasketHTML += '<div class="BasketFooter">';
    BasketHTML += '<div class="SubTotalen">';
    BasketHTML += '<div class="LeftColumn">';
    BasketHTML += '<div class="KortingsDiv"><br>';
    // BasketHTML += '<input name="TextBoxKorting" id="TextBoxKorting" class="Input" type="text">';
    // BasketHTML += '<a class="KortingBut" href="javascript:setKorting()">Ok</a>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';
    BasketHTML += '<div class="RightColumn">';
    BasketHTML += '<div id="ctl00_Basket1_rptBasket_ctl02_divSubTotaal">';
    BasketHTML += '<div class="Omschrijving" style="font-weight: bold;">Subtotaal artikelen [' + AantalArtikelen + ']</div><div class="Prijs" style="font-weight: bold;">&euro;&nbsp;' + FormatPrijs(subtotaal) + '</div>';
    BasketHTML += '</div>';
    BasketHTML += '<div id="ctl00_Basket1_rptBasket_ctl02_divBezorgkosten">';
        if (parseInt(Bezorgkosten) != -1) {
            BasketHTML += '<div class="Omschrijving">Basislevering<br><span class="Bezorgkosten">Leveringskosten vervallen bij ophalen in de winkel.</span></div><div class="Prijs">&euro;&nbsp;' + FormatPrijs(Bezorgkosten.replace(",", ".")) + '</div>';
        }
    BasketHTML += '</div>';
    if (HasGarantie) {
    BasketHTML += '<div>';
    BasketHTML += '<div class="Omschrijving">Administratiekosten</div><div class="Prijs">&euro;&nbsp;9,95</span></div>';
    BasketHTML += '</div>';
    }
    if (Korting > 0) {
        BasketHTML += '<div >';
        BasketHTML += '<div class="Omschrijving">Korting</div><div class="Prijs">&euro;&nbsp;' + FormatPrijs(Korting) + '-</div>';
        BasketHTML += '</div>';
    }
    BasketHTML += '<div class="Regel"></div>';
    BasketHTML += '<div style="width: 366px; position: relative; height: 22px;">';
    BasketHTML += '<div class="TotaalPrijsOmschrijving">Totaal</div><div class="TotaalPrijs">&euro;&nbsp;' + FormatPrijs(totaal) + '</div>';
    BasketHTML += '</div>';
    BasketHTML += '<div style="width: 366px; position: relative; height: 22px;">';
    BasketHTML += '<div class="BTWOmschrijving">Het totaalbedrag is inclusief</div><div class="BTWPrijs">&euro;&nbsp;' + FormatPrijs(((totaal / 119) * 19)) + '&nbsp;BTW</div>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';
    BasketHTML += '<div style="height: 0px; line-height: 0px; clear: both;"></div>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';

    return BasketHTML;
}

function FormatPrijs(Prijs) {
    return parseFloat(Prijs).toFixed(2).replace(".", ",")
}

function BasketHeader() {
    var BasketHTML = '';
    BasketHTML += '<div class="BasketHeader">';
    BasketHTML += '<div class="Artikel">Artikelen</div>';
    BasketHTML += '<div class="Prijs">Prijs</div>';
    BasketHTML += '<div class="Aantal">Aantal</div>';
    BasketHTML += '<div class="SubTotaal">Subtotaal</div>';
    BasketHTML += '<div class="Korting">Korting</div>';
    BasketHTML += '<div class="TotaalPrijs">Totaalprijs</div>';
    BasketHTML += '</div>';

    return BasketHTML;
}

function getBezorgArtikelen() {
    ret = IMpactProtoType.WebUI.svcBasket.GetBezorgArtikelenBijAfhaal(renderBasketError, onError, onError)
}

function setBezorgen(BezorgKosten) {
    var BasketHTML = '';
    BasketHTML += '<div class="DojoTop" style="display: block;">'
    BasketHTML += '<div class="DojoShade">';
    BasketHTML += '<center>';
    BasketHTML += '<div class="Basket">';
    BasketHTML += '<div class="DojoTitle">';
    BasketHTML += '<div class="DojoTitle2">Afhalen</div>';
    BasketHTML += '<div class="DojoClose">';
    BasketHTML += '</div></div>';
    BasketHTML += '<div class="BasketContent">';
    BasketHTML += '<div class="BasketRow">U heeft gekozen om uw bestelling te laten bezorgen!<br />In een eerder stadium heeft u gekozen voor afhalen<br />Uw order zal verhoogd worden met &euro;&nbsp;' + BezorgKosten + ' aan leveringskosten.';
    BasketHTML += '.<br />Kies onder voor bezorgen indien uw bestelling bezorgt dient te worden of afhalen als u uw bestelling toch wenst af te halen.</div>';
    BasketHTML += '<div class="BasketButtons"><span class="OuterVerderWinkelen"><a class="ButtonBezorgen" href="javascript:AddBezorgen();">Bestelling bezorgen</a></span>';
    BasketHTML += '<a href="javascript:ClearBasket();" id="btnBestellen" class="ButtonAfhalen">Bestelling afhalen</a>';
    BasketHTML += '</div></div>';
    BasketHTML += '</div>';
    BasketHTML += '<div style="clear: both; height: 0px; line-height:0px"></div>';
    BasketHTML += '</div>';
    BasketHTML += '</center>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';

    $get('ctl00_shoppingbasket1_lblTotaalPrijs').innerHTML = FormatPrijs(totaal);
    $get('ctl00_shoppingbasket1_lblItems').innerHTML = AantalArtikelen;
    $get('Basket').innerHTML = BasketHTML;
}


function AddBezorgen() {
    ret = IMpactProtoType.WebUI.svcBasket.SetBezorgen(SuccesDeleteBezorgService, onError, onError)
}

function renderBasketError(Result) {
    totaal = 0;
    subtotaal = 0;
    AantalArtikelen = 0;
    verwijderingsbijdrage = 0;
    var BasketData = JSON.parse(Result);
    var BasketHTML = '';
    BasketHTML += '<div class="DojoTop" style="display: block;">'
    BasketHTML += '<div class="DojoShade">';
    BasketHTML += '<center>';
    BasketHTML += '<div class="Basket">';
    BasketHTML += '<div class="DojoTitle">';
    BasketHTML += '<div class="DojoTitle2">Afhalen</div>';
    BasketHTML += '<div class="DojoClose">';
    BasketHTML += '</div></div>';
    BasketHTML += '<div class="BasketContent">';
    BasketHTML += '<div class="BasketRow">U heeft gekozen om uw bestelling af te halen!<br />In een eerder stadium heeft u gekozen voor bezorgen';
    BasketHTML += '.<br />Als u onder kiest voor afhalen worden onderstaande diensten verwijdert uit uw order.</div>';
    if (BasketData.length == 0) {
        BasketHTML += EmptyBasket();
     //   $get('ctl00_shoppingbasket1_lnkBekijkWinkelwagen').className = "emptybasket";
    }
    else {
        BasketHTML += '<div class="BasketHeader">';
        BasketHTML += '<div class="Artikel">Artikelen</div>';
        BasketHTML += '<div class="Prijs">Prijs</div>';
        BasketHTML += '<div class="Aantal">Aantal</div>';
        BasketHTML += '<div class="SubTotaal">Subtotaal</div>';
        BasketHTML += '<div class="Korting">Korting</div>';
        BasketHTML += '<div class="TotaalPrijs">Totaalprijs</div>';
        BasketHTML += '</div>';
         for (i = 0; i < BasketData.length; i++) {
                    BasketHTML += '<div class="BasketRow">'
                    BasketHTML += '<div class="Artikel">';
                    BasketHTML += '<span>' + BasketData[i].Description + '</span>';
                    BasketHTML += '</div>';
                    BasketHTML += '<div class="Prijs">&euro;&nbsp;<span>' + FormatPrijs(BasketData[i].Unit_Price) + '</span></div>';
                    BasketHTML += '<div class="Aantal">';
                    BasketHTML +=  BasketData[i].Aantal;
                    BasketHTML += '</div>';
                    Korting = BasketData[i].Korting;
                    strKorting = BasketData[i].KortingMessage
                    BasketHTML += '<div class="SubTotaal">&euro;&nbsp;<span>' + FormatPrijs((BasketData[i].Unit_Price * BasketData[i].Aantal)) + '</span></div>';
                    BasketHTML += '<div class="Korting"><span></span></div>';
                    BasketHTML += '<div class="TotaalPrijs">&euro;&nbsp;<span>' + FormatPrijs((BasketData[i].Unit_Price * BasketData[i].Aantal)) + '</span></div>';
                   /* BasketHTML += '<div class="Delete"><a href="#" onClick="DeleteFromBasket(' + BasketData[i].Id + ');"';
                    if (isIE()) {
                        BasketHTML += ' onmouseover="Tip(\'Klik hier om de ' + BasketData[i].Merk + ' ' + BasketData[i].Description + ' ' + BasketData[i].Categorie + ' uit uw bestelling te verwijderen\',  FADEIN, 400, FADEOUT, 600,BALLOONIMGPATH, \'/images/balloon-blue\')" onmouseout="UnTip();"';
                    }
                    BasketHTML += '><img src="/images/Basket/bucket.jpg" style="border-width: 0px;"></a></div>';*/
                    BasketHTML += '</div><div style="clear: both"></div>';
            }
    }
            BasketHTML += '<div class="BasketButtons"><span class="OuterVerderWinkelen"><a class="ButtonBezorgen" href="javascript:ClearBasket();">Bestelling bezorgen</a></span>';
    if (BasketData.length > 0) {
        BasketHTML += '<a href="javascript:DeleteBezorgServices();" id="btnBestellen" class="ButtonAfhalen">Bestelling afhalen</a>';
    }
    BasketHTML += '</div></div>';
    BasketHTML += '</div>';
    BasketHTML += '<div style="clear: both; height: 0px; line-height:0px"></div>';
    BasketHTML += '</div>';
    BasketHTML += '</center>';
    BasketHTML += '</div>';
    BasketHTML += '</div>';

    $get('ctl00_shoppingbasket1_lblTotaalPrijs').innerHTML = FormatPrijs(totaal);
    $get('ctl00_shoppingbasket1_lblItems').innerHTML = AantalArtikelen;
    $get('Basket').innerHTML = BasketHTML;
    //scrollToTop();
}

function DeleteBezorgServices() {
    ret = IMpactProtoType.WebUI.svcBasket.SetAfhalen(SuccesDeleteBezorgService, onError, onError)
}

function SuccesDeleteBezorgService() {
document.location= _strSecure + '/checkout/leverwijze/default.aspx';
}

function AddToBasket(Artikelnummer, MainArtikel) {
    jQuery.nyroModalManual({
        url: '/informatie/?item=410#myContent',
        closeButton: '',
        width: '867',
        minWidth: '867'
    });
    //   ret = IMpactProtoType.WebUI.svcBasket.AddToBasket(Artikelnummer, renderBasket, onError, onError)
}

function setKorting() {
    jQuery.nyroModalManual({
        url: '/informatie/?item=410#myContent',
        closeButton: '',
        width: '867',
        minWidth: '867'
    });
    //   ret = IMpactProtoType.WebUI.svcBasket.SetKorting($get('TextBoxKorting').value, renderBasket, onError, onError)
}

/* Einde basket.js */


function delayedUntip(WaitTime) {
    var t = setTimeout("UnTip()", WaitTime);
}