 /*
  * De volgende functie is in staat om parameters opgegeven in src van
  * het javascript-bestand op te vragen. Dit doe ik omdat ik dan vanuit
  * index.php de taal en sitetype kan afvangen, en gebruiken voor de
  * taalkeuze. Ik heb geen idee hoe ik dit anders vanuit index.php in
  * dit js-bestand kan krijgen.
  * Timo Vos (12-11-2008).
  */
 function getScriptUrlParams()
 {
 	var scriptTags = document.getElementsByTagName("script");
 
 	// This code is assumed to be in a file so the "src" attribute
 	// is guaranteed to be present...no error-checking is needed
 	for (i = 0; i < scriptTags.length; i++)
 	{
 	 if (scriptTags[i].src.search('/js/fs.js') != -1)
 	 { 
 	  fsscriptid = i;
 	  break;
 	 }
 	}
 	var urlFrags = scriptTags[fsscriptid].src.split("#");
 	var urlParams=[];
 	var urlParamRaw = [];
 	if (urlFrags.length > 1)
 	{
 	    urlParamRaw = urlFrags[1].split("/");   
 	    if (urlParamRaw.length >= 2)
 	    {
 	    	for(var param=0;param<urlParamRaw.length;param+=2)
 	            urlParams[urlParamRaw[param]] = (urlParamRaw.length >= param + 1 ? unescape(urlParamRaw[param+1]) : null);
     	    }
 	}
 
 	return(urlParams);
 }
 
 /*
  * De volgende functie haalt simpelweg een koekje op. Deze functie
  * heb ik geleend van W3Schools.
  */ 
 function getCookie(c_name)
 {
 if (document.cookie.length > 0)
 {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start != -1)
   {
    c_start = c_start + c_name.length + 1;
    c_end = document.cookie.indexOf(";", c_start);
    if (c_end == -1) c_end = document.cookie.length
    return unescape(document.cookie.substring(c_start, c_end));
   } 
 }
 return ""
 }
 
 function preloadImages() {
 	preloads = new Object();
 	preload_locations = new Array("/siteimg/search_icon_hover.gif",                 
 	                          "/siteimg/search_submit_hover.gif",
 	                          "/siteimg/dvc_logo_hover.jpg",               
 	                          "/siteimg/mijn_eigen_vlag_hover.png",
 	                          "/siteimg/vlaggen_winkel_hover.png",              
 	                          "/siteimg/brochures_aanvragen_hover.gif",
 	                          "/siteimg/contact_informatie_hover_fs.jpg",          
 	                          "/siteimg/offerte_aanvragen_hover_fs.jpg",
     	                      "/siteimg/offerte_aanvragen_groot_hover.gif",
 	                          "/siteimg/pijltje_hover_fs.png",                     "/siteimg/pijltje_hover_fs.gif",
 	                          "/siteimg/header_productmenu_backg_tophover.png",
 	                          "/siteimg/header_productmenu_backg_bottomhover.png",
 	                          "/siteimg/offertemand_pijl_boven_fs.png", 
 	                          "/siteimg/header_btn_left_hover.png",
 	                          "/siteimg/header_btn_right_hover.png",
     	                          
 	                          "/siteimg/niceforms-fs/txtarea_bl_xon_fs.gif",
 	                          "/siteimg/niceforms-fs/txtarea_br_xon_fs.gif",
 	                          "/siteimg/niceforms-fs/txtarea_cntr_xon_fs.gif",
 	                          "/siteimg/niceforms-fs/txtarea_l_xon_fs.gif",
 	                          "/siteimg/niceforms-fs/txtarea_tl_xon_fs.gif",
 	                          "/siteimg/niceforms-fs/txtarea_tr_xon_fs.gif");
 	                          
  for (x in preload_locations)
  {
   preloads[x] = new Image();
   preloads[x].src = preload_locations[x];
  }
 	                          
 	/*preloads[0]  = new Image(); preloads[0].src  = "/siteimg/search_icon_hover.gif";
 	preloads[1]  = new Image(); preloads[1].src  = "/siteimg/search_submit_hover.gif";
 	preloads[2]  = new Image(); preloads[2].src  = "/siteimg/flag_and_sign_hover.png";
 	preloads[3]  = new Image(); preloads[3].src  = "/siteimg/mijn_eigen_vlag_hover.png";
 	preloads[4]  = new Image(); preloads[4].src  = "/siteimg/vlaggen_winkel_hover.png";
 	preloads[5]  = new Image(); preloads[5].src  = "/siteimg/brochures_aanvragen_hover.gif";
 	preloads[6]  = new Image(); preloads[6].src  = "/siteimg/contact_informatie_hover.gif";
 	preloads[7]  = new Image(); preloads[7].src  = "/siteimg/offerte_aanvragen_hover.gif";
 	preloads[8]  = new Image(); preloads[8].src  = "/siteimg/pijltje_hover.png";
 	preloads[9]  = new Image(); preloads[9].src  = "/siteimg/pijltje_hover.gif";
 	preloads[10] = new Image(); preloads[10].src = "/siteimg/header_productmenu_backg_tophover.png";
 	preloads[11] = new Image(); preloads[11].src = "/siteimg/header_productmenu_backg_bottomhover.png";
 	preloads[12] = new Image(); preloads[12].src = "/siteimg/offertemand_pijl_boven.png";
 	preloads[13] = new Image(); preloads[13].src = "/siteimg/header_btn_left_hover.png";
 	preloads[14] = new Image(); preloads[14].src = "/siteimg/header_btn_right_hover.png";*/
 }

$(document).ready(function () {
 init_site();
});

