$(document).ready(function() {
 
	$('#accordion_ontbijt div.content').hide();
	$('#accordion_ontbijt #content_1').toggle('');
	$('#accordion_ontbijt h3').click(function() {
		$(this).toggleClass("active");					
		$(this).next('div').slideToggle('fast');
	});
	
	$('#accordion_lunch div.content').hide();
	$('#accordion_lunch #content_2').toggle('');
	$('#accordion_lunch h3').click(function() {
		$(this).toggleClass("active");					
		$(this).next('div').slideToggle('fast');
	});
	
	$('#accordion_warm div.content').hide();
	$('#accordion_warm #content_3').toggle('');
	$('#accordion_warm h3').click(function() {
		$(this).toggleClass("active");					
		$(this).next('div').slideToggle('fast');
	});		
	
	$('#accordion_tussendoor div.content').hide();
	$('#accordion_tussendoor #content_4').toggle('');
	$('#accordion_tussendoor h3').click(function() {
		$(this).toggleClass("active");					
		$(this).next('div').slideToggle('fast');
	});		

  //layers verbergen voor maaltijden
  $('#md_lunch')[0].style.display = 'none';
  $('#md_warm')[0].style.display = 'none';
  $('#md_tussendoor')[0].style.display = 'none';									
});	


$(document).ready(function(){
  $('input').blur(function() {
  
	if(this.id != 'email' && this.id != 'btn_inschrijven') {
		
		//controleer of waarde valide is (int). If not, exit function
		if(checkInt(this) != false) {
			//vorige aantal eenheden ophalen
			var previous = parseFloat(document.getElementById(this.id+'_previous').value);
			previous = (previous == '') ? 0 : previous;
			
			//herbereken totaal (oude waarde weg, nieuwe erbij)
			var newValue = (this.value * (parseFloat(document.getElementById(this.id+'_korrels').value)*0.025)); 
			$('#totalkorrels')[0].value = parseFloat($('#totalkorrels')[0].value) - (parseFloat(document.getElementById(this.id+'_previous').value) * (parseFloat(document.getElementById(this.id+'_korrels').value)*0.025));
			//id=boodschappenlijstje legen
			removeFromList(this.id);
			
			$('#totalkorrels')[0].value = parseFloat($('#totalkorrels')[0].value) + newValue;  		
			//id=boodschappenlijstje aanvullen
			
			addToList(this.id, newValue);
			
			if(this.value == '' || this.value == 0) {
			
				document.getElementById(this.id+'_previous').value = 0;
				
				//id=boodschappenlijstje legen
				removeFromList(this.id);
				
			} else {
			
				document.getElementById(this.id+'_previous').value = this.value;
										
			}
	
			$('#total_top')[0].innerHTML = Math.round($('#totalkorrels')[0].value * 1000) / 1000;
			$('#total_bottom')[0].innerHTML = (Math.round($('#totalkorrels')[0].value * 1000) / 1000) +' g';
			
			toggleZoutvat($('#totalkorrels')[0].value);
			
			//alert($('#totalkorrels')[0].value);	
		}   
		
	}
  });
  
});

function toggleZoutvat(aantal) {
	if(aantal < 4) {
		$('#mealselect')[0].className = 'green';
		$('#shoplist')[0].className = 'green';
		$('#salt')[0].style.display = 'none';
	} else if(aantal < 6) {
		$('#mealselect')[0].className = 'orange';
		$('#shoplist')[0].className = 'orange';
		$('#salt')[0].style.display = 'none';
	} else {
		$('#mealselect')[0].className = 'red';
		$('#shoplist')[0].className = 'red';
		$('#salt')[0].style.display = 'block';
	}

	$('#btn_bekijk')[0].href = 'zt_resultaat.php?score='+aantal+'&amp;height=280&amp;width=350';
}

function removeFromList(objid) {
	if(document.getElementById(objid+'_list')) {
		
		//$('#'+objid+'_list').fadeOut('slow', function() {
		var d = document.getElementById(objid+'_list');
		$('#boodschappenlijstje')[0].removeChild(d);			
		//});
	}		
}

function removeProduct(objid) {
	//verwijderen uit lijst
	removeFromList(objid);
	
	//productveldjes legen
	
	$('#totalkorrels')[0].value = parseFloat($('#totalkorrels')[0].value) - (parseFloat(document.getElementById(objid+'_previous').value) * (parseFloat(document.getElementById(objid+'_korrels').value*0.025)));
	document.getElementById(objid+'_previous').value = 0;
	document.getElementById(objid).value = '';
	
	$('#total_top')[0].innerHTML = Math.round($('#totalkorrels')[0].value * 1000) / 1000;
	$('#total_bottom')[0].innerHTML = (Math.round($('#totalkorrels')[0].value * 1000) / 1000) +' g';
	
	toggleZoutvat($('#totalkorrels')[0].value);
	
}

