$(document).ready(function(){

var avatarUpload = $("#avatar").upload({
	action: $("input[name=location]").val(),
	name: $("#avatar").attr('name'),
	params: {userid: $("input[name=userid]").val()},
	onSubmit: function(){
		//alert('uploading');
		},
	onComplete: function(response){
		//alert(response);
		var av = eval('(' + response + ')');
		if(av.status && av.status=='ok')
			{
			$("#avatar-upload").addClass('upload-hidden');
			$("#avatar-existing input[name='avatar']").val(av.img);
			$("#avatar-existing img").attr('src', av.img+'?'+Math.random());
			$("#avatar-existing").show();
			}
		else
			{
			showAvatarUploadError();
			}
		}
	});

avatarUpload.onSelect = function()
	{
	avatarUpload.autoSubmit = false;
	var re = new RegExp("(jpg|jpeg|gif|png)$", "i");
	if(!re.test(avatarUpload.filename()))
		{
		showAvatarUploadError();
		}
	else
		{
		avatarUpload.submit(); 
		} 
	};

$("#avatar-delete").click(function(){
	$("#avatar-existing").hide();
	$("#avatar-existing input[name='avatar']").val('');
	$("#avatar-upload").removeClass('upload-hidden');
	});

function showAvatarUploadError()
	{
	$("#avatar-error").show(500).animate({opacity: 1.0}, 1000, 0, function(){$("#avatar-error").hide(500);});
	}

$("#changepassword").click(function(){
	if(this.checked)
		{
		$('#new-shopper-password').show(500);
		$('#new-shopper-password input').addClass('strict');
		}
	else
		{
		$('#new-shopper-password').hide(500);
		$('#new-shopper-password input').removeClass('strict');
		}
	
	});

$("#add-new-permission").click(function() {
	$("#group-permissions").append("<li></li>");
	$("#group-permissions li:last").html($("#new-permission").html());
	});

$("span.existing-permission").click(function() {
	$("#add-new-permission").click();
	$("#group-permissions li:last input[type=text]").val($("span", this).html());
	});

$("a.delete-usersgroup").click(function() {
	if(confirm($(this).attr('confirm')))
		{
		$(this).parents("li:first").remove();
		$.post(this.href, {ajax:true});
		}
	return false;
	});

$("a.delete-user").click(function() {
	if(confirm($(this).attr('confirm')))
		{
		$(this).parents("li:first").remove();
		$.post(this.href, {ajax:true});
		}
	return false;
	});

$("a.ban-unban").bind('mouseenter mouseleave', function(e){
	//alert(this.tagName);
	var img = $(">img", this);
	var src = img.attr('src');
	$(img).attr('src', img.attr('toggle'));
	$(img).attr('toggle', src);
	}).click(function(e) {
	var span = $(this).parents("span.for-popup:first");
	$("div.popup-for-select", span).toggleClass('no-display');
	return false;
	});

$("img.close-popup-for-select").click(function() {
	$(this).parents("div.popup-for-select:first").addClass('no-display');
	});

$("form.banform").submit(function(e) {
	if($(".error", this).length > 0)
		return false;
	$.post($(this).attr('action'), {date:$("input[name='enddate']", this).val()});
	
	$("input[name='enddate']", this).val('').toggleClass('strict').toggleClass('no-display');
	
	span = $(this).parents("span.for-popup:first");
	$("div.popup-for-select", span).toggleClass('no-display');
	
	var a = $("a.ban-unban", span);
	var href = a.attr('toggle');
	a.attr('toggle', a.attr('href'));
	a.attr('href', href);
	
	$(this).attr('action', href)
	
	var img = $(">img", a);
	var src = img.attr('src');
	$(img).attr('src', img.attr('toggle'));
	$(img).attr('toggle', src);
	
	return false;
	});

//$("a.ban-unban img[till]").attr('title', $(this).attr('title')+$(this).attr('till'));
//click outside


/*
$("#layout").click(function(e) {
	el = e.srcElement || e.target;
	$("div.popup-for-select").each(function(i) {
		var found = false;
		$("*", this).each(function() {
			if(this == el)
				found = true;
			});
		if(!found)
			{
			//alert('hide');
			$(this).hide();
			}
		});
	var popup = "div.popup-for-select";
	if($(el).parents(popup).length == 0)
		{
		$(popup).hide("fast");
		}
	//var mydiv = $("div.popup-for-select");

	});*/
});