var suggestionTimer;
var mainObject;
var searchClick = false;

// Module input reset
$(function() {
    $.fn.extend({
        inputReset: function() {
            return this.each(function() {
                $(this).blur(function() {
                    if ($(this).val() == "") {
                        $(this).val(this.defaultValue);
                    }
                });
                $(this).focus(function() {
                    if ($(this).val() == this.defaultValue) {
                        $(this).val("");
                    }
                });
                return this;
            });
        }
    });
    $("#NieuwsbriefButton").click(function() {
        submitform();
    });
    $("#NieuwsbriefInput").focus(function() {
        $(this).val("");
    }).keypress(function(event) {
        if (event.keyCode == '13') {
            submitform();
        }
    });

    $("a.fancybox").fancybox({
        'centerOnScroll': true,
        'cyclic': true,
        'titlePosition': 'inside',
        'type': 'image'
    });
    
    $("a.fancyboxtext").fancybox({
        'centerOnScroll': true,
        'titleShow': false
    });
    $("a.inlineFancybox").fancybox();
    
    //focus van zoekveld krijgen
    $("#zoekStr").focus(function(){
        checkInput(this, 'Zoeken naar...', '');
    });
    $("#zoekStr").click(function(){
        searchClick = true;
    });
    $("#zoekStr").mouseenter(function() {
        checkInput(this, 'Zoeken naar...', '');
        this.focus();
    });
   
    //wanneer in het veld geklickt is niet de focus verliezen
    $("#zoekStr").mouseleave(function() {
        if (searchClick == false)
        {
            checkInput(this, '', 'Zoeken naar...');
            this.blur();
        }
    });
    
    //bij body click smartsearch results verbergen
    $("body").click(function(e){
        if($(e.target).closest("#smartsearchresults").length == 0)
        {
            $("#smartsearchresults").hide();
        }
    });
   
    //bij enter zoeken  
    $("#zoekStr").keypress(function(event) {
        if (event.keyCode == '13') {
            GoSearch($('#zoekStr').val());
            return false;
        }
    });
    
    $("#zoekStr").blur(function(){
        checkInput(this, '', 'Zoeken naar...');
        searchClick = false;
    });
    $("#zoekBtn").click(function() {
        GoSearch($('#zoekStr').val());
    });
    
    $(".click").click(function() {
        document.location = $(this).attr('href');
    });  
    
    detectAndDropdown();
	
    // Positioning of SEO text
   	positionExtraHtml();
});

//dropdowns initialiseren
function detectAndDropdown() {
    if ($(".dropPageList").length !=0) { 
        $('body').unbind("click");
        $('body').click(function() { 
            closeAllDropdown();
        });

        $(".dropPageList").each(function (index) {
            var clickableElement = $(this).parent().find(".dropPage");
            $(clickableElement).click(function (event) {
                closeAllDropdown();
                event.stopPropagation();
                $(this).parent().find(".dropPageList").show();
                return false;
            });
        });
    }
}

function closeAllDropdown() {
    $(".dropPageList").hide();
}


//Checks the right charactercount and then calls the searchaction
function ShowSuggestions() {
    mainObject = $("#zoekStr");
    clearTimeout(suggestionTimer);
    if (mainObject.val().length >= 3) {
        suggestionTimer = setTimeout("handleAjaxPostSearch();", 500);
    }
}

function GoSearch(searchString) {
    if (searchString != 'Zoeken naar...') {
        searchString = searchString.replace(/[<>]/g, "");
        searchString = convertToSeo(searchString);
        document.location = '/z/' + searchString + '.aspx?zoekstr=' + searchString;
    }
}