function init_site(text)
{
 //niceforms init
 init();
 
 var myParams = getScriptUrlParams();
 var sitetype = myParams["sitetype"];
 var id =       myParams["id"];
 var language = myParams["language"];
 var title    = myParams["title"];

 // creeer een global namespace
 $.fs_vars = {}
 $.fs_vars.next_new_offer_id = 0;
 $.fs_vars.header_afb_timeout = 5000;
 
 replaceFlashTitles();
 
 //swfobject.registerObject("header_banner_flashheader_swf", "9.0.0");
 
 if ($('div#header_banner_flashheader').attr('id') == 'header_banner_flashheader')
 {
  // flashheader bestaat!
  var flashvars = {};
  var params = {};
  params.wmode = "opaque";
  params.bgcolor = "#000000";
  var attributes = {};
  
  swfobject.embedSWF("/swf/inoutdoorheader_fs.swf", 'header_banner_flashheader_swf', "938", "287", "9.0.0","/swf/expressInstall.swf", flashvars, params, attributes);
  swfobject.createCSS("#header_banner_flashheader_swf","outline:none"); 
 }
 
 $('img[src$=.png]').ifixpng(); 
 
 $('div#header_logo').click(function() {
  document.location.href = '/' + sitetype + '/' + language + '/1/Home';
 });
 
 // hovers
 
 $('a#home_banners_dvc').hover(function() {
  $(this).children('img').attr('src', '/siteimg/dvc_logo_hover.jpg');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/dvc_logo_normal.jpg');
 });
 
 $('a#home_banners_mijn_eigen_vlag').hover(function() {
  $(this).children('img').attr('src', '/siteimg/mijn_eigen_vlag_hover.png');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/mijn_eigen_vlag_normal.png');
 });
 
 $('a#home_banners_vlaggen_winkel').hover(function() {
  $(this).children('img').attr('src', '/siteimg/vlaggen_winkel_hover.png');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/vlaggen_winkel_normal.png');
 });
 
 $('a#banners_brochures').hover(function() {
  $(this).children('img').attr('src', '/siteimg/brochures_aanvragen_hover.gif');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/brochures_aanvragen_normal.gif');
 });
 
 $('a#banners_contact').hover(function() {
  $(this).children('img').attr('src', '/siteimg/contact_informatie_hover_fs.jpg');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/contact_informatie_normal_fs.jpg');
 });
 
 $('a#banners_offerteaanvragen').hover(function() {
  $(this).children('img').attr('src', '/siteimg/offerte_aanvragen_hover_fs.jpg');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/offerte_aanvragen_normal_fs.jpg');
 });
 
 $('a#banners_offerteaanvragengroot').hover(function() {
  $(this).children('img').attr('src', '/siteimg/offerte_aanvragen_groot_hover.jpg');
 }, function (){
  $(this).children('img').attr('src', '/siteimg/offerte_aanvragen_groot_normal.jpg');
 });
 
 // search input hover
 $('#searchtext').hover(function() {
  $(this).focus();
  // nog aanpassen
  $(this).parent('form').css('background-image', 'url(/siteimg/search_icon_fs.gif)');
  $(this).siblings('a').children('img').attr('src', '/siteimg/search_submit_fs.gif');
 }, function () {
  $(this).parent('form').css('background-image', 'url(/siteimg/search_icon_fs.gif)');
  $(this).siblings('a').children('img').attr('src', '/siteimg/search_submit_fs.gif');
 });
 
 $('#header_search_form a').hover(function() {
  // nog aanpassen
  $(this).children('img').attr('src', '/siteimg/search_submit_fs.gif');
 }, function () {
  $(this).children('img').attr('src', '/siteimg/search_submit_fs.gif');
 });
 
 // search input onclick
 $('#searchtext').click(function() {
  if ($(this).val() == 'Zoek...')
   $(this).val('');
 });
 $('#searchtext').blur(function() {
  if ($(this).val() == '')
   $(this).val('Zoek...');
 });
 
 /* Producten menu li hover */
 
 $('div#header div#header_content div#header_banner div#header_productmenu ul li').hover(function()
 {
  $(this).addClass('hover');
 }, function()
 {
  $(this).removeClass('hover');
 });
 
 $('div#header div#header_content div#header_banner div#header_productmenu ul li:first-child').hover(function()
 {
  $(this).parent('ul').parent('div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg_tophover.png)');
 }, function()
 {
  if ($(this).hasClass('current-product') == false)
   $(this).parent('ul').parent('div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg.png)');
 });
 
 $('div#header div#header_content div#header_banner div#header_productmenu ul li:last-child').hover(function()
 {
  $(this).parent('ul').parent('div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg_bottomhover.png)');
 }, function()
 {
  if ($(this).hasClass('current-product') == false)
   $(this).parent('ul').parent('div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg.png)');
 });
 
 if ($('div#header div#header_content div#header_banner div#header_productmenu ul li:last-child').hasClass('current-product'))
  $('div#header div#header_content div#header_banner div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg_bottomhover.png)');
  
 if ($('div#header div#header_content div#header_banner div#header_productmenu ul li:first-child').hasClass('current-product'))
  $('div#header div#header_content div#header_banner div#header_productmenu').css('background-image', 'url(/siteimg/header_productmenu_backg_tophover.png)');
 
 
 /* Lees meer */
 
 $('a.leesmeer').hover(function() {
  $(this).children('img.forward_icon').attr('src', '/siteimg/pijltje_hover.png');
 }, function () {
  $(this).children('img.forward_icon').attr('src', '/siteimg/pijltje.png');
 });
 
 /* Offertemand */
 
 /* Dit is er uitgehaald, mand moet standaard uitgeklapt bij 1 of meer offertes
 offertemand_uitgeklapt = getCookie('offertemand_uitgeklapt');
 
 if (offertemand_uitgeklapt == '1')
 {
  $('div#content_holder div#banners_offertemand_contents').show();
  $('div#banners_offertemand div#banners_offertemand_counter').css('background-image', 'url(/siteimg/offertemand_pijl_boven.png)');
 }
 
 $('div#banners_offertemand').children().css('cursor', 'pointer');
 $('div#banners_offertemand').css('cursor', 'pointer');
 $('div#banners_offertemand').click(function() {
  if ($('div#content_holder div#banners_offertemand_contents').css('display') == 'block')
  {
   $('div#banners_offertemand div#banners_offertemand_counter').css('background-image', 'url(/siteimg/offertemand_pijl_beneden.png)')
   value = '0';
  } else
  {
   $('div#banners_offertemand div#banners_offertemand_counter').css('background-image', 'url(/siteimg/offertemand_pijl_boven.png)')
   value = '1';
  }

  var exdate = new Date();
  exdate.setDate(exdate.getDate() + 30); /* zelfde als index.php:66 */
  /*document.cookie = "offertemand_uitgeklapt=" + escape(value) +
                    "; expires=" + exdate.toGMTString() + 
                    "; path=/";
  
  
  //$('div#banners_offertemand').css('cursor', 'pointer');
 
  // de muiscursor flikkert in IE als de slidedowndiv een background heeft.
  // deze zetten we dus even uit. Als de animatie klaar is mag ie weer aan.
  if ($.browser.msie)
  {
   $('div#content_holder div#banners_offertemand_contents').addClass('animating');
  }

  $('div#content_holder div#banners_offertemand_contents').slideToggle('normal', function () {
                                                            $(this).removeClass('animating');
                                                           });
 });
 */
 
 /* Headerafbeelding browsing */
 $.post('/includes/header/getheaderimages.php', {title: title}, function (data) {
  if ((data != null) && data.length != 1)
  {
   $('div#header_headerbuttons').show();
   $.fs_vars.headerImages = data;
   var headerPreloads = new Array();
   // headerimages preloaden
   for (var i = 0; i < data.length; i++)
   {
    j = headerPreloads.length;
 	  headerPreloads[j] = new Image(); headerPreloads[j].src = "/siteimg/headers/" + data[i];
 	  
   //timer inschakelen voor wisselen van headerafbeeldingen
   setTimeout("nextHeaderImg(true)", $.fs_vars.header_afb_timeout);
   }
  } else
   $('div#header_headerbuttons').hide();
 }, "json");
 
 // Hovers in productcategorie (producttype kiezen)
 $('div#producten_categorie ul li a').hover(function () {
  $(this).parent('li').children('a:last-child').css('text-decoration', 'none');
 }, function () {
  $(this).parent('li').children('a:last-child').css('text-decoration', 'underline');
 });
 
 /* Pagina-specifieke shizzle */
 
 switch (id)
 {
  /*
   * VEELGESTELDE VRAGEN
   */
  case '5':
   // accordion
   
   $('div#veelgesteldevragen_accordion').accordion({
    header: 'div.header',
   	active: false,
   	alwaysOpen: false,
   	animated: "easeslide",
   	autoHeight: false
   }).bind("accordionchange", function(event, ui) {
    //alert('1: ' + $.fs_vars.categorietop);
    if ($.fs_vars.categorietop != undefined)
    {
     window.scrollTo(0, $.fs_vars.categorietop);
     $.fs_vars.categorietop = undefined;
    }
   }); 
   
   $('div.veelgesteldevragen_vraag_accordion').accordion({
    header: 'div.header',
   	active: false,
   	alwaysOpen: false,
   	animated: "easeslide",
   	autoHeight: false
   }).bind("accordionchange", function(event, ui) {
    //alert('2: ' + $.fs_vars.categorietop);
    if ($.fs_vars.categorietop != undefined)
    {
     window.scrollTo(0, $.fs_vars.categorietop);
     $.fs_vars.categorietop = undefined;
    }
   });
   
   name   = $(document).getUrlParam("id");

   if ($('div#veelgesteldevragen_accordion').find('div#v' + name)
       .attr('id') != undefined)
   {
    // we hebben een vraag gevonden, hup, ernaartoe!
    categorie = $('div#v' + name).parent('div').prev('div.header').attr('id');
    $('div#veelgesteldevragen_accordion').accordion('activate', 'div#' + categorie);
    $('div.veelgesteldevragen_vraag_accordion').accordion('activate', 'div#v' + name);
    
    $.fs_vars.categorietop = $('div#content_holder').position().top + $('div#' + categorie).position().top;
   } else if ($('div#veelgesteldevragen_accordion').find('div#c' + name)
              .attr('id') != undefined)
   {
    // we hebben een categorie gevonden, ernaartoe!
    $('div#veelgesteldevragen_accordion').accordion('activate', 'div#c' + name);
    
    $.fs_vars.categorietop = $('div#content_holder').position().top + $('div#c' + name).position().top;
   }
   
   /*
   url_categorie = decodeURI($(document).getUrlParam("categorie"));
   url_vraag     = decodeURI($(document).getUrlParam("vraag"));
   
   if (url_categorie != 'null')
   {
    $('div#veelgesteldevragen_accordion').accordion('activate', 'div[categorie="' + url_categorie + '"]');
   }
   if (url_vraag != 'null')
   {
    categorie = $('div[vraag="' + url_vraag + '"]').parent('div').prev('div.header').attr('categorie');

    if (url_categorie == 'null')
     $('div#veelgesteldevragen_accordion').accordion('activate', 'div[categorie="' + categorie + '"]');
     
    $('div.veelgesteldevragen_vraag_accordion').accordion('activate', 'div[vraag="' + url_vraag + '"]');
   }*/
   
   //alert(decodeURI($(document).getUrlParam("categorie")));

   break;
   
  /*
   * CONTACT
   */
  case '7':
   $('div#contact_gevenens_accordion').accordion({
    header: 'div.header',
   	active: 0,
   	alwaysOpen: true,
   	animated: "easeslide"
   }); 
  
   $("#emailformulier_form").validate({
    rules: {
     emailformulier_postcode_plaats: "required",
     emailformulier_comment:         "required",
     emailformulier_voorletters:     "required",
     emailformulier_achternaam:      "required",
     emailformulier_aanhef:          "required",
     emailformulier_emailadres:      {
      required: true, 
      email:    true
     }
    },
    
    groups: {
     voorl_achternaam:      "emailformulier_voorletters emailformulier_achternaam",
     emailformulier_aanhef: "emailformulier_aanhef_dhr emailformulier_aanhef_mevr"
    },
    
    errorPlacement: function(error, element) {
     if (element.attr("name") == "emailformulier_voorletters" || element.attr("name") == "emailformulier_achternaam")
      element = $('#emailformulier_achternaam');
     else if (element.attr("id") == "emailformulier_aanhef_dhr" || element.attr("id") == "emailformulier_aanhef_mevr")
      element = $('#emailformulier_aanhef_mevr');

     if (element.attr("name") != "emailformulier_comment")
      element = $(element).next();
     else
      $(element).css('margin-left', '10px');
      
     error.insertAfter(element);
    },
    
    highlight: function(element, errorClass) {
		   $( element ).addClass( errorClass );
     if ($(element).attr("name") == "emailformulier_comment")
     {
      $(element).parent('div.cntr, div.cntr_xon').siblings('div.tr, div.tr_xon')
       .css('background',           'transparent url(/siteimg/niceforms-fs/txtarea_tr_error.gif) no-repeat scroll right top')
       .children().attr('src', '/siteimg/niceforms-fs/txtarea_tl_error.gif');
      $(element).parent('div.cntr, div.cntr_xon').css('background',                              'transparent url(/siteimg/niceforms-fs/txtarea_cntr_error.gif) repeat-y scroll right top')
       .children('div.cntr_l, div.cntr_l_xon').css('background',       'transparent url(/siteimg/niceforms-fs/txtarea_l_error.gif) repeat-y scroll left top');
      $(element).parent('div.cntr, div.cntr_xon').siblings('div.br, div.br_xon')
       .css('background',           'transparent url(/siteimg/niceforms-fs/txtarea_br_error.gif) no-repeat scroll right top')
       .children('img.txt_corner').attr('src', '/siteimg/niceforms-fs/txtarea_bl_error.gif');
     } else if ($(element).attr("name") == 'emailformulier_aanhef')
     {
      // nog even niet.
      //$('#emailformulier_aanhef_mevr').siblings('div.radioArea').css('background-image', 'url(/siteimg/niceforms-fs/radio_error.gif)');
      //$('#emailformulier_aanhef_dhr').siblings('div.radioArea').css('background-image', 'url(/siteimg/niceforms-fs/radio_error.gif)');
     } else
     {
      $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_error.gif');
      $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_error.gif');
     }
    },
    
    unhighlight: function(element, errorClass) {
			  $( element ).removeClass( errorClass );
     if ($(element).attr("name") == "emailformulier_comment")
     {
      $(element).parent('div.cntr, div.cntr_xon').siblings('div.tr, div.tr_xon')
       .css('background',           'transparent url(/siteimg/niceforms-fs/txtarea_tr.gif) no-repeat scroll right top')
       .children().attr('src', '/siteimg/niceforms-fs/txtarea_tl.gif');
      $(element).parent('div.cntr, div.cntr_xon').css('background',                              'transparent url(/siteimg/niceforms-fs/txtarea_cntr.gif) repeat-y scroll right top')
       .children('div.cntr_l, div.cntr_l_xon').css('background',       'transparent url(/siteimg/niceforms-fs/txtarea_l.gif) repeat-y scroll left top');
      $(element).parent('div.cntr, div.cntr_xon').siblings('div.br, div.br_xon')
       .css('background',           'transparent url(/siteimg/niceforms-fs/txtarea_br.gif) no-repeat scroll right top')
       .children('img.txt_corner').attr('src', '/siteimg/niceforms-fs/txtarea_bl.gif');
     } else if ($(element).attr("name") == 'emailformulier_aanhef')
     {
      // nog even niet.
      //$('#emailformulier_aanhef_mevr').siblings('div.radioArea').css('background-image', 'url(/siteimg/niceforms-fs/radio.gif)');
      //$('#emailformulier_aanhef_dhr').siblings('div.radioArea').css('background-image', 'url(/siteimg/niceforms-fs/radio.gif)');
     } else
     {
      $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_fs.gif');
      $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_fs.gif');
     }
    },
    
    messages: {
     emailformulier_postcode_plaats: "Vul uw postcode en plaats in",
     emailformulier_voorletters: "Vul uw voorletters in",
     emailformulier_achternaam: "Vul uw achternaam in",
     emailformulier_comment: "Vul een bericht in",
     emailformulier_aanhef: "Vul uw geslacht in",
     emailformulier_emailadres: {
      required: "Vul uw e-mailadres in",
      email: "Uw emailadres dient deze vorm te hebben: email@domein.nl"
     }
    }
   });
   
   $("#afspraakmakenformulier_form").validate({
    rules: {
     afspraakmakenformulier_naam:           "required",
     afspraakmakenformulier_telefoonnummer: "required",
     afspraakmakenformulier_aanhef:         "required",
     afspraakmakenformulier_emailadres: {
      required: true, 
      email:    true
     }
    },
    
    groups: {
     afspraakmakenformulier_aanhef: "afspraakmakenformulier_aanhef_dhr afspraakmakenformulier_aanhef_mevr"
    },
    
    errorPlacement: function(error, element) {
     if (element.attr("id") == "afspraakmakenformulier_aanhef_dhr" || element.attr("id") == "afspraakmakenformulier_aanhef_mevr")
      element = $('#afspraakmakenformulier_aanhef_mevr').next();
      
     error.insertAfter(element);
    },
    
    highlight: function(element, errorClass) {
		   $( element ).addClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_error.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_error.gif');
    },
    
    unhighlight: function(element, errorClass) {
			  $( element ).removeClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_fs.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_fs.gif');
    },
    
    messages: {
     afspraakmakenformulier_naam:           "Vul uw naam in",
     afspraakmakenformulier_telefoonnummer: "Vul uw telefoonnummer in",
     afspraakmakenformulier_aanhef:         "Vul uw geslacht in",
     afspraakmakenformulier_emailadres: {
      required: "Vul uw e-mailadres in",
      email: "Uw emailadres dient deze vorm te hebben: email@domein.nl"
     }
    }
   });
   break;
   
   
  /*
   * PRODUCTPAGINA
   */
  case '25':
   $('#product_form div.product_property_anders').hide();
   
   $('select.propertyselector').each(function(){
    if ($(this).val().toLowerCase().search('anders') != -1)
     $(this).siblings('div.product_property_anders').show();
    else
     $(this).siblings('div.product_property_anders').hide();
   });
   
   $('select.propertyselector').change(function(){
    if ($(this).val().toLowerCase().search('anders') != -1)
     $(this).siblings('div.product_property_anders').show();
    else
     $(this).siblings('div.product_property_anders').hide();
   });
   break;
   
   
  /*
   * OFFERTE AANVRAGEN
   */
  case '4':
   $('#offerte_overzicht_form').submit(function() {
    if (($('form#offerte_overzicht_form ul').children().length == 1) &&
        ($('div.offerte_overzicht_nieuweofferte_div').attr('class') == 'offerte_overzicht_nieuweofferte_div'))
    {
     alert('U heeft nog geen offertes om te versturen.');
     return false;
    } else
     return true;
   });
   
   $('#offerte_overzicht_form div.product_property_anders').hide();
   
   $('select.propertyselector').each(function(){
    if ($(this).val().toLowerCase().search('anders') != -1)
     $(this).siblings('div.product_property_anders').show();
    else
     $(this).siblings('div.product_property_anders').hide();
   });
   
   if (location.hash.match('nieuweofferte') != null)
   {
    //$('div#offerte_overzicht form#offerte_overzicht_form ul li:first-child').attr('class', 'offerte_overzicht_item_uitgeklapt');
    offerteOverzichtUitInklappen($('div#offerte_overzicht form#offerte_overzicht_form ul li:last-child a.uitklap_button'), true, false);
   }
   
   $("#offerte_overzicht_form").validate({
    rules: {
     gegevensaanvragen_bedrijfsnaam: "required",
     gegevensaanvragen_aanhef:       "required",
     gegevensaanvragen_naam:         "required",
     gegevensaanvragen_voorletters:  "required",
     gegevensaanvragen_achternaam:   "required",
     gegevensaanvragen_adres:        "required",
     gegevensaanvragen_postcode:     "required",
     gegevensaanvragen_telefoon:     "required",
     gegevensaanvragen_emailadres:   {
      required: true, 
      email:    true
     }
    },
    
    groups: {
     voorl_achternaam:      "gegevensaanvragen_voorletters gegevensaanvragen_achternaam",
     aanhef:                "gegevensaanvragen_aanhef_dhr gegevensaanvragen_aanhef_mevr"
    },
    
    errorPlacement: function(error, element) {
     if (element.attr("name") == "gegevensaanvragen_voorletters" || element.attr("name") == "gegevensaanvragen_achternaam")
      element = $('#gegevensaanvragen_achternaam');
      
     if (element.attr("id") == "gegevensaanvragen_aanhef_dhr" || element.attr("id") == "gegevensaanvragen_aanhef_mevr")
      element = $('#gegevensaanvragen_aanhef_mevr');

     if (element.attr("name") != "emailformulier_comment")
      element = $(element).next();
     else
      $(element).css('margin-left', '10px');
      
     error.insertAfter(element);
    },
    
    highlight: function(element, errorClass) {
		   $( element ).addClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_error.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_error.gif');
    },
    
    unhighlight: function(element, errorClass) {
			  $( element ).removeClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_fs.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_fs.gif');
    },
    
    messages: {
     gegevensaanvragen_bedrijfsnaam: "Vul uw bedrijfsnaam in",
     gegevensaanvragen_naam:         "Vul uw naam in",
     gegevensaanvragen_voorletters:  "Vul uw voorletters in",
     gegevensaanvragen_achternaam:   "Vul uw achternaam in",
     gegevensaanvragen_adres:        "Vul uw adres in",
     gegevensaanvragen_postcode:     "Vul uw postcode en plaatsnaam in",
     gegevensaanvragen_telefoon:     "Vul uw telefoonnummer in",
     gegevensaanvragen_aanhef:       "Vul uw geslacht in",
     gegevensaanvragen_emailadres: {
      required:                      "Vul uw e-mailadres in",
      email:                         "Uw emailadres dient deze vorm te hebben: email@domein.nl"
     }
    }
   });
   if (($('form#offerte_overzicht_form ul').children().length == 0) &&
       ($('form#offerte_overzicht_form ul').html() != null))
   {
    // geen offertes, offertetoevoeg dinges toevoegen
    offerteOverzichtAddOffer($('form#offerte_overzicht_form ul'), true);
   }
   
   $('h2.h2_offerte_overzicht_item').click(function(){
    $(this).siblings('a.uitklap_button').click();
   });
   
   
   // en hier de uploader voor afbeeldingen bij een offerte
   $(".fileselect").jqUploader({
  		background:	     "FFFFDF",
  		barColor:	       "64A9F6",
    allowedExt:      "*.jpg; *.jpeg; *.png; *.gif",
    allowedExtDescr: "Afbeeldingen (.jpg, .png, .gif)",
    src:             "/swf/jqUploader.swf",
    width:           "146",
    height:          "91",
    uploadScript:    "http://www.flagandsign.nl/includes/offers/uploadofferimage.php",
    afterScript:     "none",
    param:           {wmode: 'opaque'},
    startMessage:    "",
    hideSubmit:      false
  	});

   break;
  
   
  /*
   * BROCHURES
   */
  case "15":
   $("#brochures_aanvragen_form").validate({
    rules: {
     brochuresaanvragen_aanhef:      "required",
     brochuresaanvragen_naam:        "required",
     brochuresaanvragen_straat:      "required",
     brochuresaanvragen_huisnr:      "required",
     brochuresaanvragen_voorletters: "required",
     brochuresaanvragen_achternaam:  "required",
     brochuresaanvragen_postcode:    "required",
     brochuresaanvragen_plaats:      "required",
     brochuresaanvragen_land:        "required"
    },
    
    groups: {
     straat_huisnr:             "brochuresaanvragen_straat brochuresaanvragen_huisnr",
     postcode_plaats:           "brochuresaanvragen_postcode brochuresaanvragen_plaats",
     voorl_achternaam:          "brochuresaanvragen_voorletters brochuresaanvragen_achternaam",
     brochuresaanvragen_aanhef: "brochuresaanvragen_aanhef_dhr brochuresaanvragen_aanhef_mevr"
    },
       
    errorPlacement: function(error, element) {
     if (element.attr("name") == "brochuresaanvragen_voorletters" || element.attr("name") == "brochuresaanvragen_achternaam")
      element = $('#brochuresaanvragen_achternaam').next();
     else if (element.attr("name") == "brochuresaanvragen_straat" || element.attr("name") == "brochuresaanvragen_huisnr")
      element = $('#brochuresaanvragen_huisnr').next();
     else if (element.attr("id") == "brochuresaanvragen_postcode" || element.attr("id") == "brochuresaanvragen_plaats")
      element = $('#brochuresaanvragen_plaats').next();
     //alert(element.attr("id"));
     if (element.attr("id") == "brochuresaanvragen_aanhef_dhr" || element.attr("id") == "brochuresaanvragen_aanhef_mevr")
      element = $('#brochuresaanvragen_aanhef_mevr').next();

     error.insertAfter(element);
    },
    
    highlight: function(element, errorClass) {
		   $( element ).addClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_error.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_error.gif');
    },
    
    unhighlight: function(element, errorClass) {
			  $( element ).removeClass( errorClass );
     $(element).prev('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_left_fs.gif');
     $(element).nextAll('img.inputCorner').attr('src', '/siteimg/niceforms-fs/input_right_fs.gif');
    },
    
    messages: {
     brochuresaanvragen_naam:        "Vul uw naam in",
     brochuresaanvragen_aanhef:      "Vul uw geslacht in",
     brochuresaanvragen_straat:      "Vul uw straat in",
     brochuresaanvragen_huisnr:      "Vul uw huisnummer in",
     brochuresaanvragen_voorletters: "Vul uw voorletters in",
     brochuresaanvragen_achternaam:  "Vul uw achternaam in",
     brochuresaanvragen_postcode:    "Vul uw postcode in",
     brochuresaanvragen_plaats:      "Vul uw plaats in",
     brochuresaanvragen_land:        "Vul uw land in"
    },
    
    submitHandler: function(form) {
     var dosubmit = false;
     $('input[type=checkbox]').each(function(){
      //alert(this.checked);
      if (this.checked == true)
       dosubmit = true;
     });
     
     if (dosubmit == true)
    	 form.submit();
    	else
    	 alert('U dient tenminste één brochure te selecteren.');
    } 

   });
   break;
 }
 refreshOffercart();
 
}

