function PopupCenter(PopupClass)
{
	this.PopupClass = PopupClass;
	this.popups = {};
	this.events = {};
}
PopupCenter.prototype.createPopup = function(popup_name, events)
{
	this.events[popup_name] = events;
	if ( !this.hasPopup(popup_name) )
	{
		eval('this.popups[popup_name] = new '+this.PopupClass+'(popup_name);');
	}
	return this.popups[popup_name];
}

PopupCenter.prototype.open = function(popup_name)
{
	if ( this.hasPopup(popup_name) ) this.popups[popup_name].open();
}
PopupCenter.prototype.close = function(popup_name)
{
	if ( this.hasPopup(popup_name) )
	{
		this.popups[popup_name].close();
		if ( typeof(this.events[popup_name]) == 'object' && typeof(this.events[popup_name]['close']) == 'function' ) this.events[popup_name]['close']();
	}
}
PopupCenter.prototype.hide = function(popup_name)
{
	if ( this.hasPopup(popup_name) )
	{
		this.popups[popup_name].close();
		if ( this.events[popup_name]['hide'] ) this.events[popup_name]['hide']();
	}
}
PopupCenter.prototype.hasPopup = function(popup_name)
{
	return  !(typeof(this.popups[popup_name]) == 'undefined');
}

//---------------------------------------------------------------------------------
function KitaPopup(id_popup)
{
	var _this = this;
	this.id = '__kp_'+id_popup;
	var b_hide = $('<div class="kp-bhide">').click(function(){ $.PopupCenter.hide(id_popup); });
	var b_close = $('<div class="kp-bclose">').click(function(){ $.PopupCenter.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box '+id_popup+'"><div class="kp-stl title"></div><div class="kp-body"></div><div class="kp-body-bg"></div>'+
			'<div class="kp-ctl"></div><div class="kp-cbl"></div><div class="kp-ctr"></div><div class="kp-cbr"></div>'+
			'<div class="kp-slt"></div><div class="kp-slb"></div><div class="kp-sbl"></div><div class="kp-sbr"></div><div class="kp-srb"></div><div class="kp-srt"></div><div class="kp-str"></div>'+
			'<div class="kp-stm"></div><div class="kp-sbm"></div>'+
			'<div class="kp-body-bg-tr"></div><div class="kp-body-bg-br"></div>'+
			'</div>');
	$(this.popup).append(b_hide).append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaPopup.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.7).css({'filter':'alpha(opacity = 70);' });
	}
	$(this.popup).alignCenter().show();
}
KitaPopup.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaPopup.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}
}

//--------------------------------------------------------------------------------- KitaPopupBig
function KitaPopupBig(id_popup)
{
	var _this = this;
	this.id = '__kp_'+id_popup;
	var b_close = $('<div class="kp-bclose">').click(function(){ $.PopupCenterBig.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box popup-big '+id_popup+'"><div class="kp-stl title"></div><div class="kp-body"></div><div class="kp-body-bg"></div>'+
			'<div class="kp-ctl"></div><div class="kp-cbl"></div><div class="kp-ctr"></div><div class="kp-cbr"></div>'+
			'<div class="kp-slt"></div><div class="kp-slb"></div><div class="kp-sbl"></div><div class="kp-sbr"></div><div class="kp-srb"></div><div class="kp-srt"></div><div class="kp-str"></div>'+
			'<div class="kp-stm"></div><div class="kp-sbm"></div>'+
			'<div class="kp-slm"></div><div class="kp-srm"></div>'+
			'<div class="kp-body-bg-tr"></div><div class="kp-body-bg-br"></div>'+
			'</div>');
	$(this.popup).append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaPopupBig.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.7).css({'filter':'alpha(opacity = 70);' });
	}
	$(this.popup).alignCenter().show();
}
KitaPopupBig.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaPopupBig.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}

}

//--------------------------------------------------------------------------------- KitaPopupSmall
function KitaPopupSmall(id_popup)
{
	var _this = this;
	this.id = '__kp_'+id_popup;
	var b_close = $('<div class="kp-bclose">').click(function(){ $.PopupCenterSmall.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box-small '+id_popup+'"><div class="kp-body"></div></div>');
	$(this.popup).append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaPopupSmall.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.7).css({'filter':'alpha(opacity = 70);' });
	}
	$(this.popup).alignCenter().show();
}
KitaPopupSmall.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaPopupSmall.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}
}

function KitaDesirePopup(id_popup)
{
    var _this = this;
	this.id = '__kp_'+id_popup;
	var b_close = $('<div class="kp-bclose">').click(function(){ $.KitaDesirePopup.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box '+id_popup+'"><div class="kp-body"></div></div>');
	$(this.popup).addClass('popup-desire').append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaDesirePopup.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.7).css({'filter':'alpha(opacity = 70);' });
	}
	$(this.popup).alignCenter().show();
}
KitaDesirePopup.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaDesirePopup.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}
}

