/* toggle list */

$(document).ready(function() {
	$(".list-faq-toggle div").hide();
	$(".list-faq-toggle li strong").click(function() {
		$(this).parent().toggleClass("open").children("div.answer").toggle();
		$(this).parent().siblings().children("div.answer").hide().parent().removeClass("open");
	});
});

/* Print & Download Center */
$(document).ready(function() {
	$(".page-report div.paragraph").hide();
	
	/* ALL UNFOLD */
	$(".select-all-pages").click(function() {
  		$(this).toggleClass("closed"); // Zorgt voor extra border
		$(this).siblings("ul").toggle(); // Toggle de chapters
	});
	
	/* PARAGRAPH UNFOLD */
	$(".page-report li div.chapter").click(function() {
		$(this).next("div.paragraph").toggle();
		$(this).toggleClass("open");
	});
	
	
//	 select all checkboxes
	var syncControls = function(boxes, checkControls) {
		if (checkControls) 
			boxes.attr('checked', 'checked');
		else
			boxes.removeAttr('checked')
		// syncDesignControls
		for (var i=0; i < boxes.length; i++) {
			boxes[i].DC.updateGUI();
		}
	}
	var checkSiblings = function(inputs, parent) {
		if(inputs.length == inputs.filter(':checked').length) 
				parent.attr('checked', 'checked');
			else 
				parent.removeAttr('checked');
			// syncDesignControls
			parent[0].DC.updateGUI();
	}
	
	$('.select-all-pages input[@type=checkbox]').click(
		function(event){
			var checkControls = false;
			if ($(this).attr('checked')) checkControls = true;
			var boxes = $(this).parents('fieldset').find('input[@type=checkbox]');
			syncControls(boxes, checkControls);
	});
	
	$('.list-report-toggle div.chapter input[@type=checkbox]').click(
		function(event){
			var checkControls = false;
			if ($(this).attr('checked')) checkControls = true;
			var boxes = $(this).parents('.chapter').next('.paragraph').find('input[@type=checkbox]');
			syncControls(boxes, checkControls);
			var inputs = $(this).parents(".list-report-toggle").find('.chapter input:checkbox');
			var parent = $(this).parents("fieldset").find('.select-all-pages input:checkbox');
			checkSiblings(inputs, parent);
	});
	
	$('.list-report-toggle div.paragraph input[@type=checkbox]').click(
		function(event){
			// check if all is checked
			var paragraph = $(this).parents('div.paragraph');
			var inputs = paragraph.find('input:checkbox');
			var parent = paragraph.prev('.chapter').find('input:checkbox');
			var checkedInputs = paragraph.find('input:checked');
			checkSiblings(inputs, parent);
			inputs = $(this).parents(".list-report-toggle").find('.chapter input:checkbox');
			parent = $(this).parents("fieldset").find('.select-all-pages input:checkbox');
			checkSiblings(inputs, parent);
	});
	
	$('#content p.selection a:not(".deselect")').click(function() {
		$('.page-report input[@type=checkbox]').attr('checked', 'checked');
		var boxes = $('.page-report input[@type=checkbox]');
		for (var i=0; i < boxes.length; i++) {
			boxes[i].DC.updateGUI();
		}
		return false;
	});
	$('#content p.selection a.deselect').click(function() {
		$('.page-report input[@type=checkbox]').removeAttr('checked');
		var boxes = $('.page-report input[@type=checkbox]');
		for (var i=0; i < boxes.length; i++) {
			boxes[i].DC.updateGUI();
		}
		return false;
	});
	
	
	
	
//	$('.list-report-toggle div.chapter input[@type=checkbox]').click(
//		function(){
//			var boxes;
//			boxes = $(this).parents('.chapter').next('.paragraph').find('input[@type=checkbox]');
//			boxes.attr('checked', this.checked);
//			syncDesignControls(boxes);
//			
//			boxes = $(this).parents('.list-report-toggle').siblings('.select-all-pages').find('input[@type=checkbox]');
//			boxes.removeAttr('checked');
//			syncDesignControls(boxes);
//		},
//		function(){ 
//			$(this).parents('.chapter').next('.paragraph').find('input[@type=checkbox]').removeAttr('checked');
//			var boxes = $(this).parents('.chapter').next('.paragraph').find('input[@type=checkbox]');
//			syncDesignControls(boxes);
//			$(this).parents('.list-report-toggle').siblings('.select-all-pages').find('input[@type=checkbox]').removeAttr('checked');
//			var boxes = $(this).parents('.list-report-toggle').siblings('.select-all-pages').find('input[@type=checkbox]');
//			syncDesignControls(boxes);
//		}
//	);
//	
//	$('.list-report-toggle div.paragraph input[@type=checkbox]').click(function() {
//		$(this).parents('.paragraph').prev('.chapter').find('input[@type=checkbox]').removeAttr('checked');
//		$(this).parents('.page-report').find('.select-all-pages input[@type=checkbox]').removeAttr('checked');
//		var boxes = $(this).parents('.paragraph').prev('.chapter').find('input[@type=checkbox]');
//		for (var i=0; i < boxes.length; i++) {
//			boxes[i].DC.updateGUI();
//		}
//		var boxes2 = $(this).parents('.page-report').find('.select-all-pages input[@type=checkbox]').removeAttr('checked');
//		for (var i=0; i < boxes2.length; i++) {
//			boxes2[i].DC.updateGUI();
//		}
//		
//	});
//	
//	$('#content p.selection a:not(".deselect")').click(function() {
//		$('.page-report input[@type=checkbox]').attr('checked', 'checked');
//		var boxes = $('.page-report input[@type=checkbox]');
//		for (var i=0; i < boxes.length; i++) {
//			boxes[i].DC.updateGUI();
//		}
//		return false
//	});
//	$('#content p.selection a.deselect').click(function(){ 
//		$('.page-report input[@type=checkbox]').removeAttr('checked');
//		var boxes = $('.page-report input[@type=checkbox]');
//		for (var i=0; i < boxes.length; i++) {
//			boxes[i].DC.updateGUI();
//		}
//		return false
//	});

	
});