function replaceFlashTitles()
{
 $('.flashTitle').each(function (i)
 {
  var flashTitleId = 'flashTitle_' + i;
  if ($(this).attr('id') == '')
   $(this).attr('id', flashTitleId)
  else
   var flashTitleId = $(this).attr('id');
   var href         = $(this).children('a').attr('href');
 	 var flashvars = {};
   flashvars.titleText = $(this).text();   
 	 if (href != undefined)
    flashvars.link      = href;
   else
    flashvars.link      = '';
   var params = {};
   params.wmode = "transparent";
   var attributes = {};
   
   swfobject.embedSWF("/swf/title_fs.swf", flashTitleId, "560", "32", "6","/swf/expressInstall.swf", flashvars, params, attributes);
 });
 
 $('.flashTitleSmall').each(function (i)
 {
  var flashTitleId = 'flashTitleSmall_' + i;
  if ($(this).attr('id') == '')
   $(this).attr('id', flashTitleId)
  else
   var flashTitleId = $(this).attr('id');
   var href         = $(this).children('a').attr('href');
 	 var flashvars = {};
   flashvars.titleText = $(this).text().toUpperCase();  
   if (href != undefined)
    flashvars.link      = href;
   else
    flashvars.link      = ''; 
   var params = {};
   params.wmode = "transparent";
   var attributes = {};
   
   swfobject.embedSWF("/swf/title_small_fs.swf", flashTitleId, "560", "28", "6","/swf/expressInstall.swf", flashvars, params, attributes);
 });
 
 $('.flashNewsdate').each(function (i)
 {
  var flashTitleId = 'flashNewsdate_' + i;
  if ($(this).attr('id') == '')
   $(this).attr('id', flashTitleId)
  else
   var flashTitleId = $(this).attr('id');
 	 var flashvars = {};
   flashvars.titleText = $(this).text();   
   var params = {};
   params.wmode = "transparent";
   var attributes = {};
   
   swfobject.embedSWF("/swf/newsdate.swf", flashTitleId, "43", "23", "6","/swf/expressInstall.swf", flashvars, params, attributes);
 });
}

