var TikDialog = function() {	
	this.bodyHeight = $(document).height();
	this.bodyWidth = screen.width;
	this.id = '';
	
	this.init = function( elm )
	{
		this.opacityElm();
		
		if( $('body #TikDialogFrm_'+this.id).size()== 0){	
			var elm_id = 'TikDialogFrm_'+this.id;
			$('body').append('<div class="TikDialogFrm" id="'+elm_id+'"></div>');
			$('#TikDialogFrm_'+this.id).append('<div class="TikDialogTitle"></div>');
			$('#TikDialogFrm_'+this.id).append('<div class="TikDialogContentBor"></div>');
			$('#'+elm_id+' .TikDialogContentBor').empty();
			$('#'+elm_id+' .TikDialogContentBor').append('<div class="TikDialogContent"></div>');
			$('#'+elm_id+' .TikDialogContent').empty();
			$('#'+elm_id+' .TikDialogContentBor').append('<div class="TikDialogClose"></div>');
			$('#'+elm_id+' .TikDialogClose').append('<span class="uiBtn confirm">&#272;&#243;ng</span>');
		}			
	};
	
	this.opacityElm = function(){
		if( $('body .TikDialog_opacity').size()== 0){			
			$('body').append('<div class="TikDialog_opacity"></div>');
		}
		
		$('.TikDialog_opacity').css({
			height: this.bodyHeight
		});
		$('.TikDialog_opacity').show();
	};

	this.dialog = function( elm, title ){	
		this.id = elm.substr(1);
		this.init( elm );
		var this_ = this;
		
		if( $(elm).parent().attr('class') != 'TikDialogContent' ){		
			$(elm +' iframe').attr('src', $(elm +' iframe').attr('data') );
			$(elm +' iframe').attr('data','');
			$(elm).appendTo('#TikDialogFrm_'+this_.id+' .TikDialogContent');
		}
		
		$('#TikDialogFrm_'+this_.id+' .TikDialogTitle').html( title );
		
		$('#TikDialogFrm_'+this_.id).show();
		
		$(elm).show();
		
		var dialogWidth = $('#TikDialogFrm_'+this_.id ).outerWidth();
		var scrollTop = ( $(window).height() - $('#TikDialogFrm_'+this_.id ).outerHeight() )/2
		
		$('#TikDialogFrm_'+this_.id ).css({
			left: (this_.bodyWidth-dialogWidth)/2,
			top: (scrollTop <= 0 ) ? 0 : scrollTop+$(window).scrollTop()
		});
		
		$('.TikDialogClose .uiBtn').bind('click', function(){
			this_.close( this );
			return false;
		});
		
	};
	
	this.close = function( btn ){
		$('.TikDialog_opacity').hide();
		$(btn).parents('.TikDialogFrm').hide();
	};
	
	this.keyClose = function(){
		var dialogShow = $('body .TikDialogFrm');
		if( dialogShow.is(':visible') ){
			dialogShow.hide();
			$('.TikDialog_opacity').hide();
		}
	};
};

function LoginDialog(){
	var TikDialog_ = new TikDialog();
	TikDialog_.dialog('#DialogLogin','&#272;&#259;ng nh&#7853;p h&#7879; th&#7889;ng');
}

function RegisterDialog(){
	var TikDialog_ = new TikDialog();
	TikDialog_.dialog('#DialogRegister','&#272;&#259;ng k&#253; th&#224;nh vi&#234;n');
}

$(function(){	
	$('head').append('<link href="http://tik-id.googlecode.com/svn/trunk/btn.css" rel="stylesheet" media="all" type="text/css" />');
	$('head').append('<link href="http://tik-id.googlecode.com/svn/trunk/style.css" rel="stylesheet" media="all" type="text/css" />');
	
	var TikDialog_ = new TikDialog();
	
	$('#DialogLoginLnk').click(function(){
		TikDialog_.dialog('#DialogLogin','&#272;&#259;ng nh&#7853;p h&#7879; th&#7889;ng');
		//TikDialog_.dialog('#DialogLogin','Đăng nhập hệ thống');
	});
	
	$('#DialogRegisterLnk').click(function(){
		TikDialog_.dialog('#DialogRegister','&#272;&#259;ng k&#253; th&#224;nh vi&#234;n');
		//TikDialog_.dialog('#DialogRegister','Đăng ký thành viên');
	});
	
});
	
$(document).bind('keypress keydown keyup',function(e){
	if ( e.keyCode == 27 ){
		var dialogShow = $('body .TikDialogFrm');
		if( dialogShow.is(':visible') ){
			var TikDialog_ = new TikDialog();
			e.preventDefault();
			TikDialog_.keyClose();
			return false;
		}
	}
});

/*$(window).bind('load',function(){
	setTimeout(function(){
		var TikDialog_ = new TikDialog();
		TikDialog_.bodyHeight = $(document).outerHeight();
		TikDialog_.opacityElm();
	},100);
});*/