$(document).ready(function() {
	
	$('body').addClass('js');
	$('body').removeClass('no-js');


	$('#main-nav ul li').mouseenter(function() {

		var link = $(this).children('a');
		var rollover = $(link).children('.rollover');
		var parent = $(this).parent('ul').parent('li');

		if($(parent).length) {

			$(link).animate({
				color:'#d8eb47'
			},200);

		} else {

			var submenu = $(this).children('ul');
      var heighth = submenu.children('li').size() * 31;
      
      submenu.clearQueue();
      submenu.animate({
          height : heighth
      }, 200, null);

			$(link).clearQueue();		
			$(link).animate({
				color:'#ffffff'
			},200);

		}

			$(rollover).clearQueue();
			$(rollover).animate({
				opacity:1
			},200);

	}).mouseleave(function() {
		var link = $(this).children('a');
		var rollover = $(link).children('.rollover');
		var parent = $(this).parent('ul').parent('li');

		if($(parent).length) { //is a submenu link

			$(link).animate({
				color:'#ffffff'
			},200);

			$(rollover).stop(true, false);
			$(rollover).animate({
				opacity:0
			},200);

		} else { //is a top level link

			var submenu = $(this).children('ul');

			if($(submenu).length) { //has a submenu

				$(submenu).stop(true,false);
	      $(submenu).delay(400).animate({
	          height : 0
	      }, 200);

				$(link).stop(true,false);
				$(link).delay(400).animate({
					color:'#666666'
				},200);

				$(rollover).stop(true, false);
				$(rollover).delay(400).animate({
					opacity:0
				},200);

			} else { //no submenu

				$(link).stop(true,false);
				$(link).animate({
					color:'#666666'
				},200);

				$(rollover).stop(true, false);
				$(rollover).animate({
					opacity:0
				},200);

			}


		}

		

	});

});


function font_size(size) {
	
	switch(size) {
		case 'small':
			$('#body').addClass('font-small');
			$('#body').removeClass('font-medium');
			$('#body').removeClass('font-large');
			break;
		case 'medium':
			$('#body').addClass('font-medium');
			$('#body').removeClass('font-small');
			$('#body').removeClass('font-large');
			break;
		case 'large':
			$('#body').addClass('font-large');
			$('#body').removeClass('font-small');
			$('#body').removeClass('font-medium');
			break;
		default:
			$('#body').addClass('font-medium');
	}

}