YAHOO.namespace("example.container");
				
// BEGIN RESIZEPANEL SUBCLASS //
YAHOO.widget.ResizePanel = function(el, userConfig) {
	if (arguments.length > 0) {
		YAHOO.widget.ResizePanel.superclass.constructor.call(this, el, userConfig);
	}
}

YAHOO.extend(YAHOO.widget.ResizePanel, YAHOO.widget.Panel);

YAHOO.widget.ResizePanel.CSS_PANEL_RESIZE = "resizepanel";

YAHOO.widget.ResizePanel.CSS_RESIZE_HANDLE = "resizehandle";

YAHOO.widget.ResizePanel.prototype.init = function(el, userConfig) {
	YAHOO.widget.ResizePanel.superclass.init.call(this, el);
	this.beforeInitEvent.fire(YAHOO.widget.ResizePanel);

	YAHOO.util.Dom.addClass(this.innerElement, YAHOO.widget.ResizePanel.CSS_PANEL_RESIZE);

	this.resizeHandle = document.createElement("DIV");
	this.resizeHandle.id = this.id + "_r";
	this.resizeHandle.className = YAHOO.widget.ResizePanel.CSS_RESIZE_HANDLE;
		
	this.beforeShowEvent.subscribe(function() {

		this.body.style.overflow = "auto";
	
	}, this, true);


	this.beforeHideEvent.subscribe(function() {

		/*
			 Set the CSS "overflow" property to "hidden" before
			 hiding the panel to prevent the scrollbars from 
			 bleeding through on Firefox for OS X.
		*/

		this.body.style.overflow = "hidden";
	
	}, this, true);


	this.beforeRenderEvent.subscribe(function() {

		/*
			 Set the CSS "overflow" property to "hidden" by
			 default to prevent the scrollbars from bleeding
			 through on Firefox for OS X.
		*/

		try{this.body.style.overflow = "hidden";}catch(e){}

		if (! this.footer) {
			this.setFooter("");
		}

	}, this, true);

	this.renderEvent.subscribe(function() {
		var me = this;
		
		me.innerElement.appendChild(me.resizeHandle);

		this.ddResize = new YAHOO.util.DragDrop(this.resizeHandle.id, this.id);
		this.ddResize.setHandleElId(this.resizeHandle.id);

		var headerHeight = me.header.offsetHeight;

		this.ddResize.onMouseDown = function(e) {

			this.startWidth = me.innerElement.offsetWidth;
			this.startHeight = me.innerElement.offsetHeight;
			
			me.cfg.setProperty("width", this.startWidth + "px");
			me.cfg.setProperty("height", this.startHeight + "px");

			this.startPos = [YAHOO.util.Event.getPageX(e),
							 YAHOO.util.Event.getPageY(e)];

			me.innerElement.style.overflow = "hidden";
			me.body.style.overflow = "auto";
		}
		
		this.ddResize.onDrag = function(e) {
			var newPos = [YAHOO.util.Event.getPageX(e),
						  YAHOO.util.Event.getPageY(e)];
			
			var offsetX = newPos[0] - this.startPos[0];
			var offsetY = newPos[1] - this.startPos[1];
	
			var newWidth = Math.max(this.startWidth + offsetX, 10);
			var newHeight = Math.max(this.startHeight + offsetY, 10);

			me.cfg.setProperty("width", newWidth + "px");
			me.cfg.setProperty("height", newHeight + "px");

			var bodyHeight = (newHeight - 5 - me.footer.offsetHeight - me.header.offsetHeight - 3);
			if (bodyHeight < 0) {
				bodyHeight = 0;
			}

			me.body.style.height =  bodyHeight + "px";

			var innerHeight = me.innerElement.offsetHeight;
			var innerWidth = me.innerElement.offsetWidth;

			if (innerHeight < headerHeight) {
				me.innerElement.style.height = headerHeight + "px";
			}

			if (innerWidth < 20) {
				me.innerElement.style.width = "20px";
			}
		}

	}, this, true);

	if (userConfig) {
		this.cfg.applyConfig(userConfig, true);
	}

	this.initEvent.fire(YAHOO.widget.ResizePanel);
};

YAHOO.widget.ResizePanel.prototype.toString = function() {
	return "ResizePanel " + this.id;
};

// END RESIZEPANEL SUBCLASS //