function addToList(objid, newValue) {
	var slist = document.createElement('li');
	slist.setAttribute('id', objid+'_list');
	$('#boodschappenlijstje')[0].appendChild(slist);
	
	var slist_a = document.createElement('a');
	slist_a.setAttribute('href', 'javascript:removeProduct('+objid+')');
	slist.appendChild(slist_a);
	
	var slist_span1 = document.createElement('span');
	slist_span1.className = 'product'; //setAttribute('className', 'product');
	slist_a.appendChild(slist_span1);
	//prodname toevoegen
	var text1 = document.createTextNode(document.getElementById(objid+'_name').value);
	slist_span1.appendChild(text1);
	
	var slist_span2 = document.createElement('span');
	slist_span2.className = 'amount'; //setAttribute('className', 'amount');
	slist_a.appendChild(slist_span2);
	//aantal mg toevoegen
	var text2 = document.createTextNode((Math.round(newValue*1000)/1000)+' g');
	slist_span2.appendChild(text2);
	
	$('#btn_bekijk')[0].style.display = 'block';

}

function toggleMaaltijd(activeDiv) {
	switch(activeDiv) {
		case 'md_ontbijt':
			$('#md_ontbijt').show()
			$('#md_lunch').hide()
			$('#md_warm').hide()
			$('#md_tussendoor').hide()
			
			$('#ms_ontbijt')[0].firstChild.className= 'active';
			$('#ms_lunch')[0].firstChild.className = '';
			$('#ms_warm')[0].firstChild.className = '';
			$('#ms_tussendoor')[0].firstChild.className = '';

			$('#previous')[0].innerHTML = '';
			$('#next')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_lunch\')" class="btn_lunch_nxt">Lunch</a>';

			break;
			
		case 'md_lunch':
			$('#md_ontbijt').hide()
			$('#md_lunch').show()
			$('#md_warm').hide()
			$('#md_tussendoor').hide()
			
			$('#ms_ontbijt')[0].firstChild.className = '';
			$('#ms_lunch')[0].firstChild.className = 'active';
			$('#ms_warm')[0].firstChild.className = '';
			$('#ms_tussendoor')[0].firstChild.className = '';
					
			$('#previous')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_ontbijt\')" class="btn_ontbijt">Ontbijt</a>';
			$('#next')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_warm\')" class="btn_warm_nxt">Warme maaltijd</a>';
			break;		
			
		case 'md_warm':
			$('#md_ontbijt').hide()
			$('#md_lunch').hide()
			$('#md_warm').show()
			$('#md_tussendoor').hide()
			
			$('#ms_ontbijt')[0].firstChild.className = '';
			$('#ms_lunch')[0].firstChild.className = '';
			$('#ms_warm')[0].firstChild.className = 'active';
			$('#ms_tussendoor')[0].firstChild.className = '';

			$('#previous')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_lunch\')" class="btn_lunch_prev">Lunch</a>';
			$('#next')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_tussendoor\')" class="btn_td">Tussendoortjes</a>';
			break;			
			
		case 'md_tussendoor':
			$('#md_ontbijt').hide()
			$('#md_lunch').hide()
			$('#md_warm').hide()
			$('#md_tussendoor').show()
			
			$('#ms_ontbijt')[0].firstChild.className = '';
			$('#ms_lunch')[0].firstChild.className = '';
			$('#ms_warm')[0].firstChild.className = '';
			$('#ms_tussendoor')[0].firstChild.className = 'active';

			$('#previous')[0].innerHTML = '<a href="javascript:toggleMaaltijd(\'md_warm\')" class="btn_warm_prev">Warme maaltijd</a>';
			$('#next')[0].innerHTML = '';
			break;												
	}
}

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: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			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.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

function setZoutvatLayer()
{	
	 var zoutvat = $("mealselect");
	
	 /* attach setPos to window object to enable setInterval to access it */
	 window.setPos = function()
	 {
	 var fromTop = document.body.scrollTop || (document.documentElement && document.documentElement.scrollTop);
	 var page = $("container");
	
	 /* page is being/has been scrolled */
	 if (fromTop >= 0 && fromTop < 1024)
	 {
	 	if(fromTop > 600) {
	 		document.getElementById('mealselect').style.marginTop = (fromTop - 200) + "px";
	 		
	 		if(BrowserDetect.browser == 'Explorer') {
	 			document.getElementById('salt').style.marginTop = "-313px";
	 			document.getElementById('salt').style.marginLeft = "1px";
	 		}
	 	} else {
	 		document.getElementById('mealselect').style.marginTop = (fromTop + 10) + "px";
	 		
	 		if(BrowserDetect.browser == 'Explorer') {
	 			document.getElementById('salt').style.marginTop = "-313px";
	 			document.getElementById('salt').style.marginLeft = "1px";
	 		}
	 	}
		 
	 }
	
	 }
	
	 if (zoutvat)
	 {
		 /* repeat scroll check and positiong */
		 setInterval("window.setPos()", 100);
	 }
}