/* GRI-index page */
$(document).ready(function() {
	$(".list-gri-toggle div.answer").hide();
		$(".list-gri-toggle li").addClass('gri-toggle-closed');
		$(".list-gri-toggle li div.answer").parent('li').removeClass('gri-toggle-closed').click(function(event) {
			if (!$(event.target).is("a")) {
				$(this).toggleClass("open").children("div.answer").toggle();
				$(this).siblings().children("div.answer").hide().parent().removeClass("open");
				$(this).find("a").unbind();
				}
		});
});

/*
Is removed due to error on retail.
Probably corporate is broken now.

$(document).ready(function(){
	$("body").addClass("DOMEnabled");
	$(".tabitem div").hide();
	$(".tabitem:first-child").show();
	$(".tabitem:first-child+div").hide();
	$("#tab1").click(
		function () {
			$(this).addClass("active");
			$("#tab2").removeClass("active");
			$(this)[0].blur();
			$(".tabitem:first-child").show();
			$(".tabitem:first-child+div").hide();
			return false;
		}
	);
	$("#tab2").click(
		function () {
			$("#tab1").removeClass("active");
			$(this).addClass("active");
			$(this)[0].blur();
			$(".tabitem:first-child").hide();
			$(".tabitem:first-child+div").show();
			return false;
		}
	);
	
	

	$(".tabcontent .tabitem:eq(0) h2.more-toggle span").text("Toon andere onderwerpen");
	$(".tabcontent .tabitem:eq(1) h2.more-toggle span").text("Toon andere medewerkers");
	$(".tabcontent .tabitem:eq(0) h2.more-toggle span").toggle(function(){ 
		$(this).parent().next().toggle();
		$(this).text("Verberg andere onderwerpen");
	},function(){ 
		$(this).parent().next().hide();
		$(this).text("Toon andere onderwerpen"); 
	});			
	$(".tabcontent .tabitem:eq(1) h2.more-toggle span").toggle(function(){ 
		$(this).parent().next().toggle();
		$(this).text("Verberg andere medewerkers");
	},function(){ 
		$(this).parent().next().hide();
		$(this).text("Toon andere medewerkers"); 
	});			

	
	$(".tabcontent .tabitem:eq(0) h2.more-toggle-en span").text("Show other subject");
	$(".tabcontent .tabitem:eq(1) h2.more-toggle-en span").text("Show other employees");
	$(".tabcontent .tabitem:eq(0) h2.more-toggle-en span").toggle(function(){ 
		$(this).parent().next().toggle();
		$(this).text("Hide other subject");
	},function(){ 
		$(this).parent().next().hide();
		$(this).text("Show other subject"); 
	});			
	$(".tabcontent .tabitem:eq(1) h2.more-toggle-en span").toggle(function(){ 
		$(this).parent().next().toggle();
		$(this).text("Hide other employees");
	},function(){ 
		$(this).parent().next().hide();
		$(this).text("Show other employees"); 
	});			
});

*/

