$(document).ready(function() {
    $('.frmInput').each(function() {
        var inputValue = $(this).val();     
        if(inputValue) {
            $(this).focus(function() {
                if($(this).val() == inputValue) $(this).val('');    
            });    
            $(this).blur(function() {
                if($(this).val() == '') $(this).val(inputValue);    
            });
        }
    });

 
    $('.big ul li .link').click(function(e) {
        e.preventDefault;
        if($(this).next('.answer').hasClass('show')) {
            $(this).next('.answer').removeClass('show');
        }
        else {
          $(this).next('.answer').addClass('show');
        }

    });
});

// IE6 PNG transparency
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1]);
 
function correctPNG() {
   if ((version >= 5.5) && (document.body.filters)) {
      for(var i=0; i<document.images.length; i++) {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}

if(window.attachEvent && version < 7) 
    window.attachEvent("onload", correctPNG);

function save(selfUrl,t,exc) {
    $(document).ready(function() {
        if(t) {
            var tSplit = t.split(',');
            if(tSplit.length > 1) {
                for(var i=0;i<tSplit.length;i++) {
                    if(exc) saveTst(selfUrl, tSplit[i], exc); else saveTst(selfUrl, tSplit[i]);    
                }    
            } else
                if(exc) saveTst(selfUrl, t, exc); else saveTst(selfUrl, t);
        }    
    });
}

function saveTst(selfUrl,t,exc) {
    if(t) {
        var sCount = 0;
        var saveList = $('form[name=cntFrm] input[name=save_list]').val();
        if(saveList) sCount = saveList.split(',').length;
        if($('#ab_' + t + ' .save').hasClass('saved')) {
            $('#ab_' + t + ' .save').removeClass('saved');
            $('#ab_' + t + ' .save input').attr('checked',false);
            $('#saved_' + t).remove();
            sCount -= 1;
            saveList = saveList.split(t + ',').join('').split(',' + t).join('').split(t).join('');
        } else if(sCount < 3 || exc) {
            sCount += 1;
            $('#ab_' + t + ' .save').addClass('saved');
            $('#ab_' + t + ' .save input').attr('checked', true);   
            if(!exc) {
                if(saveList) saveList += ',' + t; else saveList = t; 
            }
            $('#savedList').prepend('<div id="saved_' + t + '" class="savedTst saved"><img src="' + $('#ab_' + t + ' .screen .tstImage').attr('title') + '" alt="" /><a href="javascript:save(\'' + selfUrl + '\',\'' + t + '\');">Verwijder</a></div>');
            correctPNG();
        } else {
            $('#ab_' + t + ' .save input').attr('checked',false);
            alert('Je hebt al 3 toestellen geselecteerd'); 
        }
    
        if(exc) sCount -= 1;
        $('.cmpBlock div span').html(sCount);

        if(sCount > 1 && saveList) {
            $('.compare').addClass('cActive'); $('.compare').attr('href','racmp.html?art_cmp=' + saveList);  
        } else {
            $('.compare').removeClass('cActive'); $('.compare').attr('href','#');      
        }
        $('form[name=cntFrm] input[name=save_list]').val(saveList);
    }        
}

function rFunctions() {
    $(document).ready(function() {
        $('.pdp .step .thumb a').each(function() {
            var thisHref = $(this).attr('href');
            $(this).removeAttr('href');
            $(this).hover(function() {
                $('.pdp .step .thumb a').removeClass('active');
                $(this).addClass('active');
                $('#mainSrc').html('<img src="' + thisHref + '" alt="" />');
                correctPNG();
            });
        });    
        
        $('.pdp .step .abQuestion').hover(function() {
            $(this).next('div').addClass('abDisplay');    
        }, function() {
            $(this).next('div').removeClass('abDisplay');   
        });
        
        $('.contentBody .infoBox .tab').click(function() {
            if($(this).parent('.row').hasClass('active')) 
                $(this).parent('.row').removeClass('active');
            else 
                $(this).parent('.row').addClass('active');
        });
        
    });    
}

function checkOption(thisId) {
    if(thisId) {
        var iNum = 0;
        var idSplit = thisId.split('_');
        var optionId = idSplit[0];
        var xartId = $('form[name=cntFrm] input[name=xart_id]').val();
        
        if($('#' + thisId).attr('checked')) {
            $('input[name=relation]').each(function() {
                if($(this).attr('id')) {
                    var relId = $(this).attr('id');
                    var rId = relId.split('_');
                    if(rId[0] == optionId && relId != thisId) {
                        $(this).attr('checked', false);
                        xartId = xartId.split(',' + $(this).val()).join('').split($(this).val() + ',').join('').split($(this).val()).join('');
                    }
                }    
            });
            if(xartId)
                xartId += ',' + $('#' + thisId).val();
            else
                xartId = $('#' + thisId).val();
        } else 
            xartId = xartId.split(',' + $('#' + thisId).val()).join('').split($('#' + thisId).val() + ',').join('').split($('#' + thisId).val()).join('');    
            
        $('form[name=cntFrm] input[name=xart_id]').val(xartId);
    }    
}

function addXartId(isChecked,art_id) {
    var xartId = $('form[name=cntFrm] input[name=xart_id]').val();      
    if(isChecked) {
        if(xartId) xartId += ',' + art_id; else xartId = art_id;   
    } else {
        var xSplit = xartId.split(',');
        xartId = '';
        for(var i=0;i<xSplit.length;i++) {
            if(xSplit[i] != art_id) {
                if(xartId) xartId += ',' + xSplit[i]; else xartId = xSplit[i];   
            }   
        }    
    }
    $('form[name=cntFrm] input[name=xart_id]').val(xartId);   
}

function addVar(t,v,isChecked) {
    if(t && v) {
        var currVal = $('form[name=cntFrm] input[name=' + t + ']').val();    
        if(currVal && isChecked) {
            currVal = currVal.split(v + ',').join('').split(',' + v).join('').split(v).join('');      
            if(currVal) 
                currVal += ',' + v;
            else
                currVal = v;
        } else if(currVal && !isChecked) {
            currVal = currVal.split(v + ',').join('').split(',' + v).join('').split(v).join('');      
        } else if(isChecked)  
            currVal = v;
        $('form[name=cntFrm] input[name=' + t + ']').val(currVal);     
    }    
} 

function doSrch(selfUrl,t,v,isChecked) {
    $(document).ready(function() {
        if(selfUrl) {
            if(t && v) 
                addVar(t,v,isChecked);

            if(t == 'af_id' && v) {
                var formVal = $('form[name=cntFrm] input[name=af_id]').val();
                if(isChecked) {
                    var afName = $('#afid_' + v).next('label').html();
                    if(afName) {
                        $('#features .front').show();
                        $('#features').append('<div id="TF_' + v + '" class="feature"><a href="javascript:doSrch(\'' + selfUrl + '\',\'af_id\',\'' + v + '\',false);"><span class="f1">' + afName + '</span><span class="f2">&nbsp;</span></a></div>');
                    }
                } else {
                    $('#TF_' + v).remove();    
                    $('#afid_' + v).attr('checked', false);  
                    if(!formVal)
                        $('#features .front').hide();
                }
            } else if(t == 'srch_query' && v) {
                var formVal = $('form[name=cntFrm] input[name=srch_query]').val(); 
                if(formVal) {
                    var stTmp = '';
                    $('input[name=supp_list]').each(function() {
                        if($(this).attr('checked')) {
                            if(stTmp) stTmp += ', ' + $(this).val(); else stTmp = $(this).val();      
                        }   
                    });
                    $('#suppliers').html(stTmp);
                } else 
                    $('#suppliers').html('Alle merken');
            } else if(t && v) {
                if(isChecked)
                    $('form[name=cntFrm] input[name=' + t + ']').val(v);
                else
                    $('form[name=cntFrm] input[name=' + t + ']').val('');
            }
            // START REQUEST
            var ab_agid = $('form[name=cntFrm] input[name=ab_agid]').val();
            var srch_query = $('form[name=cntFrm] input[name=srch_query]').val();
            var af_id = $('form[name=cntFrm] input[name=af_id]').val(); 
            var priceMin = $('form[name=cntFrm] input[name=priceMin]').val();
            var priceMax = $('form[name=cntFrm] input[name=priceMax]').val(); 
            var abo_id = $('form[name=cntFrm] input[name=abo_id]').val(); 
            var xart_id = $('form[name=cntFrm] input[name=xart_id]').val(); 
            var priceRange = $('form[name=cntFrm] input[name=priceRange]').val(); 
            var setSuppQQuery = '';
     
            if(!srch_query) 
                setSuppQQuery = 'ALL';
            
            var stUrl = selfUrl + '?M5NextUrl=RSRCH&M5CurrUrl=RSRCH&srch_attr=supp_id&objectType=HTML&srch_query=' + srch_query + '&af_id=' + af_id + '&ab_agid=' + ab_agid + '&setSuppQQuery=' + setSuppQQuery;
                stUrl += '&priceMin=' + priceMin + '&priceMax=' + priceMax + '&abo_id=' + abo_id + '&xart_id=' + xart_id + '&priceRange=' + priceRange;
            
            $('#articles').html('<div class="artLoading"></div>'); 

            $.ajax({
                url: stUrl,
                cache: true,
                success: function(html){
                    $('#articles').html(html);       
                    setTimeout(function() {
                        $('#articles').attr('class','articles');                  
                    }, 50);        
                }
            });    
        
        
        }    
    });    
} 

function priceRange(isChecked) {
    if(isChecked) 
        $('form[name=cntFrm] input[name=priceRange]').val('ON');
    else 
        $('form[name=cntFrm] input[name=priceRange]').val('');        
}

function switchOption(t,thisId,isChecked) {
    if(t && isChecked) {
        $('input[name=' + t + ']').attr('checked', false);
        $('#' + thisId).attr('checked', true);        
    } 
}

function checkCell(selfUrl, art_custom1) {
    var cell1 = $('#pmu_id').val();
    var cell2 = $('#pmu_id2').val();
    var rcpos = 'RCPOS';
    if(art_custom1 && art_custom1 == 'A') 
        rcpos = 'RMABO';
        
    var bag_add = $('form[name=cntFrm] input[name=bag_add]').val();
    if(cell1 && cell2 && cell1 == cell2 && cell1.length >= 10 && bag_add && cell1.substring(0,2) == '06') {
        var stUrl = selfUrl + '?M5NextUrl=UCART&M5CurrUrl=UCART&bag_add=' + bag_add + '&ord_num=1&M5PostUrl=' + rcpos + '&sbl_aref1=' + cell1;
        window.location = stUrl; 
    } else {
        if(!bag_add) $('.opwSub').css('color', '#ff0000'); else $('.opwSub').css('color', '');     
        if(!cell1 || (cell1 && cell1.length < 10) || (cell1 && cell1.substring(0,2) != '06') ) $('#lbl_cell1').css('color', '#ff0000'); else $('#lbl_cell1').css('color', '');
        if(!cell2 || (cell2 && cell2.length < 10)) $('#lbl_cell2').css('color', '#ff0000'); else $('#lbl_cell2').css('color', '');                  
        if(cell1 && cell2 && cell1 != cell2) {
            $('#lbl_cell1').css('color', '#ff0000');   
            $('#lbl_cell2').css('color', '#ff0000');
        }
    }
}

function checkTelena(selfUrl, oid) {
    $(document).ready(function() {
        ct2(selfUrl, oid);
    });
}

function ct2(selfUrl, oid) {
    var stUrl = selfUrl + '?M5NextUrl=temelena&objectType=RPC&ctrlnid=' + oid; 
    var iRequest = parseInt($('#ctRequest').val());
    var iTime = 5000;
          
    if(iRequest <= 19) {
        $.getJSON(stUrl, function(jsonArray){
    		if(jsonArray.temelena && jsonArray.temelena.msgTeleena) {
    			$.each(jsonArray.temelena.msgTeleena, function(index,data){ 
                    if(data.msgStatus) {
                        if(data.msgStatus == 'Delay') {
                            iRequest += 1;
                            setTimeout(function() { ct2(selfUrl, oid); }, iTime);
                        } else if(data.msgStatus == 'Succes' || data.msgStatus == 'Success') {
                            $('.telCheck').hide(); 
                            $('.tcSuccess').show(); 
                            iRequest = 20;
                        } else if(data.msgStatus == 'Error') {
                            $('.telCheck').hide();
                            $('.tcError').show();    
                            iRequest = 20;
                        }
                        $('#ctRequest').val(iRequest);
                    }
    			});
    		}
    	});
    } else {
        $('.telCheck').hide();
        $('.tcError').show();          
    }
}

function dimContent(selfUrl, webObj, urlParam) {
    $(document).ready(function() {
        if(selfUrl && webObj) {
            var stUrl = selfUrl + '?M5NextUrl=' + webObj + '&objectType=HTML';
            if(urlParam)
                stUrl += '&' + urlParam;
             
            $('body').append('<div id="dimOverlay" onClick="closeDimmer(\'' + webObj + '\');"></div><div id="dimmer" class="dimmer"><div class="top"><a onClick="closeDimmer(\'' + webObj + '\');">Close</a></div><div class="dimContent"><div class="loading"></div></div></div>');   
            if(webObj == "RAHLP")
                $("#dimmer").animate({ "top": $(window).scrollTop() + 100 + "px" }, 500);   
            else
                $("#dimmer").css("top", $(window).scrollTop() + 100 + "px");    
            
            if ((version >= 5.5) && (version <= 6.9) && (document.body.filters)) {
                $("#dimOverlay").css("top", $(window).scrollTop() + "px"); 
                displaySelect('off');
                $(window).scroll(function() { $("#dimOverlay").css("top", $(window).scrollTop() + "px"); });
            }   
            
            $.ajax({
                url: stUrl,
                cache: false,
                success: function(html){
                    if(webObj == "RAHLP") {
                        setTimeout(function() { $('#dimmer .loading').fadeOut(500); },200);
                        setTimeout(
                            function() {
                                $('#dimmer .dimContent').hide();
                                $('#dimmer .dimContent').html(html);
                                $('#dimmer .dimContent').fadeIn();
                                correctPNG();  
                            }, 300
                        );
                    } else {
                        $('#dimmer .loading').fadeOut(300);
                        $('#dimmer .dimContent').html(html);
                        correctPNG();     
                    }
                    
                }
            });    
               
        }    
    }); 
}

function closeDimmer(webObj) {
    $(document).ready(function() {
        if ((version >= 5.5) && (version <= 6.9) && (document.body.filters)) 
            displaySelect('on');
        if(webObj && webObj == 'RAHLP') {
            $("#dimmer").animate({ "top": "20px", "opacity": "0", "height" : "1px" }, 400); 
            setTimeout(function() { $('#dimOverlay').animate({ "opacity": "0" }, 400); $('#dimmer').remove(); }, 400); 
            setTimeout(function() { $('#dimOverlay').remove(); }, 800); 
        } else {
            $('#dimmer').remove();
            $('#dimOverlay').remove();    
        }
    });
}

var t;
var tlen = 3000; 

$(document).ready(function() {
    if($('.banner').children('.bannerWrap')) t = setTimeout("switchBanner();",tlen); 
    $('.bannerwrap .buttons a').hover(function() {
        stopper();
        if($(this).hasClass('button1')) {
            $(this).addClass('active');
            $('.button2').removeClass('active');
            $('.button3').removeClass('active');
            $('.bannerlink1').addClass('active');
            $('.bannerlink2').removeClass('active');
            $('.bannerlink3').removeClass('active');
        }
        if($(this).hasClass('button2')) {
            $(this).addClass('active');
            $('.button1').removeClass('active');
            $('.button3').removeClass('active');
            $('.bannerlink2').addClass('active');
            $('.bannerlink1').removeClass('active');
            $('.bannerlink3').removeClass('active');
        }        
        if($(this).hasClass('button3')) {
            $(this).addClass('active');
            $('.button2').removeClass('active');
            $('.button1').removeClass('active');
            $('.bannerlink3').addClass('active');
            $('.bannerlink2').removeClass('active');
            $('.bannerlink1').removeClass('active');
        }
    }, 
    function() {
        if($('.bannerwrap .slides a').hover()) {
             t = setTimeout("switchBanner();",tlen);    
        }
    });
}); 

function switchBanner() {
    if($('.button2').hasClass('active')) {
        $('.button1').removeClass('active');
        $('.button2').removeClass('active');
        $('.button3').addClass('active');
        $('.bannerlink1').removeClass('active');
        $('.bannerlink2').removeClass('active');
        $('.bannerlink3').addClass('active');
    }
    else if($('.button3').hasClass('active')) {
        $('.button1').addClass('active');
        $('.button2').removeClass('active');
        $('.button3').removeClass('active');
        $('.bannerlink1').addClass('active');
        $('.bannerlink2').removeClass('active');
        $('.bannerlink3').removeClass('active');
    }
    else if($('.button1').hasClass('active')) {
        $('.button1').removeClass('active');
        $('.button2').addClass('active');
        $('.button3').removeClass('active');
        $('.bannerlink1').removeClass('active');
        $('.bannerlink2').addClass('active');
        $('.bannerlink3').removeClass('active');
    }
    t = setTimeout("switchBanner();",tlen);
}

function stopper() {
    clearTimeout(t);
}

$(document).ready(function() {
	$(".num_only").keydown(function(event) {
		// Allow only backspace, delete, arrow left right and keypad num
		if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode >= 96 && event.keyCode <= 105) {
			// let it happen, don't do anything
		}
		else {
			// Ensure that it is a number and stop the keypress
			if (event.keyCode < 48 || event.keyCode > 57 ) {
				event.preventDefault();	
			}	
		}
	});
});

function showCustnr() {
    $(document).ready(function() {
        $('#custnr').show();      
    });
}

function hideCustnr() {
    $(document).ready(function() {
         $('#custnr').hide();
    });
}