/// <reference path="jquery-1.3.2-vsdoc.js" />


function openModal(){
    $('#callmeback').dialog('open');
}

$(function(){
              $('#callmeback').dialog({
              autoOpen: false,
              width: 400,
              height: 230,
              buttons: {
              "Bel me terug": function() { 
                /* cbm = call me back  */
              
                 var cmbVoornaam = document.getElementById('cmbVoornaam').value;
                 var cmbNaam = document.getElementById('cmbNaam').value;
                 var cmbPhoneNr = document.getElementById('cmbPhoneNr').value;
                 var cmbGender = get_radio_value();
             
                 var blnPageValid = true;
                 blnPageValid *= validate_text('cmbVoornaam', 'Voornaam is verplicht');
                 blnPageValid *= validate_text('cmbNaam', 'Achternaam is verplicht');
                 blnPageValid *= validate_phonenumber('cmbPhoneNr', 'Telefoonnummer is verplicht', true);
               
                 if(blnPageValid) {
                              $.ajax({
                               type: "POST",
                               url: "/default.aspx?pagetype=ajax&module=489&action=callmeback&cmbNaam=" + cmbNaam + "&cmbVoornaam=" + cmbVoornaam + "&cmbGender=" + cmbGender + "&cmbPhoneNr=" + cmbPhoneNr + "",
                               success: function(msg){
                                     $('#callmeback').dialog('close');
                                     $('#cmbBedankt').dialog('open');
                               }
                         });
                    }
              },
              "Sluiten": function() {
              $(this).dialog("close");
         }
      }
   });
});

$(function(){
              $('#cmbBedankt').dialog(
              {
              autoOpen: false,
              width: 400,
              height: 230,
              buttons:
              {
                "Sluiten": function() 
              {
                $(this).dialog("close");
              }
           }
      });
});

$(document).ready(function() {
                        
  $('#accordion').show();

    if(document.getElementById('titlekop'))
    {
        document.getElementById('titlekop').innerHTML = document.getElementById('TextHeaderHolder').innerHTML;
    }
    if(document.getElementById('product_text'))
    {
        document.getElementById('product_text').innerHTML = document.getElementById('TextHolder').innerHTML;
    }

 $(function(){
          $("#accordion").accordion({ header: "h3", active:false, animated: false,  autoHeight: false   });
   });
  

 $("#menukantoormeubilair").hide();
	$("#kantoormeubilairid").hover(
        function () {
		$("#menukantoormeubilair").show();
		$("#menukantoorapparatuur").hide();
		$("#menukantoorartikel").hide();
		$("#menuovercbh").hide();
        },function(){
		//$("#menukantoormeubilair").hide();
	});//hover
	$("#menukantoormeubilair").hover(
        function () {
		$("#menukantoormeubilair").show();
        },function(){
		$("#menukantoormeubilair").hide();
	});//hover


 $("#menukantoorapparatuur").hide();
	$("#kantoorapparatuurid").hover(
        function () {
		$("#menukantoorapparatuur").show();
		$("#menukantoormeubilair").hide();
		$("#menukantoorartikel").hide();
		$("#menuovercbh").hide();
        },function(){
		//$("#menukantoormeubilair").hide();
	});//hover
	$("#menukantoorapparatuur").hover(
        function () {
		$("#menukantoorapparatuur").show();
        },function(){
		$("#menukantoorapparatuur").hide();
	});//hover
	
	$("#menukantoorapparatuur").hide();
	$("#kantoorartikelid").hover(
        function () {
		$("#menukantoorartikel").show();
		$("#menukantoormeubilair").hide();
		$("#menukantoorapparatuur").hide();
		$("#menuovercbh").hide();
        },function(){
		//$("#menukantoormeubilair").hide();
	});//hover
	$("#menukantoorartikel").hover(
        function () {
		$("#menukantoorartikel").show();
        },function(){
		$("#menukantoorartikel").hide();
	});//hover
	
	$("#menuovercbh").hide();
	$("#overcbhid").hover(
        function () {
		$("#menuovercbh").show();
		$("#menukantoormeubilair").hide();
		$("#menukantoorapparatuur").hide();
		$("#menukantoorartikel").hide();
        },function(){
		//$("#menukantoormeubilair").hide();
	});//hover
	$("#menuovercbh").hover(
        function () {
		$("#menuovercbh").show();
        },function(){
		$("#menuovercbh").hide();
	});//hover


	$("#x_header_container").mouseover( function () {
	    $("#menukantoormeubilair").hide();
        $("#menukantoorapparatuur").hide();
        $("#menukantoorartikel").hide();
        $("#menuovercbh").hide();
	});
	
});
 
 
function freetext(freetext){

    freetext = document.getElementById('searchbox').value;
    
    if (freetext){
    
            window.location = "/zoeken/"+freetext;
    
    } else {
        document.getElementById('searchbox').value = "Geef een zoekopdracht"
    }
 }
 
