// JavaScript Document

$(document).ready(function(){
	
		function mouseoverfn()  {	$(this).find('ul:first').slideDown(300);	};
		function mouseleavefn() { $('.sub-nav').slideUp(300); };
		var config = { sensitivity: 3, interval: 50, over: mouseoverfn, timeout: 50, out: mouseleavefn };
		$('.main-nav').hoverIntent(config);
		
		function hoverHome()       {	$('#sub-home').slideDown(300); };
		function leaveHome()       { $('#sub-home').slideUp(300); };
		function hoverWebDesign()  {	$('#sub-webdesign').slideDown(300);   $('#sub-nav-link-webdesign').removeClass().addClass('main-nav-links-hover');	};
		function leaveWebDesign()  { $('#sub-webdesign').slideUp(300);     $('#sub-nav-link-webdesign').removeClass(); };
		function hoverHosting()    {	$('#sub-hosting').slideDown(300);     $('#sub-nav-link-hosting').removeClass().addClass('main-nav-links-hover');	};
		function leaveHosting()    { $('#sub-hosting').slideUp(300);       $('#sub-nav-link-hosting').removeClass(); };
		function hoverMobileApps() {	$('#sub-mobileapps').slideDown(300);  $('#sub-nav-link-mobileapps').removeClass().addClass('main-nav-links-hover');	};
		function leaveMobileApps() { $('#sub-mobileapps').slideUp(300);    $('#sub-nav-link-mobileapps').removeClass(); };
		function hoverContact()    {	$('#sub-nav-link-contact').removeClass().addClass('main-nav-links-hover');	};
		function leaveContact()    { $('#sub-nav-link-contact').removeClass(); };
	
		var configHome       = { sensitivity: 3, interval: 50, over: hoverHome,       timeout: 100, out: leaveHome };
		var configWebDesign  = { sensitivity: 3, interval: 50, over: hoverWebDesign,  timeout: 100, out: leaveWebDesign };
		var configHosting    = { sensitivity: 3, interval: 50, over: hoverHosting,    timeout: 100, out: leaveHosting };
		var configMobileApps = { sensitivity: 3, interval: 50, over: hoverMobileApps, timeout: 100, out: leaveMobileApps };
		var configContact    = { sensitivity: 3, interval: 50, over: hoverContact,    timeout: 100, out: leaveContact };
		
		$('.main-nav-home').hoverIntent(configHome);
		$('.main-nav-webdesign').hoverIntent(configWebDesign);
		$('.main-nav-hosting').hoverIntent(configHosting);
		$('.main-nav-mobileapps').hoverIntent(configMobileApps);
		$('.main-nav-contact').hoverIntent(configContact);

  var loginVisible = false;
		
		$('#login-username').click(function() {
			 $(this).css('color','#000').val('');
		});
		
		$('#main-nav-login').click(function() {
				if(loginVisible) {
						$('#login-form').fadeOut(400);
						$('#main-nav-login-btn .main-nav-login').css({'background-position':'0 -28px'});
						loginVisible = false;
				} else {
						$('#login-username').css('color','#000').val('');
						$('#login-password').val('');
						$('#login-form').fadeIn(400);
						$('#main-nav-login-btn .main-nav-login').css({'background-position':'0 0'});
						loginVisible = true;
						$('#login-submit').click(function() {
							 $('#login-username').css('color','#ff0000').val('Invalid!');
						  $('#login-password').val('');
						});
							 
				}
		});
		
});