var clsLayoutController = Class.create()
	clsLayoutController.prototype = {
		initialize: function(p_oSlidePanel, p_oScreenPictures){
			this.m_oSlidePanel				= p_oSlidePanel
			this.m_oScreenPictures 			= p_oScreenPictures
		}, 
		init: function(){
			this.m_oSlidePanel.setImageProperties(this.m_iSlideImageMargin, this.m_iSlideImageBorder)
			this.setSizes(false);
		}, 
		setSlidePanelSize: function(p_iWidth, p_iHeight){
			this.m_iSlidePanelWidth					= p_iWidth
			this.I_SLIDE_PANEL_HEIGHT				= p_iHeight
		}, 
		setSlideImageProperties: function(p_iSlideImageMargin, p_iSlideImageBorder){
			this.m_iSlideImageMargin = p_iSlideImageMargin
			this.m_iSlideImageBorder = p_iSlideImageBorder
		}, 
		setMainPanelSize: function(p_iWidth, p_iHeight){
			this.m_iMainPanelWidth					= p_iWidth
			this.m_iMainPanelHeight					= p_iHeight
		}, 
		setMainBorderWidth: function(p_iWidth){
			this.I_MAIN_BORDER_WIDTH				= p_iWidth
		}, 
		setBodyMargin: function(p_iMargin){
			this.I_BODY_MARGIN						= p_iMargin
		}, 
		calculateSizes: function(p_bPlaying){
			pd 										= getPageDimensions()
			this.m_iMainPanelWidth					= (pd[0] - (2 * this.I_BODY_MARGIN)) - (2 * this.I_MAIN_BORDER_WIDTH)
			this.m_iMainPanelHeight					= (pd[1] - (2 * this.I_BODY_MARGIN)) - (2 * this.I_MAIN_BORDER_WIDTH)
			this.m_oSlidePanel.setSize(this.m_iMainPanelWidth, this.I_SLIDE_PANEL_HEIGHT)
		}, 
		setCalculateSizes: function(){
			$('SlidePanelWrapper').style.top 		= Math.round((this.m_iMainPanelHeight / 2) - (this.I_SLIDE_PANEL_HEIGHT / 2))+'px'
			$('MainPanel').style.width 				= this.m_iMainPanelWidth+'px'
			$('MainPanel').style.height 			= this.m_iMainPanelHeight+'px'
			this.m_oScreenPictures.setSize(this.m_iMainPanelWidth, this.m_iMainPanelHeight)
		}, 
		setSizes: function(p_bPlaying){
			this.calculateSizes(p_bPlaying)
			this.setCalculateSizes()
		}
	}