function addProduct(naam){

 $.ajax({
         type: "POST",
         url: "/default.aspx?pagetype=ajax&module=489&action=addProduct&naam=" + naam,
         success: function(msg){
         
           addToBasket('offerteid', 'toevoegenmodal'); // de flyToBasket
        
           $("#offerteid").effect("highlight",{color:"#ff0001"}, 1000);
         
          // addToBasket('x_main_content_sub_search', 'titlekop');
          // alert("De " + naam + "is toegevoegd aan de wenslijst die u terugvind bij de offerte");
          // $('#toevoegenmodal').dialog('open');
         }
     });
 }
 
function addSingleProduct(naam){
 
 $.ajax({
         type: "POST",
         url: "/default.aspx?pagetype=ajax&module=489&action=addProduct&naam=" + naam,
         success: function(msg){
           window.location = "/pagina/offerte.html";
         }
    });
}

function removeproduct(naam){
 $.ajax({
         type: "POST",
         url: "/default.aspx?pagetype=ajax&module=489&action=removeproduct&naam=" + naam,
         success: function(msg){
         window.location = location.href;
         }
    });
}


function get_radio_value()
{
for (var i=0; i < document.frm_callmebackform.cmbGender.length; i++)
   {
   if (document.frm_callmebackform.cmbGender[i].checked)
      {
      var rad_val = document.frm_callmebackform.cmbGender[i].value;
      return rad_val;
      }
   }
}
 
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

function switchCursorOnMouseOver()
{
    document.body.style.cursor = 'Hand'
}

function switchCursorOnMouseOut()
{
    document.body.style.cursor = 'default'
}

function press_enter() {

    if (window.event.keyCode == 13)
        {
        Login_Form.action.value='login';
        Login_Form.submit();
        }
}

function randomimage() {

    var root = baseurl + 'www/images/rotator/';
    var arr_image = new Array();
    arr_image[0] = root + 'sfeerbeeld_1.jpg';
    arr_image[1] = root + 'sfeerbeeld_2.jpg';
    arr_image[2] = root + 'sfeerbeeld_3.jpg';
    arr_image[3] = root + 'sfeerbeeld_4.jpg';
    arr_image[4] = root + 'sfeerbeeld_5.jpg';
    var randValue = Math.floor(Math.random() * arr_image.length);
   
    document.getElementById('slideshow').innerHTML = '<img src="' + arr_image[randValue] + '" />';
    
    //return arr_image[randValue];
}
  
