var display = 'none';
var TeVergelijkenProducten = new Array();

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

function swapImage(imgId, src) {
    var img = $get(imgId);
    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) {
    //alert(Artikelnummer);
    //ret = IMpactProtoType.WebUI.GetInfo.WriteReview(Artikelnummer, OnCompleteDojo, OnTimeOutDojo, OnErrorDojo);
    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');
}
//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;
//        }
//    }
//}
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 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 hulp = document.getElementById('banner4');
    if (hulp != null) {
    hulp.style.visibility = 'hidden';
    }
    hulp = document.getElementById('banner3');
    if (hulp != null) {
    hulp.style.visibility = 'hidden';
    }*/
    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 panel = $get(SubMenu);
    //    panel.style.display = display;
    var hulp = $get(SubMenu);
  //  alert(hulp.parentNode.parentNode.parentNode.parentNode.style.width);
}

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 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');
                var 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) {
                    var 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 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 je 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 OpenPane(paneIndex,name) {
    var accord = $get(name);
    var accHost;
    if (accord != null) {
        accHost = accord.AccordionBehavior;
        accHost.set_SelectedIndex(paneIndex);
    }
}

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