// table reportinf
$(document).ready(function() {
	$('div#content .tabel tbody tr.collapse-report').parent('tbody').find('tr:not(.collapse-report)').hide().addClass('row-hidden');
	$('div#content .tabel tbody tr.collapse-report').addClass('report-closed');
	$('div#content .tabel tbody tr.collapse-report td p').toggle(function() {
		$(this).parent().parent().addClass('report-open').removeClass('report-closed')
		$(this).parent().parent().parent().find('tr:hidden').show().removeClass('row-hidden');
	}, function() {
			$(this).parent().parent().addClass('report-closed').removeClass('report-open')
			$(this).parent().parent().parent().find('tr:visible:not(.collapse-report)').hide().addClass('row-hidden');
	});
});

// Bespaarplein
$(document).ready(function() {
	$(".list-tips > li").hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});

	$(".list-tips > li").addClass('closed-tip');
	
	// Bekijk/sluit knop
	$(".list-tips > li").append('<a href="#" class="more">Open</a>');
	$(".list-tips > li").click(function(e) {
		var $moreText = $(this).find('a.more').text();
		if ($moreText == 'Sluiten') {
			$(this).removeClass('open-tip').find('a.more').text('Open')
		} else {
			$(this).toggleClass('open-tip').find('a.more').text('Sluiten')
			// remove class siblings this column
			.parent().siblings().removeClass('open-tip').find('a.more').text('Open')
			// remove class open-item next or previous column
			.parents('.column').siblings().find('li').removeClass('open-tip').find('a.more').text('Open');
		}
		e.preventDefault();
	});	
	
	$(".list-tips .tips-information a").click(function(){
		$(this).parents('.closed-tip').removeClass('closed-tip').addClass('open-tip');
		window.location=$(this).attr("href");
	});

	// table-tips
	$('#content .table-tips tbody tr:first').addClass('hover');
	$('#content .table-tips tbody tr').hover(function() {
		$(this).siblings().removeClass();
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass();
	});

	$("#content div.bigTarget h3 a").bigTarget({
		hoverClass: 'bigTarget-hover', // CSS class applied to the click zone onHover
		clickZone : 'div:eq(0)' // jQuery parent selector
	});
	
	$('.list-tips').columns({columns: 2});
	
});

$(window).ready(function(){
	$(".form-pulldowns fieldset").each(function() {
		$fs = $(this);
$options = $fs.find(".DCscroller span")
		$options.click(function() {
			$(this).parents("fieldset").find(".inlinesubmit").click();
		});
		$fs.find(".DCselect .status").css("width", "150px");
	});
});

$(document).ready(function() {
	$("div.tabblock ul.tabnavigation, div.tabheader ul.tabnavigation").each(function() {
		var windowHref = location.href.split("?")[0];
		windowHref = windowHref.replace(/\/index.jsp$/, "/").toLowerCase();

		var $currentTabBlock = $(this);
		var tabSelected = false;
		$currentTabBlock.find("a").each(function() {
			var tabHref = this.href.split("?")[0];
			tabHref = tabHref.replace(/\/index.jsp$/, "/").toLowerCase();
			if(windowHref == tabHref) {
				$(this).parent().addClass("active");
				$(this).removeAttr("href");
				tabSelected=true;
			} else {
				$(this).css("cursor", "pointer");				
			}
		});
		if(!tabSelected) {
			$currentTabBlock.find("a").eq(0).parent().addClass("active");
		}
	});
}); 

var $theTipForm = null;

$(document).ready(function(){
 
 $("a[rel=dialog-saving-tip-form]").click(function() {
  $("#ajax-form").empty();
  $.get("/bespaarpleintipform.inc", 
    function(data) {
     $("#ajax-form").append(data);
     new DesignControls();
     $("#submit-tip").click(function() {
      return ajaxSubmitTip();
     });
    }
  );
 });
});