function KitaWinterContestPopup(id_popup)
{
    var _this = this;
	this.id = '__kp_'+id_popup;
	var b_close = $('<div class="kp-bclose">').click(function(){ $.KitaWinterContestPopup.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box '+id_popup+'"><div class="pop-cls-bg"></div><div class="kp-body"></div></div>');
	$(this.popup).addClass('popup-winter-contest').append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaWinterContestPopup.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').css('background', '#000').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').css('background', '#000').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.3).css({'filter':'alpha(opacity = 30);' });
	}
	$(this.popup).alignCenter().show().corner();
}
KitaWinterContestPopup.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaWinterContestPopup.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}
}

function KitaWinterContestBigPopup(id_popup)
{
    var _this = this;
	this.id = '__kp_'+id_popup;
	var b_close = $('<div class="kp-bclose">').click(function(){ $.KitaWinterContestBigPopup.close(id_popup); });
	this.popup = $('<div id="'+this.id+'" class="kp-box '+id_popup+'"><div class="pop-cls-bg"></div><div class="kp-body"></div></div>');
	$(this.popup).addClass('popup-winter-contest popup-winter-contest-big').append(b_close);
	$(document.body).append(this.popup);
	$(document.body).append($('<div class="kp-box-overlay" id="'+this.id+'bg"></div>'));
}
KitaWinterContestBigPopup.prototype.open = function() {

	if($.browser.msie)
	{
		$('#'+this.id+'bg').css('background', '#000').height($(document).height()).toggleClass('hidden');
	}
	else
	{
		$('#'+this.id+'bg').css('background', '#000').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.3).css({'filter':'alpha(opacity = 30);' });
	}
	$(this.popup).alignCenter().show().corner();
}
KitaWinterContestBigPopup.prototype.close = function() { $(this.popup).hide(); $('#'+this.id+'bg').toggleClass('hidden').removeAttr('style'); };
KitaWinterContestBigPopup.prototype.html = function(html)
{
	$('.kp-body', this.popup).empty();
	if ( typeof html == 'object' )
	{
		$('.kp-body', this.popup).append(html);
	}
	else
	{
		$('.kp-body', this.popup).html(html);
	}
}

//--------------------------------------------------------------------------------- KitaConfirm
function KitaConfirm(options)
{
	var popup_id = 'kita-confirm';
	var	opt = jQuery.extend({
			title: 'Kita Confirm',
			description: 'Confirm description',
			bYesText: 'yes',
			bNoText: 'no',
			feedback: function(result){}
	 }, options);

	var popup = jQuery.PopupCenterSmall.createPopup(popup_id);

	var butNo = $('<div style="width: '+(opt.bNoText.length*6+20)+'px;" class="b-func1"><div class="left"><div class="right"><div class="text">'+opt.bNoText+'</div></div></div></div>').click(function(){ jQuery.PopupCenterSmall.close(popup_id); opt.feedback(false) });
	var butYes = $('<div style="width: '+(opt.bYesText.length*6+20)+'px;" class="b-func1"><div class="left"><div class="right"><div class="text">'+opt.bYesText+'</div></div></div></div>').click(function(){ jQuery.PopupCenterSmall.close(popup_id); opt.feedback(true) });
	var html = 	$('<div><h2>'+opt.title+'</h2>'+'<p>'+opt.description+'</p>'+'<div class="actions"></div></div>');
	$('.actions', html).append(butNo).append(butYes);

	popup.html(html);
	jQuery.PopupCenterSmall.open(popup_id);
}


$(document).ready(function(){
	$.fn.alignCenter = function() {
		var marginLeft = - $(this).width()/2 + 'px';
		var marginTop = - $(this).height()/2 + 'px';
		return $(this).css({'margin-left':marginLeft, 'margin-top':marginTop});
	};
});

$(document).ready(function(){
	jQuery.PopupCenter = new PopupCenter('KitaPopup');
	jQuery.PopupCenterBig = new PopupCenter('KitaPopupBig');
	jQuery.PopupCenterSmall = new PopupCenter('KitaPopupSmall');
	jQuery.KitaDesirePopup = new PopupCenter('KitaDesirePopup');
	jQuery.KitaWinterContestPopup = new PopupCenter('KitaWinterContestPopup');
	jQuery.KitaWinterContestBigPopup = new PopupCenter('KitaWinterContestBigPopup');
});

function openKitaPap(name)
{
	var content;
	jQuery.PopupCenter.createPopup(name, {'close': function(){ }});
	$.PopupCenter.open(name);
	content = $('#'+name+'_content').html();
	$('.'+name+' .kp-body').html(content);
}