function convertToSeo(str) {
    /*- begin met / Start regex
    - Eind met / Eind regex
    - Achter de laatste / nog een letter dus g staat voor global. Dus over hele string uitvoeren*/
    str = str.replace(/[\s]/g, "-");
    str = str.replace(/[\/]/g, "-");
    str = str.replace(/[\\]/g, "-");
    str = str.replace(/\?/g, "");
    str = str.replace("&amp;", "&"); //Afkomstig als waarde uit drop-down gelezen wordt
    str = str.replace(/([^\w]&[^\w])/g, "-en-"); //b.v. Villeroy & Boch
    str = str.replace(/&/g, "-_en_-"); //b.v. C&M
    str = str.replace(/!/g, "");
    str = str.replace(/\(/g, "");
    str = str.replace(/\)/g, "");
    str = str.replace(/{/g, "");
    str = str.replace(/}/g, "");
    str = str.replace(/\[/g, "");
    str = str.replace(/\[/g, "");
    str = str.replace(/|/g, "");
    str = str.replace(/[\x27]/g, ""); //Apostrof
    str = str.replace(/`/g, "");
    str = str.replace(/'"'/g, "");
    str = str.replace(/:/g, "");
    str = str.replace(/;/g, "");
    str = str.replace(/,/g, "");
    str = str.replace(/\./g, "");
    str = str.replace(/%/g, "-procent");
    str = str.replace(/^/g, "");
    str = str.replace(/\*/g, "");
    str = str.replace(/@/g, "");
    str = str.replace(/$/g, "");
    str = str.replace(/#/g, "");
    str = str.replace(/=/g, "-is-");
    str = str.replace(/\+/g, "-");
    str = str.replace(/>/g, "-");
    str = str.replace(/</g, "-");
    str = str.replace(/--/g, "-");
    str = str.replace(/³/g, "");
    str = str.replace(/²/g, "");
    str = str.replace(/Ø/g, "");
    str = str.replace(/º/g, "");
    str = str.replace(/°/g, "");
    str = str.replace(/ä/g, "a");
    str = str.replace(/â/g, "a");
    str = str.replace(/á/g, "a");
    str = str.replace(/à/g, "a");
    str = str.replace(/ë/g, "e");
    str = str.replace(/ê/g, "e");
    str = str.replace(/é/g, "e");
    str = str.replace(/è/g, "e");
    str = str.replace(/ï/g, "i");
    str = str.replace(/î/g, "i");
    str = str.replace(/í/g, "i");
    str = str.replace(/ì/g, "i");
    str = str.replace(/ö/g, "o");
    str = str.replace(/ô/g, "o");
    str = str.replace(/ó/g, "o");
    str = str.replace(/ò/g, "o");
    str = str.replace(/ü/g, "u");
    str = str.replace(/û/g, "u");
    str = str.replace(/ú/g, "u");
    str = str.replace(/ù/g, "u");
    str = str.replace(/µ/g, "u");
    str = str.replace(/ç/g, "c");
    //return str.toLowerCase();
    return str;
}


function handleAjaxPostSearch() {

    //Ajax post afhandelen
    $.ajax({
        type: "POST",
        url: "/smartsearchresults.aspx/GetResults",
        data: "{'searchterm':'" + $('#zoekStr').val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            $("#smartsearchresults").html(response.d);
            $("#smartsearchresults").show();
        }
    });
}

// Rest of file
var totaldrops = 0;	
var totalscroll = 0;
var DropItems = new Array();
var ScrollItems = new Array();

var timeOutEnter;
var timeOutLeave;
var currentIndex =-1;

if (document.attachEvent){
	document.attachEvent("onclick", function () { 									
											  HideOnClick(); 
											  }
											   );
}else{
	document.addEventListener("click", function () { 
												 HideOnClick(); 
												 }
												 , false);
}	


function HideOnClick() {
	for (i=1;i<=totaldrops;i++){
	    if (document.getElementById("drop"+ i +"_down"))
	        $("#drop"+ i +"_down").hide();
	}
	for (i=1; i<=totaldrops;i++){
	    if (document.getElementById(DropItems[i]+"_down"))
	        $("#"+DropItems[i]+"_down").hide();
	}
}	

function AddDrop(value) {
    totaldrops++;
    DropItems[totaldrops] = value;    
}

function AddScroller(value)
{
    totalscroll++;
    ScrollItems[totalscroll] = value;
}

function showLayer(whichdiv){
    $("#" + whichdiv.id+"Hover").toggle();
}


function checkInput(input, was, wordt){
	if(input.value==was){
		input.value=wordt;
	}
}

var timeOut;
$(function(){	  
	initSite();
});

///*
//	Handle tab at product
//*/
//function handleTabProduct()
//{
//	// -1 Overzicht teld niet
//	var index = $(this).closest("ul").find("a").index($(this)) - 1;
//	var $off = $(".subTitle").eq(index).offset();
//	$("html,body").animate({scrollTop : $off.top}, 500);	
//	return false;
//}

/*
	Scroll naar top
*/
function scrollTop(){
	$("html,body").animate({scrollTop : 0}, 500);	
}

/*
	Handle drop downs
*/
function handleDrop()
{
	var index = $("body").find("." + $(this).attr("class")).index($(this));	
	var className = "." + $(this).attr("sub");
	var $el = $(className).eq(index);
	
	if($el.is("visible"))
	{
		$el.hide();
	}
	else
	{
		$el.show();
		// Do a reset on body click, only if shown
		// Timeout is needed because otherwise it will be hidden after the show
		setTimeout(function(){$("body").click(function(){var $drop = $el;$drop.hide();$("body").unbind("click");});}, 100);
	}
}

/*
	 Top nav sub (categorieën) handlers
*/
/*
function showTopNavSub()
{
	// Minus 1 omdat home geen items heeft
	var index = $(this).closest("ul").find("li").index($(this).closest("li")) - 1;
	$(".navSub").eq(index).stop(true,true).slideDown('slow').siblings(".navSub").stop(true,true).slideUp('normal');
	
	// als hij geen inhoud heeft
	if($(".navSub").eq(index).text() == "")
		$(".navSub").stop(true,true).slideUp('normal')
}

function hideTopNavSub()
{
	$(".navSub").unbind("mouseout").unbind("mouseover");
	$(".navSub").mouseout(function(){timeOut = setTimeout(hideTopNavSubReal, 1000);});
	$(".navSub").mouseover(function(){clearTimeout(timeOut);});
}

function hideTopNavSubReal()
{
	$('.navSub').stop(true,true).slideUp('normal');
}
*/

/*
	Top menu (contact, service, etc) handlers
*/
function showTopMenuSub()
{
	if($(".nTopMenuSub").is(":visible"))
	{
		$(".nTopMenuSub").hide();	
	}
	else
	{
		$(".nTopMenuSub").show();
		$(".ntmsBlock").mouseout(function(){timeOut = setTimeout(hideTopMenuSub, 1000);});	
		$(".ntmsBlock").mouseover(function(){clearTimeout(timeOut);});	
	}
}

function hideTopMenuSub()
{
	$('.nTopMenuSub').hide();
	$('.ntmsBlock').unbind('mouseout');	
}

function initSite()
{
// Top menu (contact, service, etc)
	$(".nTopMenuSub").hide();
	$(".nTopMenu").click(showTopMenuSub);	 
	
	// Top nav sub (categorieën)
	//$(".navSub").hide();
	//$(".navigation ul li a").hover(showTopNavSub, hideTopNavSub);	
	$(".navigation ul li a").mouseenter(function () {
        var index = $(this).closest("ul").find("li").index($(this).closest("li")) - 1;    
        var length = $(this).closest("ul").find("li").length - 2 // Minus tabs to exclude (Home / Winkelmandje)
        
        if (index == currentIndex)
        {
            clearTimeout(timeOutLeave)
            clearTimeout(timeOutEnter)
        }
        else
        {
            clearTimeout(timeOutEnter)
            timeOutEnter = setTimeout("showTopNavSub(" + index + "," + length +")", 250);
        }
   });
   
   $(".navigation ul li a").mouseleave(function () {
        clearTimeout(timeOutEnter)
        timeOutLeave = setTimeout("hideTopNavSubReal()", 249);

   });
   $(".navSub, .navSubMeer").mouseleave(function () {
        clearTimeout(timeOutEnter)
        timeOutLeave = setTimeout("hideTopNavSubReal()", 249);
   });
   
   $('.navSub, .navSubMeer').mouseenter(function() {
        clearTimeout(timeOutLeave)
   });
   
	// Drop downs
	$(".drop").click(handleDrop);
	$(".filterSub").click(handleDrop);
	
	// Scroll naar top
	$(".stRight").click(scrollTop);
	
//	// Handle Tab op product pagina
//	$(".tabbedContent a").click(handleTabProduct);

// Verwijder de tekst in de input velden onclick
    $(".register input").inputReset();
    
}

/*
	Dropdown's afhandelen
*/
function kiesWaarde(string1,string2){
	setTimeout("vulWaarde('" + string1 + "','" + string2 + "')",100); 
}
function vulWaarde(waarde,locatie){
	// controleren of andere vensters open staan
	for (i=1;i<=totaldrops;i++){
	    if (document.getElementById("drop"+ i +"_down")) {
		    if ($("drop"+ i +"_down").is(":visible")) {
			    // als aangeklikte venster niet het openstaande venster is
			    if(("drop"+i) != locatie){
			        openDrop = '';
				    $("#drop"+ i +"_down").hide();
			    }
		    }
		}
	}
	// controleren of andere waarde is gekozen
	if (document.getElementById(locatie).innerHTML != document.getElementById(waarde).innerHTML){
		document.getElementById(locatie).innerHTML = document.getElementById(waarde).innerHTML;
		openDrop = '';
		$("#"+locatie+"_down").hide();
	} else {
		if (waarde == locatie){
		    $("#"+locatie+"_down").show();
		}
	}	
}

///*
//	 Top nav sub (categorieën) handlers
//*/
function showTopNavSub(index, length)
{
	if(length - 1 == index)
	{
        $(".navSub").stop(true,true)
	                .slideUp('normal');	
	    $(".navSubMeer")  .stop(true,true)
	                        .slideDown('slow');
	}
	else
	{
	    $(".navSub").eq(index)
	                .stop(true,true)
	                .slideDown('slow')
	                .siblings(".navSub, .navSubMeer")
	                .stop(true,true)
	                .slideUp('normal');
    	
	    // als hij niet bestaat
	    if($(".navSub").eq(index).length == 0)
		    $(".navSub, .navSubMeer").stop(true,true)
		                .slideUp('normal')
	}
	currentIndex = index;
	$(".navigation ul li a").eq(currentIndex+1).addClass("active")
}

function hideTopNavSubReal()
{
	$('.navSub, .navSubMeer') .stop(true,true)
	                          .slideUp('normal');
	
	if (currentIndex != 0)
	{    
        $(".navigation ul li a").eq(currentIndex+1).removeClass("active")
    }
    
    currentIndex = 0
}

function submitform() {
    $("form").eq(0).submit();
}

// Script tbv tonen Flash-bestanden

//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2007 Adobe Systems Incorporated.  All rights reserved.
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

function ControlVersion()
{
	var version;
	var axo;
	var e;

	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry

	try {
		// version will be set for 7.X or greater players
		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		version = axo.GetVariable("$version");
	} catch (e) {
	}

	if (!version)
	{
		try {
			// version will be set for 6.X players only
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
			
			// installed player is some revision of 6.0
			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
			// so we have to be careful. 
			
			// default to the first public version
			version = "WIN 6,0,21,0";

			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
			axo.AllowScriptAccess = "always";

			// safe to call for 6.0r47 or greater
			version = axo.GetVariable("$version");

		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 4.X or 5.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 3.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = "WIN 3,0,18,0";
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 2.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			version = "WIN 2,0,0,11";
		} catch (e) {
			version = -1;
		}
	}
	
	return version;
}

// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
	// NS/Opera version >= 3 check for Flash plugin in plugin array
	var flashVer = -1;
	
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			var descArray = flashDescription.split(" ");
			var tempArrayMajor = descArray[2].split(".");			
			var versionMajor = tempArrayMajor[0];
			var versionMinor = tempArrayMajor[1];
			var versionRevision = descArray[3];
			if (versionRevision == "") {
				versionRevision = descArray[4];
			}
			if (versionRevision[0] == "d") {
				versionRevision = versionRevision.substring(1);
			} else if (versionRevision[0] == "r") {
				versionRevision = versionRevision.substring(1);
				if (versionRevision.indexOf("d") > 0) {
					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
				}
			}
			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
		}
	}
	// MSN/WebTV 2.6 supports Flash 4
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
	// WebTV 2.5 supports Flash 3
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
	// older WebTV supports Flash 2
	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
	else if ( isIE && isWin && !isOpera ) {
		flashVer = ControlVersion();
	}	
	return flashVer;
}

// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
	versionStr = GetSwfVer();
	if (versionStr == -1 ) {
		return false;
	} else if (versionStr != 0) {
		if(isIE && isWin && !isOpera) {
			// Given "WIN 2,0,0,11"
			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
			tempString        = tempArray[1];			// "2,0,0,11"
			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
		} else {
			versionArray      = versionStr.split(".");
		}
		var versionMajor      = versionArray[0];
		var versionMinor      = versionArray[1];
		var versionRevision   = versionArray[2];

        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
		if (versionMajor > parseFloat(reqMajorVer)) {
			return true;
		} else if (versionMajor == parseFloat(reqMajorVer)) {
			if (versionMinor > parseFloat(reqMinorVer))
				return true;
			else if (versionMinor == parseFloat(reqMinorVer)) {
				if (versionRevision >= parseFloat(reqRevision))
					return true;
			}
		}
		return false;
	}
}

function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }

  document.write(str);
}

function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    

    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblclick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}

function toggleMore() {
    $(".moreShow").show();
    $(".moreMain").hide();
}

function positionExtraHtml() {
	if ($(".seoTxt").length !=0) {
		$(".contentSite").css({'padding-bottom' : ($(".seoTxt").height() + 20)})
	}
}