$(document).ready(function() { menuInit();});

var menuInit = function() {
	var leftMenu = new LeftMenu( document.getElementById('leftMenu') );
};

var LeftMenu = function( parent ) {
	var self = this;
	var width = 246;
	var height = 400;
	
	var getDefaultCSS = function() {
		return {
			'position':'absolute',
			'top':'72px',
			'left':'12px',
			'borderRadius':'10px',
			'padding':'10px',
			'width':width+'px',
			'height':height+'px',
			'background':'#FFFFFF',
			'border':'2px solid #333333',
		};
	};
	var getHideCSS = function() {
		return {
			'opacity':'0.0'
		};
	};
	
	var getShowCSS = function() {
		return {
			'opacity':'1.0'
		};
	};
	
	self.init = function() {
		width = parseInt( $(window).width() * 0.2 );
		
		$(parent)
			.css(getDefaultCSS())
			.css(getHideCSS())
			.animate(getShowCSS())
		return self;
	};
	
	self.init();
	return self;
};