$(document).ready(function() {
	if ($.cookie("u_name") != "" && $.cookie("u_name") != null && $.cookie("u_name") != "0") {
		$("#login_info")
				.html(
						'Welkom <span class="username"><a href="/user/member.php">' + $
								.cookie("u_name") + '</a></span>|<span class="username"><a href="/user/logout.php">Uitloggen</a></span>');
	}

	/*
	 * $("select, input:checkbox, input:radio,
	 * input:file").uniform();
	 */
	$("form.niceform select, form.niceform input:checkbox, form.niceform input:radio, form.niceform input:file").uniform();
	//$(document).pngFix();
	$("#main_search_inp").defaultValue("Zoek...");
	$("#search_type_main").change(function(e){
		e.preventDefault();
		action = ($("#search_type_main").val == 'music') ? '/card_wall.php' : '/music.php' ;
		$("#search_main").attr("action", action);
	});
	
	
	//$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
	
	//main drop down menu
	$("ul.main_top_menu li.sexy_drop_down").hover(function() { 
		//$(this).find("ul.subnav").slideDown('fast').show();
		//$('ul', this).slideDown(100);
		$(this).find("ul.subnav").show();
		$(this).find('a:first span').removeClass("select");
	}, function(){
		//$(this).find("ul.subnav").slideUp('fast');
		//$('ul', this).slideUp(100);
		$(this).find("ul.subnav").hide();
		$(this).find('a:first span').addClass("select");
	});
	
	//main drop down menu subitems animation
	$('ul.main_top_menu li.sexy_drop_down ul li a').mouseover(function () {
		$(this).animate({ paddingLeft: "20px", width: '149px' }, 300 );
    });
	$('ul.main_top_menu li.sexy_drop_down ul li a').mouseout(function () {
		$(this).animate({ paddingLeft: "10px", width: '159px' }, 300 );
    });
	
	$("ul.main_top_menu").lavaLamp({ fx: "backout", speed: 700 });
	
	//cardthumb mouseover
	$(".cardthumb").hover(function() { 
		$('.cardthumbpic',this).addClass('cardthumbpic_u');
		$('.cardthumbdescr',this).addClass('cardthumbdescr_u');
		$('.cardthumbpic_view',this).addClass('cardthumbpic_view_u');
	}, function(){
		$('.cardthumbpic',this).removeClass('cardthumbpic_u');
		$('.cardthumbdescr',this).removeClass('cardthumbdescr_u');
		$('.cardthumbpic_view',this).removeClass('cardthumbpic_view_u');
	});
	
	$(".category_cardthumb").hover(function() { 
		$(this).addClass('cardthumbpic_u');
	}, function(){
		$(this).removeClass('cardthumbpic_u');
	});
	
	//pagemark_p mouseover
	$(".pagemark_p").hover(function() { 
		$(this).addClass('pagemark_u');
	}, function(){
		$(this).removeClass('pagemark_u');
	});
	
	//search button mouseover
	$(".searchsubmit").hover(function() { 
		$(this).addClass('searchsubmit_u');
	}, function(){
		$(this).removeClass('searchsubmit_u');
	});
	
	//standard button mouseover
	$(".input_dinamic_button_l").hover(function() { 
		$(this).addClass('input_dinamic_button_l_u');
		$('.input_dinamic_button_r',this).addClass('input_dinamic_button_r_u');
	}, function(){
		$(this).removeClass('input_dinamic_button_l_u');
		$('.input_dinamic_button_r',this).removeClass('input_dinamic_button_r_u');
	});
	
	
	//Top text ads
	ads_text_pos_id = $("#ad_text_link_bar").attr('pos');
	$("#ad_text_link_bar").load("/ad_textlink.php?pos="+ads_text_pos_id);
	
	//Last 4 cards chosen
	for (var i=1;i<=4;i++) {
		cook = $.cookie('last_ch_card_'+i);
		if (cook) {
			v = cook.split("##");
			$("#last_ch_card_"+i).html("<a href=\"/make_ecard.php?value[card_id]="+v[0]+"\"><img src=\""+v[1]+"\" alt=\"Laatst bekeken e-card\" width=\"60\" height=\"60\" /></a>");
		}
	}

});

// Ajax Loader to div
function refreshList(actionfile, parameters, divId) {

	$(divId).html('<img src="/images/loading.gif" />');

	$.ajax( {
		type : "GET",
		url : actionfile,
		data : parameters,
		success : function(msg) {
			$(divId).html(msg);
			
			$("form.niceform_ajax select, form.niceform_ajax input:checkbox, form.niceform_ajax input:radio, form.niceform_ajax input:file").uniform();
		}
	});
}

function overlayMessage(msg) {
	if (msg.substr(0,1) == "!"){	
		msg = msg.substr(1, msg.length);
		msg = '<div class="error_message">'+ msg + '</div>';
	} else {
		msg = '<div class="information_message">'+ msg + '</div>';
	}
	
	$("div.message_overlay").remove();

	if ($(".message_overlay").length == 0) {
		$("body").prepend('<div class="message_overlay"><!-- image information --><div class="info">' + msg + '</div><!-- load indicator (animated gif) --></div>');
	}
	$(".message_overlay").overlay( {
		top : 272,
		left : ($(window).width())/2-240 ,
		expose : {
			color : '#EBEBEB',
			loadSpeed : 200,
			opacity : 0.5
		},
		closeOnClick : false,
		api : true
	}).load();
}


//Input defaul value
(function($) {
	$.fn.extend( {
		defaultValue : function(str) {
			return this.each(function() {
				var defaultValue = str || $(this).attr('rel');
				var defaultType = $(this).attr('type') || null;
				var cloneId = null;
				var self = $(this);
				if (defaultType == 'password') {
					createClone(this);
					$(this).blur(function() {
						if ($(self).val().length <= 0) {
							$('#' + cloneId).show();
							$(self).hide();
						}
					});
				} else {
					$(this).click(function() {
						if ($(this).val() == defaultValue) {
							$(this).val('');
							$(this).removeClass('empty_input_value');
						}
					}).keyup(function() {
						if ($(this).val().length > 0) {
							setState(this);
						}
					}).blur(function() {
						setState(this);
					}).focus(function() {
						if ($(this).val() == defaultValue) {
							$(this).val('');
							$(this).removeClass('empty_input_value');
						}
					});
					$.trim($(this).val());
					setState(this);
				}
				function setState(element) {
					val = $.trim($(element).val());
					if (val.length <= 0 || val == defaultValue) {
						$(element).val(defaultValue).addClass('empty_input_value');
					} else {
						$(element).removeClass('empty_input_value');
					}
				}
				function createClone(element) {
					cloneId = $(element).attr('id') + 'Clone';
					$("<input id='" + cloneId + "' type='text' />").attr(
							'value', defaultValue).insertAfter(element).show()
							.focus(function() {
								$(this).hide();
								$(self).show();
								setTimeout(function() {
									$(self).focus();
								}, 10);
							}).addClass($(element).attr('class') + ' empty')
							.attr('style', $(element).attr('style'));
					$(self).hide();
				}
			});
		}
	});
})(jQuery);