(function($){
	$.fn.clearinput = function() {  
		this.each(function() {
			$(this).attr('title', $(this).attr('value'));
			$(this).focus(function() {
					if($(this).attr('value') == $(this).attr('title')) {
						$(this).attr('value', '');
					}
				}).blur(function() {
					if($(this).attr('value') == "") {
						$(this).attr('value', $(this).attr('title'));
					}
				});
			$('textarea', this).focus(function() {
					if($(this).html() == $(this).attr('title')) {
						$(this).html('');
					}
				}).blur(function() {
					if($(this).html() == "") {
						$(this).html($(this).attr('title'));
					}
				});
		});
	};  
})(jQuery);

$(document).ready(function(){
	
	$('#navigation ul li').hover(
		function() {
			$('ul', this).css('display', 'block');
			$('.navigation-sub-bottom', this).css('display', 'block');
		},
		function() {
			$('ul', this).css('display', 'none');
			$('.navigation-sub-bottom', this).css('display', 'none');
		}
	);
	
	function overview(h) {
		var a = [];
		for (var i = 0; i < h.length; i++) {
			$(h[i]).attr({id: h[i].innerHTML});
			$("#overview ul").append('<li><a href="#'+h[i].innerHTML+'">'+h[i].innerHTML+'</a></li>');
		}
	}
	
	if($("h4").length<2) {
		$("#overview").hide();
	} else {
		overview($("h4").get());
	}
	
	$("#s").attr({value: "Sök"});
	$("#s, #user_login, #user_pass").clearinput();
	
	$("#sub-navigation").before('<div id="sub-navigation-top"><div>');
	$("#sub-navigation").after('<div id="sub-navigation-bottom"><div>');

	$("#members").before('<div id="members-top"><div>');
	$("#members").after('<div id="members-bottom"><div>');
	
	$("#content").before('<div id="content-top"><div>');
	$("#content").after('<div id="content-bottom"><div>');
	
	$(".left-box").before('<div class="left-box-top"><div>');
	$(".left-box").after('<div class="left-box-bottom"><div>');
	
	$(".right-box").before('<div class="right-box-top"><div>');
	$(".right-box").after('<div class="right-box-bottom"><div>');
	
	$("#footer").before('<div id="footer-top" class="column"><div>');
	$("#footer").after('<div id="footer-bottom" class="column"><div>');
	
	$("#navigation ul li ul").append('<li class="navigation-sub-bottom"></li>');

});