/*
 * Functie getriggerd door (niceforms-fs.js:293).
 * gebruiker kiest daar een taal
 */

 function fs_doChangeLang(langStr)
 {
  var myParams = getScriptUrlParams();
  var sitetype = myParams["sitetype"];
  var id =       myParams["id"];
  var language = myParams["language"];
  var lang;
  switch (langStr)
  {
   case "nederlands":
    lang = 'nl';
    break;
   case "english":
    lang = 'uk';
    break;
  }
  //alert(lang + ', ' + language + ', ' + id + ', ' + sitetype);
  if (lang != language)
   document.location.href = '/' + sitetype + '/' + lang + '/' + id;
 }
 
/*
 * Functies voor de offertemand
 */

 function addOfferToCart(form, silent, productid, refresh, refreshlocation)
 {
  if (silent == true)
  {
   $.fs_vars.product_id = product_id = productid;
   var properties = {};
  } else
  {
   $.fs_vars.product_id = product_id = $(form.product_id).val();
   var properties = $(form).serialize();
  }
  
  $.fs_vars.addAnyway = true;
  $.fs_vars.refreshAfterAdd = refresh;
  
  var myParams = getScriptUrlParams();
  var sitetype = myParams["sitetype"];
  var language = myParams["language"];
  
  $('ul#banners_offertemand_contents_list li').each(function () {
   var idarr = $(this).attr('id').split('_');
   var productid = idarr[3];
   if (productid == $.fs_vars.product_id)
   {
    // match!
    $.fs_vars.addAnyway = window.confirm('U heeft reeds een offerte van dit product. Wilt u toch doorgaan?');
    return false;
   }
  });
  if ($.fs_vars.addAnyway == true)
  {
   $.post("/includes/offers/addoffertocart.php", { product_id: product_id, properties: properties}, function(data){
    if (data.code == 'success')
    {
     //alert('Uw offerte is toegevoegd aan de offertemand.');
     //toevoegen aan offertemand
     
     if ($('ul#banners_offertemand_contents_list').attr('id') == undefined)
     {
      $('#banners_offertemand_contents').prepend('<ul id="banners_offertemand_contents_list"></ul>');
     }
     
     $('ul#banners_offertemand_contents_list').append(
      '<li id="offerid_' + data.offer_id + '_productid_' + product_id + '" style="display: none;">' +
       '<div class="banners_offertemand_contents_list_buttons">' + 
        '<table cellpadding="0" cellspacing="0">' +
         '<tr>' + 
          '<td class="producttype_button">' +
           '<a class="producttype_button" href="/' + sitetype + '/' + language + '/25/Producten/' + product_id + '?offer_id=' + data.offer_id + '">' +
            data.typenaam +
           '</a>' + 
          '</td>' +
         '<td class="delete_button">' +
          '<a class="delete_button" href="#" ' + 
           'onclick="javascript:deleteOfferFromCart(' + data.offer_id + ', this); return false;"></a>' + 
         '</td>' +
        '</table>' + 
       '</div>' + 
      '</li>');
     $('ul#banners_offertemand_contents_list li:last-child').slideDown();
 
     if ($('div#banners_offertemand_contents').css('display') == 'none')
     {
      // kleurtje fading
      $('#banners_offertemand_yellowbg').show();
      $('#banners_offertemand_yellowbg').fadeOut(4000);
     }
     if ($.fs_vars.refreshAfterAdd == true)
     {
      //alert(refreshlocation);
      if (refreshlocation == undefined)
       location.reload();
      else
       location.replace('http://' + location.hostname + '/' + refreshlocation);
     } else
      refreshOffercart();
    } else
     alert(data);
   }, 'json');
  }
 }
 
 function editOffer(form)
 {
  $.fs_vars.offer_id = offer_id = $(form.offer_id).val();
  var properties = $(form).serialize();
  
  var myParams = getScriptUrlParams();
  var sitetype = myParams["sitetype"];
  var language = myParams["language"];
  
  $.post("/includes/offers/editoffer.php", { offer_id: offer_id, properties: properties}, function(data){
   if (data.code == 'success')
   {
    alert('Uw offerte is bewerkt.');
   } else
    alert(data);
  }, 'json');
 }
 
 function editOfferFromOfferteOverzicht(form, offerid)
 {
  $.dvc_vars.offer_id = offer_id = offerid;
  
  var properties = $(form).serialize();
  
  var newPropertiesRaw = new Object();
  
  $(form).find('input').each(function () {
   var name = $(this).attr('name');
   if (name.substr(0, name.indexOf('_')) == 'offer' + $.dvc_vars.offer_id)
    newPropertiesRaw[name.substr(name.indexOf('_') + 1)] = $(this).val();
  });
  
  newProperties = jQuery.param(newPropertiesRaw);
  
  var myParams = getScriptUrlParams();
  var sitetype = myParams["sitetype"];
  var language = myParams["language"];
  
  $.post("/includes/offers/editoffer.php", { offer_id: offer_id, properties: newProperties}, function(data){
   if (data.code == 'success')
   {
    //alert('Uw offerte is bewerkt.');
   } else
    alert(data);
  }, 'json');
 }
 
 function deleteOfferFromCart(offer_id, anchorobject, fromofferteoverzicht)
 {
  if (fromofferteoverzicht != true)
   fromofferteoverzicht = false;
   
  if (window.confirm('Weet u zeker dat u deze offerte wilt verwijderen?') == true)
  {
   $.post("/includes/offers/deleteofferfromcart.php", { offer_id: offer_id}, function(data) {
    if (data == 'success')
    {
     var offertemand_obj;
     $('ul#banners_offertemand_contents_list li').each(function() {
      var idarr = $(this).attr('id').split('_');
      var offerid = idarr[1];
      if (offerid == offer_id)
      {
       // verwijderen uit offertemand
       $(this).slideUp(function() {
        $(this).remove();
        refreshOffercart();
       });
       return false;
      }       
     });
     
     // en evt uit offerteoverzicht
     if (fromofferteoverzicht == true)
     {
      $(anchorobject).parent('li').slideUp(function() {
       $(this).remove();
       refreshOffercart();
       
       if ($('form#offerte_overzicht_form ul').children().length == 0)
       {
        // geen offertes, offertetoevoeg ding toevoegen
        offerteOverzichtAddOffer($('form#offerte_overzicht_form ul'));
       }
      });
     }
    } else
    {
     alert(data);
    }
   });
  }
 }
 
 function refreshOffercart()
 {
  offertemand_count = $('ul#banners_offertemand_contents_list').children().length;
  
  $('ul#banners_offertemand_contents_list li').each(function (i) {
   if (i % 2 == 0)
    $(this).addClass('even_item');
   else
    $(this).removeClass('even_item');
  });
  
  $('span#banners_offertemand_counter_span').text('(' + offertemand_count + ')');
  if (offertemand_count == 0)
  {
   $('a#banners_offertemand_contents_footer_offerteaanvragen_anchor').hide();
   $('div#banners_offertemand_contents_footer').css('height', '40px');
   $('div#banners_offertemand_contents_footer span#banners_offertemand_contents_footer_zerooffers').show();
   
   $('div#content_holder div#banners_offertemand_contents').hide();
  }
  else
  {
   $('a#banners_offertemand_contents_footer_offerteaanvragen_anchor').show();
   $('div#banners_offertemand_contents_footer').css('height', '62px');
   $('div#banners_offertemand_contents_footer span#banners_offertemand_contents_footer_zerooffers').hide();
   
   
   $('div#content_holder div#banners_offertemand_contents').slideDown('normal', function () {
                                                            $(this).removeClass('animating');
                                                           });
  }
 }
 
 function offerteOverzichtUitInklappen(anchorobject, uitklappen, animatie)
 {
  if (animatie == undefined)
   animatie = true;
//  alert(uitklappen);
  $(anchorobject).attr('onclick', '');
  $(anchorobject).unbind('click');
  if (uitklappen == true)
  {
   $(anchorobject).parent('li').attr('class', 'offerte_overzicht_item_uitgeklapt');
   $(anchorobject).parent('li').css('background-image', 'url("/siteimg/offerte_overzicht_uitgeklapt_top.png")');
   $(anchorobject).css('background-image', 'url("/siteimg/offerte_overzicht_pijl_boven.png")');
   $(anchorobject).siblings('a.delete_button').css('background-image', 'url("/siteimg/offerte_overzicht_deletebtn_light.png")');

   if (animatie == true)
   {
    $(anchorobject).siblings('div.offerte_overzicht_item_details').slideDown("normal", function () {
     $(anchorobject).one('click', function(){
      offerteOverzichtUitInklappen(this, false);
      return false;
     });
    });
   } else
   {
    $(anchorobject).siblings('div.offerte_overzicht_item_details').show();
    $(anchorobject).one('click', function(){
     offerteOverzichtUitInklappen(this, false);
     return false;
    });
   }
   
  } else
  {
   $(anchorobject).parent('li').attr('class', 'offerte_overzicht_item_ingeklapt');
   $(anchorobject).parent('li').css('background-image', 'url("/siteimg/offerte_overzicht_ingeklapt.png")');
   $(anchorobject).css('background-image', 'url("/siteimg/offerte_overzicht_pijl_beneden.png")');
   $(anchorobject).siblings('a.delete_button').css('background-image', 'url("/siteimg/offerte_overzicht_deletebtn.png")');
   
   if (animatie == true)
   {
    $(anchorobject).siblings('div.offerte_overzicht_item_details').slideUp("normal", function () {
     $(anchorobject).one('click', function(){
      offerteOverzichtUitInklappen(this, true);
      return false;
     });
    });
   } else
   {
    $(anchorobject).siblings('div.offerte_overzicht_item_details').hide();
    $(anchorobject).one('click', function(){
     offerteOverzichtUitInklappen(this, true);
     return false;
    });
   }
  }
 }
 
 /*
  * headerimagebuttons
  */
 
  function getCurrentHeaderImg()
  {
   filename       = $('div#header_banner_backg').css('background-image');
   filename       = filename.replace(/\"/g, '');
   //alert(filename);
   filename_array = (filename.substring(4, filename.length - 1)).split('/');
   header_dir     = filename_array[filename_array.length - 2];
   header_image   = filename_array[filename_array.length - 1];
   
   for (i = 0; i < $.fs_vars.headerImages.length; i++)
   {
    //alert($.fs_vars.headerImages[i] + ', ' + header_dir + '/' + header_image);
    if ($.fs_vars.headerImages[i] == (header_dir + '/' + header_image))
    {
     currentHeaderIndex = i;
     break;
    }
   }
   
   return (currentHeaderIndex);
  }
 
  function nextHeaderImg(newTimeOut)
  {   
   if ($.fs_vars.animation_busy != true)
   {
    $.fs_vars.animation_busy = true;
    
    currentHeaderImg = getCurrentHeaderImg();
    if (currentHeaderImg == $.fs_vars.headerImages.length - 1)
     nextIndex = 0;
    else
     nextIndex = currentHeaderImg + 1;
     
    $('div#header_banner_backg').after('<div id="header_banner_backg_new" style="left: 938px; background-image: url(\'/siteimg/headers_jpg/' + $.fs_vars.headerImages[nextIndex] + '\')"></div>')
    $('div#header_banner_backg_wrapper').animate({"left": "-=938px"}, "slow", "linear", function(){
     $('div#header_banner_backg').remove();
     $('div#header_banner_backg_new').css('left', '0px');
     $('div#header_banner_backg_new').attr('id', 'header_banner_backg');
     $('div#header_banner_backg_wrapper').css('left', '0px');
     $.fs_vars.animation_busy = false;
    });
   }
   
   if (newTimeOut == true)    
    setTimeout("nextHeaderImg(true)", $.fs_vars.header_afb_timeout);
  }
  
  function prevHeaderImg()
  {   
   if ($.fs_vars.animation_busy != true)
   {
    $.fs_vars.animation_busy = true;
    
    currentHeaderImg = getCurrentHeaderImg();
    if (currentHeaderImg == 0)
     nextIndex = $.fs_vars.headerImages.length - 1;
    else
     nextIndex = currentHeaderImg - 1;
     
    $('div#header_banner_backg').before('<div id="header_banner_backg_new" style="left: -938px; background-image: url(\'/siteimg/headers_jpg/' + $.fs_vars.headerImages[nextIndex] + '\')"></div>')
    $('div#header_banner_backg_wrapper').animate({"left": "+=938px"}, "slow", "linear", function(){
     $('div#header_banner_backg').remove();
     $('div#header_banner_backg_new').css('left', '0px');
     $('div#header_banner_backg_new').attr('id', 'header_banner_backg');
     $('div#header_banner_backg_wrapper').css('left', '0px');
     $.fs_vars.animation_busy = false;
    });
   }
   
   //$('div#header_banner_backg').css('background-image', 'url("/siteimg/headers_jpg/' + $.fs_vars.headerImages[nextIndex] + '")');
  }
  
  function offerteOverzichtAddOffer(ulObject)
  {
   $(ulObject)
   .prepend('<li class="offerte_overzicht_item_ingeklapt">' +
            '<a name="nieuweofferte"></a>' +
            '<img class="offerte_overzicht_nieuweofferte_icon" alt="Product icoon" src="/siteimg/icons_small/1.1.png"/>' + 
            '<div class="offerte_overzicht_nieuweofferte_div">' + 
             '<div id="offerte_overzicht_nieuweofferte_div_categorie">' + 
             '</div>' + 
             '<div id="offerte_overzicht_nieuweofferte_div_product">' + 
             '</div>' + 
            '</div>' +
           '</li>');
          
   $.post('/includes/producten/getcategories.php', {}, function (data) {
    //alert(data.categories.length);
    $('#offerte_overzicht_nieuweofferte_div_categorie').html('<select id="offerte_overzicht_nieuweofferte_select_categorie" class="width_200"></select>');
    $('#offerte_overzicht_nieuweofferte_select_categorie').append('<option value="Kies uw categorie">Kies uw categorie</option')
    for (i = 0; i < data.categories.length; i++)
    {
     $('#offerte_overzicht_nieuweofferte_select_categorie').append('<option value="' + data.categories[i] + '">' + data.categories[i] + '</option')
    }
    
    replaceSelect('offerte_overzicht_nieuweofferte_select_categorie');  
    
    $('#offerte_overzicht_nieuweofferte_select_categorie').change(function (){
     $('div#offerte_overzicht_nieuweofferte_div_product').html("");
     //alert(this.selectedIndex);
     if (this.selectedIndex != 0)
     {

      $.post('/includes/producten/gettypes.php', {categorie: this.options[this.selectedIndex].value}, function (data) {
       $('#offerte_overzicht_nieuweofferte_div_product').html('<select id="offerte_overzicht_nieuweofferte_select_product" class="width_200"></select>');
       $('#offerte_overzicht_nieuweofferte_select_product').append('<option value="Kies uw type">Kies uw type</option')
       for (i = 0; i < data.types.length; i++)
       {
        $('#offerte_overzicht_nieuweofferte_select_product').append('<option volgorde="' + data.volgordes[i] + '" productid="' + data.ids[i] + '" value="' + data.types[i] + '">' + data.types[i] + '</option')
       }
       
       replaceSelect('offerte_overzicht_nieuweofferte_select_product');
       
       $('#offerte_overzicht_nieuweofferte_select_product').change(function () {
        if (this.selectedIndex != 0)
        {
         $('img.offerte_overzicht_nieuweofferte_icon').attr('src', '/siteimg/icons_small/' + $(this.options[this.selectedIndex]).attr('volgorde') + '.png');
         addOfferToCart(null, true, $(this.options[this.selectedIndex]).attr('productid'), true);
         var formdata = $('#offerte_overzicht_form').serialize();
         //alert(formdata);
         $.get('/includes/offers/savepersoonsgegevenstosession.php?' + formdata);
        }
       });
      }, "json");
     }
    });
    $('#offerte_overzicht_nieuweofferte_select_categorie').change();
   }, "json");
   
   $.fs_vars.next_new_offer_id++;
   window.location.hash = "nieuweofferte";
  }