$(document).ready(function() {

	var login = '<div id="login"><form action="http://www.fx500.nl/login/" method="post"><b>Login:&nbsp;</b><input class="style" type="text" name="gebruikersnaam" maxlength="50" value="" placeholder="Gebruikersnaam" lang=nl-NL x-webkit-speech autocomplete="off" />&nbsp;<input class="style" type="password" name="wachtwoord" maxlength="25" value="" placeholder="Wachtwoord" autocomplete="off" />&nbsp;<input type="submit" name="login" value="" class="button" /></form></div>'
	
	$("#sub_menu").html(login)
	
							   
	$("#menu_home").hover(function() {
		$("#sub_menu").html(login)
	});


	$("#menu_diensten").hover(function() {
		$("#sub_menu").html('<ul><b><li><a href="http://www.fx500.nl/diensten/webdesign">Webdesign</a></li><li><a href="http://www.fx500.nl/diensten/grafisch">Grafisch ontwerp</a></li><li><a href="http://www.fx500.nl/diensten/android">Android apps</a></li></b></ul>'+login)
	});
 

	$("#menu_portfolio").hover(function() {
		$("#sub_menu").html('<ul><b><li><a href="http://www.fx500.nl/portfolio/webdesign">Websites</a></li><li><a href="http://www.fx500.nl/portfolio/grafisch">Huisstijl</a></li><li><a href="http://www.fx500.nl/portfolio/android">Android apps</a></li></b></ul>'+login)
	});


	$("#menu_contact").hover(function() {
		$("#sub_menu").html('<ul><b><li><a href="http://www.fx500.nl/contact">Contact formulier</a></li><li><a href="http://www.fx500.nl/contact/offerte">Offerte maken</a></li><li><a href="http://www.fx500.nl/contact/prijzen">Prijslijsten</a></li></b></ul>'+login)
	});


	$("#menu_mobiel").mouseover(function() {
		$("#sub_menu").html('<ul><b><li><a href="http://m.fx500.nl/">Mobiele website</a></li><li><a href="http://m.fx500.nl/instellingen">Mobiele instellingen</a></li><li><a href="https://market.android.com/details?id=nl.fx500.fx500design" target="_blank">Android app</a></li></b></ul>'+login)
	});

	$("#menu_twitter").mouseover(function() {
		$("#sub_menu").html(login)
	});
	
	$("#menu_facebook").mouseover(function() {
		$("#sub_menu").html(login)
	});
	
	$("#logo").mouseover(function() {
		$("#sub_menu").html(login)
	});
	
});