YAHOO.namespace("equatheque");

YAHOO.equatheque.createLayers = function () {

	/*Le menu __________________________________________________________________________________*/
	YAHOO.equatheque.menuPanel = new YAHOO.widget.Panel("menuLayer_Div",
		{ 
		   xy:[30,130]
		 , width:"208px"
		 , visible:false
		 , autofillheight: "body"
		 , constraintoviewport:false
		 , underlay:"none"
		 , close:true
		 , draggable:true
		 , effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}
		}
	);
	YAHOO.equatheque.menuPanel.render();

	var menuResize = new YAHOO.util.Resize('menuLayer_Div', 
		{ handles: ['br']
		 ,autoRatio: false
		 ,minWidth: 208
		 ,minHeight: 185
		 ,status: false
		}
	);

	menuResize.on('resize', function(args) {
		var panelHeight = args.height;
		this.cfg.setProperty("height", panelHeight + "px");
	}, YAHOO.equatheque.menuPanel, true);

	// Setup startResize handler, to constrain the resize width/height
	// if the constraintoviewport configuration property is enabled.
	menuResize.on('startResize', function(args) {
		if (this.cfg.getProperty("constraintoviewport")) {

			var clientRegion = YAHOO.util.Dom.getClientRegion();
			var elRegion = YAHOO.util.Dom.getRegion(this.element);

			resize.set("maxWidth", clientRegion.right - elRegion.left - YAHOO.widget.Overlay.VIEWPORT_OFFSET);
			resize.set("maxHeight", clientRegion.bottom - elRegion.top - YAHOO.widget.Overlay.VIEWPORT_OFFSET);
		} else {
			resize.set("maxWidth", null);
			resize.set("maxHeight", null);
		}
	}, YAHOO.equatheque.menuPanel, true);

	/*Le contenu ________________________________________________________________________________*/
	YAHOO.equatheque.contentPanel = new YAHOO.widget.Panel("contentLayer_Div",
		{ 
		   xy:[270,130]
		 //, width:"579px" //Est maintenant défini dynamiquement
		 , visible:false
		 , autofillheight: "body"
		 , constraintoviewport:false
		 , underlay:"none"
		 , close:true
		 , draggable:true
		 , effect:[
				 {effect:YAHOO.widget.ContainerEffect.FADE ,duration:0.5}
				,{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.5}
			]
		}
	);
	YAHOO.equatheque.contentPanel.render();

	var contentResize = new YAHOO.util.Resize('contentLayer_Div', 
		{ handles: ['br']
		 ,autoRatio: false
		 ,minWidth: 208
		 ,minHeight: 185
		 ,status: false
		}
	);

	contentResize.on('resize', function(args) {
		var panelHeight = args.height;
		this.cfg.setProperty("height", panelHeight + "px");
	}, YAHOO.equatheque.contentPanel, true);

	// Setup startResize handler, to constrain the resize width/height
	// if the constraintoviewport configuration property is enabled.
	contentResize.on('startResize', function(args) {
		if (this.cfg.getProperty("constraintoviewport")) {

			var clientRegion = YAHOO.util.Dom.getClientRegion();
			var elRegion = YAHOO.util.Dom.getRegion(this.element);

			resize.set("maxWidth", clientRegion.right - elRegion.left - YAHOO.widget.Overlay.VIEWPORT_OFFSET);
			resize.set("maxHeight", clientRegion.bottom - elRegion.top - YAHOO.widget.Overlay.VIEWPORT_OFFSET);
		} else {
			resize.set("maxWidth", null);
			resize.set("maxHeight", null);
		}
	}, YAHOO.equatheque.contentPanel, true);

	//Pour que les fenètres prennent le focus quand on click dessus par exemple pour les déplacer.
	YAHOO.equatheque.panelManager = new YAHOO.widget.OverlayManager();
	YAHOO.equatheque.panelManager.register(
		[ YAHOO.equatheque.menuPanel
		 ,YAHOO.equatheque.contentPanel
		]
	);

	var menuWidth = YAHOO.equatheque.menuPanel.cfg.getProperty("width");
	menuWidth = menuWidth.substring(0,menuWidth.length - "px".length);
	var screenWidth = YAHOO.util.Dom.getClientRegion().right - YAHOO.widget.Overlay.VIEWPORT_OFFSET;
	YAHOO.equatheque.contentPanel.cfg.setProperty("width", (screenWidth - menuWidth - 80) + "px"
	);

	var screenHeight = YAHOO.util.Dom.getClientRegion().height - YAHOO.widget.Overlay.VIEWPORT_OFFSET;
	YAHOO.equatheque.menuPanel.cfg.setProperty("height", (screenHeight - 130) + "px");
	YAHOO.equatheque.contentPanel.cfg.setProperty("height", (screenHeight - 130) + "px");

	YAHOO.equatheque.menuPanel.show();
	YAHOO.equatheque.contentPanel.show();

}

YAHOO.equatheque.displayMenu = function(e) {
	YAHOO.util.Event.preventDefault(e);
	if(YAHOO.equatheque.menuPanel.cfg.getProperty("visible") == true) {
		YAHOO.equatheque.menuPanel.hide();
	} else {
		YAHOO.equatheque.menuPanel.show();
	}
}

YAHOO.equatheque.displayContent = function(e) {
	YAHOO.util.Event.preventDefault(e);
	if(YAHOO.equatheque.contentPanel.cfg.getProperty("visible") == true) {
		YAHOO.equatheque.contentPanel.hide();
	} else {
		YAHOO.equatheque.contentPanel.show();
	}
}