Core.SubUI = (function () { 
						
var _SlideSpeed = 150;
var _FadeSpeed = 350;

var _Box = {
	 'Parts': {},
	 'Container': {},
	 'Wrap' : {}
};

var _o = {

	'Init' : function() {

		// Slide Down If Overlay Is Visible	
		$('a').click(function(){
			if ($('.Overlay').is(':visible')){
				_o.CloseBox();
			}							  
	  	});
		
		// Assign Parts
		_Box.Container = $('<div>').addClass('SubBox');
		_Box.Wrap = $('<div>').addClass('wrap');
	
		_Box.Parts.Character = $('<div>').addClass('SlideUp');
		_Box.Parts.TopLeft = $('<div>').addClass('TopLeft');
		_Box.Parts.Top = $('<div>').addClass('Top');
		_Box.Parts.TopRight = $('<div>').addClass('TopRight');
		_Box.Parts.Left = $('<div>').addClass('Left');
		_Box.Parts.Content = $('<div>').addClass('Content');
		_Box.Parts.Right = $('<div>').addClass('Right');
		_Box.Parts.BottomLeft = $('<div>').addClass('BottomLeft');												
		_Box.Parts.Bottom = $('<div>').addClass('Bottom');												
		_Box.Parts.BottomRight = $('<div>').addClass('BottomRight');																

		// Nest Parts
		_Box.Parts.TopRight.append(_Box.Parts.Top);
		_Box.Parts.TopLeft.append(_Box.Parts.TopRight);		
		_Box.Parts.Right.append(_Box.Parts.Content);
		_Box.Parts.Left.append(_Box.Parts.Right);		
		_Box.Parts.BottomRight.append(_Box.Parts.Bottom);
		_Box.Parts.BottomLeft.append(_Box.Parts.BottomRight);				
						
		// Nest Completed Markup		
		_Box.Parts.Character.append(_Box.Container);
		_Box.Wrap.append(_Box.Parts.Character);
		_Box.Parts.TopLeft.css({'margin-top':'-20px'});
		
		_Box.Container.append(_Box.Parts.TopLeft);	
		_Box.Container.append(_Box.Parts.Left);	
		_Box.Container.append(_Box.Parts.BottomLeft);	
		
		_Box.Parts.TopRight.click(function(){
			_o.CloseBox();							   
		});

		// Append to body 
		$('body').append(_Box.Wrap);
				
	},
	
	// Close and Hide Box
	'CloseBox' : function () {
		
		_Box.Container.fadeOut(_FadeSpeed, function (){
			_Box.Parts.Character.slideUp(_SlideSpeed);												 
		 });
		
	},
	
	// Close and Hide Box
	'CloseBoxDelay' : function () {
		
		setTimeout(function(){ 
		_Box.Container.fadeOut(_FadeSpeed, function (){
			_Box.Parts.Character.slideUp(_SlideSpeed);												 
		 });		
		}, 4000);
		
		
	},	
	
	'CloseBoxCustomDelay' : function (Time) {
		
		setTimeout(function(){ 
		_Box.Container.fadeOut(_FadeSpeed, function (){
			_Box.Parts.Character.slideUp(_SlideSpeed);												 
		 });		
		}, Time);
		
		
	},	
	
	// Create box
	'CreateBox' : function (Options) {		
	
	//	if (_Box.Container.is(':visible'))
	//		_Box.Container.fadeOut(_FadeSpeed);	
	
		
		var BoxHeight = 0;
		if (typeof Options.Height !== 'undefined') {
			BoxHeight = parseInt(Options.Height);
		} else {
			BoxHeight = parseInt(_Box.Container.height());
		}
		
		var BoxWidth = 0;
		if (typeof Options.Width !== 'undefined') {
			BoxWidth = parseInt(Options.Width);
		} else {
			BoxWidth = parseInt(_Box.Container.width());
		}	
		
		_Box.Parts.Top.css({'width': BoxWidth + 'px'});
		_Box.Parts.Right.css({'width': BoxWidth + 'px'});
		_Box.Parts.Bottom.css({'width': BoxWidth + 'px'})
		_Box.Container.css({'width': BoxWidth + 'px', 'position':'absolute', 'left':'120px', 'bottom':'40px'});			


		_Box.Parts.Character.slideDown(_SlideSpeed, function(){												   
				_Box.Parts.Content.html((typeof Options.Text !== 'undefined') ? Options.Text : '');	
				_Box.Container.fadeIn(_FadeSpeed);				
		});
		
		
	}

}

return _o;

})();
