$(document).ready(function(){									 
	// select one or more elements to be overlay triggers
	
	
	/* SHOW BACKGROUND*/
	supersized();
	
	/* SHOW MENU*/
	/*jQuery('.submenu').accordion({ 
			header: 'div.row1', 
			alwaysOpen: false, 
			autoheight: false 
	});	*/

	/* SLIDESHOW */
	$('.slideshow').cycle({
			fx:     'scrollLeft',
			timeout: 5000
	 });
	

	/* FORM VALIDATE */
	$.metadata.setType("attr", "validate");
	$("#contactForm").validate();	
	$("#quick-scan-form").validate();	

	$("a.printme").click(function(e){
		e.preventDefault();
		window.print();
	});
	
	if($("#cases_select").size() > 0)
	{
		$("#cases_select").change(function(){
			var base_url = $(this).attr("base_url");
			if($(this).val() == '')
			{
				window.location = base_url+"cases";
			}
			else
			{
				window.location = base_url+"cases?dienst_id="+$(this).val()+"";
			}
			
		});
	}
		
	
	
	/* BEGIN CHECK COMBISET */
		$(":radio").click(function(e){
			
			var items = $(":radio:checked");
			
			if(items.size() == $(":radio").size() / 2 )
			{
				$("input.bekijk-resultaat").show();				
			}
		});
	/* END BEGIN CHECK COMBISET */
	
		$("input.bekijk-resultaat").click(function(e){
				e.preventDefault();
				
				var items = $(":radio:checked");
				
				var url = $("input[name=api_call_url]").val();
				
				var url_resultaat = $("input[name=get_diensten_by_resultaat_id]").val();
				
				
				var parameters =  jQuery.param( items) ;
				
				$.getJSON(url, $.makeArray(items), function(object) {
					//alert("RESULT BACK FROM ARRAY");
					var result = object.data[0];
					var html = "<div id='sideContent' class='resultaat'><div class='innerBlock'><div style='poisition:absolute;'><a href='' class='close-result'>X</a></div><div class='row1'>Het resultaat van de Quick Scan</div><div class='row3' id='resultaat_tekst'>"+result.resultaat_tekst+"</div><div id='passende-diensten' class='row7'><p>De volgende producten & diensten van Fortrus zijn hierop van toepassing:</p><ul class='' id='get_diensten_resultaat'></ul><br /><a href='contact?"+parameters+"' class='deel-resultaat'>Deel uitkomst met Fortrus</a> <a href='contact?"+parameters+"' class='deel-resultaat'><img src='css/images/pijl1.png' align='absmiddle' /></a></div></div></div>";
					
					
					
					$.getJSON(url_resultaat, {'resultaat_id': result.id}, function(object){
						var diensten = object.data;
						
						$.each(diensten, function(key, dienst){

							$("ul#get_diensten_resultaat").append("<li><a href='"+dienst.url_alias+"'>"+dienst.titel+"</a></li>");
						});
					});
					
					
					$('#mainContent').after(html);
					$("#sideContent").overlay({

						// custom top position
						top: 20,

						// some mask tweaks suitable for facebox-looking dialogs
						mask: {

							// you might also consider a "transparent" color for the mask
							color: '#000',

							// load mask a little faster
							loadSpeed: 200,

							// very transparent
							opacity: 0.8
						},

						// disable this for modal dialog-type of overlays
						closeOnClick: true,

						// load it immediately after the construction
						load: true,
						
						closeOnEsc: true,
						onClose: function() {
							$("#sideContent").remove();
						},
						onLoad:  function() {
							//this.getOverlay().insertAfter('#mainContent');
						}
					});
					
					if(result.id == 1) { $("#passende-diensten").remove();}
				
					 $("div#sideContent").appendTo('body');
						$("a.close-result").click(function(e){
							e.preventDefault();
							$("#sideContent").overlay().close();
						});
					
				});
					
				
			});
			
			
	


});

function check_case_panel()
{
	
}

// wanneer een case gekozen wordt in de cases pagina
function call_case_by_id()
{
	 $("a.case_caller").click(function() {
		var case_id = $(this).attr('case_id');
		var url =  $("select").attr("case_by_id_api")+case_id;
		
		//we weten nu welke case id er gekozen wordt, we gaan vragen of de api ons de case content kan terug geven
		$.getJSON(url, function(object) {
			var _case = object.data;
			var afbeelding_tag = "";
			if(_case.afbeelding != "")
			{
				afbeelding_tag = "<img src='media/content/"+_case.afbeelding+"' />";
			}
			
			var html = "<div id='sideContent' style='background-color: #fff;'><div id='innerBlock'><div class='row1'>"+_case.titel+"</div><div class='row2'>"+afbeelding_tag+"</div><div class='row3'>"+_case.tekst+"</div><div class='row4'><div class='col1'><a href=''><a href=''><img src='css/images/icon_print.gif' align='absmiddle' /></a><a href=''>Print dit artikel</a><br /><a href=''><img src='css/images/icon_pdf.gif' align='absmiddle' /></a><a href=''>Download dit artikel</a></div><div class='col2'>Deel dit artikel:<br /><a href=''><img src='css/images/icon_linkedin.gif' align='absmiddle' /></a><a href=''>Linkedin</a> <a href=''><img src='css/images/icon_facebook.gif' align='absmiddle' /></a><a href=''>Facebook</a></div></div></div></div>";
			
			$("#sideContent").remove();
			$("#mainContent").after(html);
			$("#sideContent").hide();
			$("#sideContent").slideToggle();
		});
  });
}

function supersized()
{

	$(function(){
		$.fn.supersized.options = {  
			startwidth: 1024,  
			startheight: 768,
			minsize: .50,
			slideshow: 1,
			slideinterval: 5000  
		};
        $('#supersize').supersized(); 
    });

}

	/* BEGIN GOOGLE CHECK */
	var tekstInAddressField = "";
	$(document).ready(function(){
		tekstInAddressField = $("#addressfield").attr("value");
		$('#addressfield').focus(function() {
			if ($(this).attr("value") == tekstInAddressField)
			{
				$(this).attr("value","");
			}
		}).blur(function() {
			if ($(this).attr("value") == "")
			{
				$(this).attr("value",tekstInAddressField);
			}
		});
	});	
	function doGoogleOpen(){
		if ($('#addressfield').attr("value") != tekstInAddressField && $('#addressfield').attr("value") != "")
		{
			window.open('http://maps.google.com/?f=d&source=s_d&daddr=Roellstraat 1, 6814 JC Arnhem, Nederland&saddr=' + document.getElementById('addressfield').value + '&hl=nl&geocode=');
		}
		else
		{
			alert("U moet een adres invullen!");
		}
	}
	var tekstInAddressField2 = "";
	$(document).ready(function(){
		tekstInAddressField2 = $("#addressfield2").attr("value");
		$('#addressfield2').focus(function() {
			if ($(this).attr("value") == tekstInAddressField2)
			{
				$(this).attr("value","");
			}
		}).blur(function() {
			if ($(this).attr("value") == "")
			{
				$(this).attr("value",tekstInAddressField2);
			}
		});
	});		
	function doGoogleOpen2(){
		if ($('#addressfield2').attr("value") != tekstInAddressField2 && $('#addressfield2').attr("value") != "")
		{
			window.open('http://maps.google.com/?f=d&source=s_d&daddr=Evert van de Beekstraat 312, Schiphol, Nederland&saddr=' + document.getElementById('addressfield2').value + '&hl=nl&geocode=');
		}
		else
		{
			alert("U moet een adres invullen!");
		}
	}	
	/* END GOOGLE CHECK */