function randomimage2() {

    var root = baseurl + 'www/images/';
    var arr_image = new Array();
    arr_image[0] = root + 'meneer1.jpg';
    arr_image[1] = root + 'meneer2.jpg';
    arr_image[2] = root + 'meneer3.jpg';
    var randValue = Math.floor(Math.random() * arr_image.length);
   
    document.getElementById('x_menu_container').innerHTML = '<img src="' + arr_image[randValue] + '" />';
    
    //return arr_image[randValue];
}
  
   var timeout	= 200;
   var closetimer	= 0;
   var ddmenuitem	= 0;

   // open hidden layer
   function mopen(id)
   {
   
   // cancel close timer
   mcancelclosetime();

   // close old layer
   if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

   // get new layer and show it
   ddmenuitem = document.getElementById(id);
   
   ddmenuitem.style.visibility = 'visible';
               
                  //   
 }
    // close showed layer
    function mclose()
        {
        if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
        }

        // go close timer
        function mclosetime()
        {
        closetimer = window.setTimeout(mclose, timeout);
        }

        // cancel close timer
        function mcancelclosetime()
        {
        if(closetimer)
        {
        window.clearTimeout(closetimer);
        closetimer = null;
        }
    }

    // close layer when click-out
    document.onclick = mclose;

var xmlhttp;

