var Popup = function() { this.init(); }

var popup;
var p_active = false;

Popup.prototype = {
	init: function() {
		var self = this;
		$(".add_to_bin")
			.click(function() { 
				self.addtobin(this);
				return false;
			}
		);
		$("#popup a").click(function(){
			$('#popup').hide();
			clearTimeout(self.timeoutid);
			return false
		});
	},
	
	addtobin: function(el) {
		var self = this;
		$.post($(el).attr("href"),{ajax: '1'},function(data){self.fadein(data,el);});
	},
	fadein: function(data,el) {
		var self = this;
		if (data!='' && data!='Film already in bin') {
			if ($(el).parent().is("li")) {
				$("#li_add_to_bin").remove();
				$("#buttons ul").append('<li style="margin:0 0 5px"><a href="' + $("#bin_count").parent().attr("href") + '" class="addedtobin">Added to bin</a></li>');
			}
			$("#bin_count").html((parseInt($("#bin_count").html())+1));
		}
		if (p_active) {
			clearTimeout(this.timeoutid);
			$("#popup").hide();
			p_active=false;
		}
		$("#popup p").html(data);
		var x = (($(window).width() - $("#popup").width()) / 2) + $(document).scrollLeft();
		var y = ((($(window).height() - $("#popup").height())) / 2) + $(document).scrollTop();
		$("#popup").css({left: x + 'px',top: y + 'px'});
		$("#popup").fadeIn(100,function(){self.timeoutid=setTimeout(self.fadeout,3000);});
		p_active=true;
	},
	fadeout: function() {
		$("#popup").fadeOut(100);
		p_active=false;
	}
};