function ajaxSubmitTip() {
 try {
	 $("#form_error").empty();
	 $("span.errormessage").remove();
	 
     var category = document.tipform.category.value;
     var tiptitle = document.tipform.tiptitle.value;
     var tiptekst = document.tipform.tiptekst.value;
 
     var naam = document.tipform.naam.value;
     var woonplaats = document.tipform.woonplaats.value;
     var email = document.tipform.email.value;
      
     var keepUpToDateNuon = document.tipform.keepUpToDateNuon.checked;

     var result = validateEmail($("#email"));
     result &= validateRequired($("#naam"));
     result &= validateRequired($("#tiptitle"));
     result &= validateRequired($("#tiptekst"));
     result &= validateRequired($("#category"));

   if(!result) {
	$("#form_error").append('<strong>Let op!</strong> Het formulier is niet juist of onvolledig ingevuld. Corrigeer de aangegeven velden om verder te gaan');
    return false;
   }

   var generated_view = $.ajax({
    url: "/bespaarpleintipform.inc",
    data: "_finish=finish&tip.category=" + category + "&tip.tiptitel=" + tiptitle +
     "&tip.tiptekst=" + tiptekst + "&gegevens.naam=" + naam + 
     "&gegevens.woonplaats=" + woonplaats + "&email.email=" + email + "&optIn.keepUpToDateNuon=" + keepUpToDateNuon ,
    cache: false,
    type: "POST",
    async: false
    }).responseText;
    
    $("#ajax-form").empty();
    $("#ajax-form").append(generated_view);
    
 } catch(exc) {
  alert(exc);
 }
 return false;
}

$(document).ready(function(){
$("#dialog-tip-of-the-week").appendTo("body");
});

function validateRequired($formField) {	
	$formField.parent("div.field").removeClass("error");
	var formValue = $formField.val();
	if(formValue==null || formValue=="") {
		$formField.parent("div.field").addClass("error");
		$formField.after("<span class='errormessage'>Verplicht veld</span>");
		return false;		
	} else {
		return true;
	}
}

function validateEmail($formField) {
	$formField.parent("div.field").removeClass("error");
	var str = $formField.val();
	var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // not valid
	var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/; // valid
	var valid = (!reg1.test(str) && reg2.test(str)); // if syntax is valid
	if(!valid) {
		$formField.parent("div.field").addClass("error");
		$formField.after("<span class='errormessage'>Dit is geen geldig emailadres</span>");
//<span class="validation-message" style="margin-left: 140px; color: purple">Verplicht!</span>
		return false;		
	}	else {
		return true;		
	}
}


$(document).ready(function() {
	$("#rotator, #rotator-subhomepage, #rotator-business").each(function() {
		var flash = $(this).find("a[href$=.flv]").size()>0;
		if(flash) {
			new FlashActionRotator(this);
		} else if($(this).is("#rotator-business")) {
			new BizActionRotator(this);
		
		} else {
			new ActionRotator(this);
		}
	});

	$(".video-preview").each(function() {
		var flash = $(this).find("a[href$=.flv]").size()>0;
		if(flash) {
			new VideoPreview(this);
		} 
	});


	
	// if in iframe set css class
	if (window.top != window) {
		$("#canvas").addClass("nonav");
		
	}
	
	initGsaClick();
	initSearch();
});

function initGsaClick() {
	$("a.gsa").click(  function() {
		var clickdata = {};
		var r = $(this).attr("google:r");
		var url = $(this).attr("google:url");
		var ct = $(this).attr("google:ct");
		var site = $(this).attr("google:site");
		var s = $(this).attr("google:s");
		if (ct == null || ct == "" || ct == "undefined") {
			ct = "c";
		}
		if (r == null || r == "undefined") {
			r = "";
		}		
		if (s == null || s == "undefined") {
			s = "";
		}
		var q = $("#ask-a-question")[0].value;
		
		clickdata["q"] = q;
		clickdata["r"] = r;		
		clickdata["url"] = url
		clickdata["ct"] = ct;
		clickdata["site"] = site;
		clickdata["s"] = s;
		
		var contextPath = "";
		if (window.location.pathname.substr(0,10)=="/zakelijk/") {
			contextPath = "/zakelijk";
		}
		
		$.ajax({
			url: contextPath + "/system/gsaclick.jsp",
			data: clickdata,
			cache: false,
			type: "POST",
			async: false
			});

	});
}

function initSearch() {
	$("input.searchsubmit").click(
			function() {
				// reset search in s_code.js
				if (s_searchReset) {
					s_searchReset();					
				}
			}
	);
}