var panels;
var last;
function init() {
	//printMenu();
	printPanels();
	panels = new Array();
	
	panels[0] = new YAHOO.widget.ResizePanel( "panel1", { width:"300px", visible:false, constraintoviewport:true } );
	panels[0].render();
	
	panels[1] = new YAHOO.widget.ResizePanel( "panel2", { width:"300px", visible:false, constraintoviewport:true } );
	panels[1].render();

	panels[2] = new YAHOO.widget.ResizePanel( "panel3", { width:"300px", visible:false, constraintoviewport:true } );
	panels[2].render();
}

function showPanel(id) {
	for(var i in panels) {
		panels[i].hide();
	}
		
	if(last == null || last != id) {
		panels[id].show();
		last = id;
	}
	else {
		last = null;
	}
}

function goHome() {
	logout();
}

function printPanels() {
	var html = '';
	html += '<table border="0" cellspacing="0" cellpadding="0">';
	html += '	<tr>';
	html += '		<td style="height:0px; width: 100px;"></td>';
	html += '		<td style="height:0px; width: 132px;">';
	html += '			<div id="panel1">';
	html += '			<div class="hd"><div class="tl"></div><span>Az alkalmazásról</span><div class="tr"></div></div>';	
	html += '				<div class="bd" style="height:300px;overflow:auto"><p>A kérdőív vagy felmérés kitöltésének tudnivalói</p>';
	html += '					<p>A felmérés adatai egy vagy több lapon találhatóak. </p>';
	html += '					<p>A lap tetején látható folyamatsáv mutatja, hány kérdést tartalmaz a kérdőív és ebből mennyi került már megoldásra.</p>';
	html += '					<p>A  felületen gombok segítségével lehet előre és hátra lapozni</p>';
	html += '					<p>A kitöltési sorrend tetszőleges.</p>';
	html += '					<p>Piros csillaggal jelölt, ha a válaszadás kötelező.</p>';
	html += '					<p>Egy kérdéshez tartozhat egy másik, úgynevezett score-kérdés is. Ennek megválaszolása is lehet kötelező.</p>';
	html += '					<p>A válaszok tipusa: rádiógomb, checkbox  vagy  szöveges válasz.</p> ';
	html += '					<p>A válaszok mentése csak a teljes felmérés kitöltése után történhet meg, ezért a mentés gomb is csak az utolsó lapon található.</p>';
	html += '					<p>Amennyiben a kötelező kérdések közül nincs mindegyik kitöltve, a program figyelmeztető üzenetet küld és addig nem menti el az adatokat, míg az összes kötelező, azaz piros csillaggal jelölt  kérdésre nem érkezett válasz.</p>';
	html += '					<p>A kérdés megértésének könnyítése érdekében  a lap tetején vagy akár külön lapon olvasható megjegyzés. Az információs lap egy felmérésben  többször előfordulhat.</p>';
	html += '					<p>Egy kérdőív lezárása után a program megvizsgálja, a felhasználóhoz  van-e hozzárendelve újabb felmérés, amelyet még nem töltött ki. Ha van, felkínálja azt, amelynek a kitöltési határideje legelőbb lejár.</p>';
	html += '				</div>';
	html += '			</div> ';
	html += '		</td>';
	html += '		<td style="height:0px; width: 96px;">';
	html += '			<div id="panel2">';
	html += '			<div class="hd"><div class="tl"></div><span>Magunkról</span><div class="tr"></div></div>';	
	html += '				<div class="bd" style="height:300px;overflow:auto"><p>Szövetség a Kiválóságért</p>';
	html += '					<p> Az Egyesület szakmai és közhasznú feladatot ellátó nonprofit, tagi működésű szervezet, az EFQM (European Foundation for Quality Management) magyar nemzeti partnerszervezete.</p> ';
	html += '				</div>';
	html += '			</div> ';
	html += '		</td>';
	html += '		<td style="height:0px; width: 100px;">';
	html += '			<div id="panel3">';
	html += '			<div class="hd"><div class="tl"></div><span>Kapcsolat</span><div class="tr"></div></div>';
	html += '				<div class="bd" style="height:300px;overflow:auto"><p>Elérhetőség</p>';
	html += '					<p>http://www.kivalosag.hu</p> ';
	html += '				</div>';
	html += '			</div> ';
	html += '		</td>';
	html += '		<td style=height:0px;></td>';
	html += '		<td style=height:0px;></td>';
	html += '	</tr>';
	html += '</table>';
				
	document.getElementById('popupPanels').innerHTML = html;
}

YAHOO.util.Event.addListener(window, "load", init);