function ajax() 
{ 
  try 
    { 
    // Firefox, Opera 8.0+, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
  catch (e) 
    { 
    // Internet Explorer 
    try 
      { 
      xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
      } 
    catch (e) 
      { 
      try 
        { 
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
      catch (e) 
        { 
        alert("Your browser does not support AJAX!"); 
        return false; 
        } 
      } 
    }  
}


function ChangeAtt(des, val, target, hidpos, totalatts) 
{
       
      var ThisForm = document.frm_search;
     // $('#zoekbox_mouseover').hide();
     
      document.getElementById(target).innerHTML = des;    
      document.getElementById(hidpos).value = val;
      
        var url = baseurl + "default.aspx?module=435&pagetype=ajax";
      
       for(i=0;i<ThisForm.elements.length; i++)
       {
            if(ThisForm.elements[i].name != "pageid")
                url += "&" + ThisForm.elements[i].name + "=" + ThisForm.elements[i].value;
       }
      
      document.getElementById('dropdown_outer').innerHTML = '<img style="margin-left:40;margin-top:40px;" src="' + baseurl + 'www/images/wait.gif" />';
       var des = new AJAXInteraction(url, setAttributes, 'dropdown_outer');
       des.doGet();
      /*var paramatts = "";
      var paramcountryregions = "";
      totalatts = totalatts + 10;

      
      for(var i = 1 ; i <= totalatts ; i++)
      {
        if(document.getElementById('att_' + i))
        {            
            if(i < 3)
            {
                if(document.getElementById('att_' + i).value.length > 0)
                {
                    paramcountryregions = document.getElementById('att_' + i).value;
                }                        
                             
            }
            else
            {
                paramatts += document.getElementById('att_' + i).value;
                if(document.getElementById('att_' + i).value.length > 0)
                {
                    paramatts += ",";
                }
            } 
        }          
      }
      //alert(hidpos);
      if((val.length == 0) && (hidpos == 'att_1'))
      {                    
        paramcountryregions = "";
      }   
      
      if(paramcountryregions.length > 0)
      {
        paramcountryregions += ",";
      }
      
      
      
      //alert(paramcountryregions);
      
      ajax();
      //alert(paramatts);
      xmlhttp.open("GET", baseurl + "default.aspx?module=435&pagetype=ajax&atts=" + paramatts + "&cr=" + paramcountryregions, true);  
    
    xmlhttp.onreadystatechange = function() {   
    if(xmlhttp.readyState == 4)   
    {
        document.getElementById('dropdown_outer').innerHTML = xmlhttp.responseText  
    }        
    else
    {
        document.getElementById('dropdown_outer').innerHTML = '<img style="margin-left:40;margin-top:40px;" src="' + baseurl + 'www/images/wait.gif" />';
    }
        
        
    };  
    xmlhttp.send('');
*/


}

function setAttributes(response, id) {
    if (document.getElementById(id)) {
            document.getElementById(id).innerHTML = response
       
    } else {
        window.location.reload();
    }
}

function addToCart(defaultQNT, productid, price, description) {
    //Doe ajax call om basket te updaten.
    addToBasket("cartContent", "productImage_src");
    UpdateBasket(defaultQNT, productid, price, description, "addtobasket");
}

function increaseQuantity(id) {
    UpdateBasket(0, id, 0, "", "increasequantity");
}

function decreaseQuantity(id) {
    UpdateBasket(0, id, 0, "", "decreasequantity");
}

function delivery(delivery) {
 
 //window.location = "?pagename=winkelwagenbetalen&pageid=181&delivery="+delivery;
 //alert(delivery);
 UpdateBasket(0, 0, 0, "", "", delivery);
}

function discountPoints(discount)
{
    discountArr = discount.split("_");
    //alert("amount: " + discountArr[0] + "| price: " + discountArr[1] + "| ID: " + discountArr[2] + "| Q: " + discountArr[3]);
    UpdateBasket(0, 0, 0, "",  "setDiscount", "" , discount);
}

function removeFromBasket(id ,naam) {
    
    var answer = confirm("Dit item verwijderen: \n"+ naam)
	if (answer){
	UpdateBasket(0, id, 0, "", "removefrombasket");
	}
	else {
	}
}



function UpdateBasket(defaultQNT, productid, price, description, action, delivery, discount) {
    if (document.getElementById("shoppingcartsmall")) {
        document.getElementById('shoppingcartsmall').innerHTML = '<div align="center"><img style="margin-left:40;margin-top:40px;" src="' + baseurl + 'www/images/wait2.gif" /><br/><br/></div>';
    } else {
        document.getElementById('shoppingcartbig').innerHTML = '<div align="center"><img style="margin-left:40;margin-top:40px;" src="' + baseurl + 'www/images/wait2.gif" /><br/><br/></div>';
    }

    var Today = new Date();
    var url = baseurl + "default.aspx?pagetype=ajax&module=454&defaultqnt=" + defaultQNT + "&id=" + productid + "&pieceprice=" + price + "&description=" + description + "&action=" + action + "&Delivery=" + delivery + "&Discount=" + discount + "&randomnr=" + Today.toDateString() + Today.getMilliseconds();
    var des = new AJAXInteraction(url, setNewBasket, 'shoppingcartsmall');
    des.doGet();
}





function loadBasket() {
    if (document.getElementById("shoppingcartsmall")) {
        document.getElementById('shoppingcartsmall').innerHTML = '<div align="center"><img  src="' + baseurl + 'www/images/wait2.gif" /><br/><br/></div>';
    }
    var Today = new Date();
    var url = baseurl + "default.aspx?pagetype=ajax&module=454&randomnr=" + Today.toDateString() + Today.getMilliseconds();
    var des = new AJAXInteraction(url, setNewBasket, 'shoppingcartsmall');
    des.doGet();
}


function setNewBasket(response, id) {
    if (document.getElementById(id)) {
        if (response.length > 0) {
            document.getElementById(id).innerHTML = response;
        } else {
            document.getElementById(id).innerHTML = "Geen items in de winkelwagen aanwezig.";
        }
    } else {
        window.location.reload();
    }
}

function gotoProductDetails(productname, intID) {
    window.location = "default.aspx?productname=" + productname + "&pagename=productdetails&pageid=178&productid=" + intID;
}

/*
Standaard object om AJAX calls te verwerken.
*/
function AJAXInteraction(url, callback, id) {

    var req = init();
    req.onreadystatechange = processRequest;
        
    function init() {
      if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
      } else if (window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
    
    function processRequest () {
      if (req.readyState == 4) {
//		alert(req.status);
        if (req.status == 200) {
          if (callback) callback(req.responseText, id);
        }
      }
    }
	
    this.doGet = function() {      
      req.open("GET", url, true);
      req.send(null);
    }
    
    this.doPost = function(body) {
      req.open("POST", url, true);
	  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
      req.send(body);
    }
}


var randomnumber = Math.floor(Math.random()*1000000)
var g_ReEx_email =	/^[^"@;'/"]+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/

function subscribenewsletter() 
{ 
    var subscribeemailaddress = document.getElementById('txtemail').value;
    if (g_ReEx_email.test(subscribeemailaddress)) 
    {
        var Today = new Date();
        var url = "/default.aspx?module=491&PageType=ajax&Action=subscribe&email=" + subscribeemailaddress +"&nocache=" + randomnumber + "&randomnr=" + Today.toDateString() + Today.getMilliseconds();
        var des = new AJAXInteraction(url, setDataReport, 'ajaxcontent');
        
        des.doGet();     
    } 
    else 
    {
        var input = document.getElementById('txtemail');
        input.value = 'Email adres is ongeldig'
        return false;
    }
} 

function unsubscribenewsletter()
{
    var unsubscribeemailaddress = document.getElementById('txtemail').value;
    if (g_ReEx_email.test(unsubscribeemailaddress)) 
    {
        var Today = new Date();
        var url = "/default.aspx?module=491&PageType=ajax&Action=unsubscribe&email=" + unsubscribeemailaddress + "&randomnr=" + Today.toDateString() + Today.getMilliseconds();
        var des = new AJAXInteraction(url, setDataReport, 'ajaxcontent');
        des.doGet(); 
    } 
    else 
    {
        var input = document.getElementById('txtemail');
        input.value = 'Email adres is ongeldig'
        //input.style.background = "#FB726D";
        return false;
    }
}

function setDataReport(response, id) 
{
   arrRespons = response.split(";");
   var messagediv = document.getElementById('newslettermessage');
  
   switch(arrRespons[0])
   {
        case 'subscribe':
            if(arrRespons[1] == 'succes')
            {
                messagediv.innerHTML = 'U bent succesvol ingeschreven voor onze nieuwsbrief'
                  $("#newslettermessage").effect("highlight",{color:"#00ff01"}, 1000);
                
            }
            else
            {
                messagediv.innerHTML = 'Er is iets fout gegaan bij de inschrijving probeer het opnieuw'
                  $("#newslettermessage").effect("highlight",{color:"#ff0001"}, 1000);
            }
            break;
        
        case 'unsubscribe':
            if(arrRespons[1] == 'succes')
            {
                messagediv.innerHTML = 'U bent succesvol uitgeschreven voor onze nieuwsbrief'
                $("#newslettermessage").effect("highlight",{color:"#ff0001"}, 1000);
            }
            else
            {
                messagediv.innerHTML = 'Er is iets fout gegaan bij de uitschrijving probeer het opnieuw'
               $("#newslettermessage").effect("highlight",{color:"#ff0001"}, 1000);
            }
            break;
        
        case 'activate':
            if(arrRespons[1] == 'succes')
            {
                messagediv.innerHTML = 'U bent succesvol aangemeld voor onze nieuwsbrief'
                $("#newslettermessage").effect("highlight",{color:"#00ff01"}, 1000);
            }
            else
            {
                messagediv.innerHTML = 'Er is iets misgegaan tijdens de activatie voor onze nieuwsbrief probeer het opnieuw'
            }
            break;
   }
   
}

function clearInput(id)
{
    $('#'+ id).attr('value', '');
    $('#newslettermessage').attr('innerHTML', '');
}  

function getURLParam(strParamName) 
{
    var strReturn = "";
    var strHref = window.location.href;
    if (strHref.indexOf("?") > -1) {
        var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
        var aQueryString = strQueryString.split("&");
        for (var iParam = 0; iParam < aQueryString.length; iParam++) {
            if (aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1) {
                var aParam = aQueryString[iParam].split("=");
                strReturn = aParam[1];
                break;
            }
        }
    }
    return unescape(strReturn);
}

function activateNewsLetter()
{
    var email = getURLParam('email');
    var token = getURLParam('token');
    
    var Today = new Date();
    var url = "/default.aspx?module=491&PageType=ajax&Action=activate&email=" + email + "&token=" + token + "&randomnr=" + Today.toDateString() + Today.getMilliseconds();
    var des = new AJAXInteraction(url, setDataReport, 'ajaxcontent');
    des.doGet();
}