/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var stage="";
var mnuExample=[
	{"label":"Início","id":"page1","default":true},
	{"label":"Funcionalidades","id":"page2","default":false},
	{"label":"Acesso pela web","id":"page3","default":false},
	{"label":"Contactos","id":"page4","default":false},
];
var footExample=[
	{"label":"Termos","id":"page5","default":false},
	{"label":"Privacidade","id":"page6","default":false},
	{"label":'<img src="imgs/services/fbook.png" alt="Facebook" />',"id":"","default":false},
	{"label":'<img src="imgs/services/twitter.png" alt="Twitter" />',"id":"","default":false},
	{"label":'<img src="imgs/services/linkedin.png" alt="linked IN"/>',"id":"","default":false},
	{"label":'<img src="imgs/services/youtube.png" alt="Youtube" />',"id":"","default":false},
	{"label":"&copy;2001 T-CRIO","id":"","default":false},
];

GRRMenu.prototype={
	_ul:null,
	_mnudata:null,
	_container:null,
	setContainer:function(obj){
		this._container=obj;
		this.init();
	},
	init:function(){
		if(this._container !=null){
			this._ul=document.createElement("ul");
			GRRMenu._refs[GRRMenu._refs.length]=this._ul;
			this._ul.id="mnu_ul";
			this._ul.className=(this.className)?this.className:"menulist";
			this._container.appendChild(this._ul);
			if(this._mnudata!=null)
				this.loadData(this._mnudata);
		}
	},
	loadData:function(data){
		if(this._mnudata==null)
			this._mnudata=data;
		if(this._ul !=null){
			this.cleanUL();
			for(var i=0; i <this._mnudata.length ;i++ ){
				var tmpLI = document.createElement("li");
				var tmpData = this._mnudata[i];
				tmpLI.innerHTML=tmpData.label;
				if(tmpData['default'] ){
						tmpLI.className = "mselected";
						this.loadPage(tmpData.id);
				}
				if(tmpData.id.length>0){
					this.setMenuAction(tmpLI, tmpData.id);
				}
				else{
					tmpLI.className=tmpLI.className+" noAction";
				}
				this._ul.appendChild(tmpLI);
			}
		}
		
	},
	setMenuAction:function(obj,id){
		obj.grrpage=id;
		obj.addEventListener("click", 
			function(evt){
					var elem = evt.target||evt.srcElement;
					GRRMenu.prototype.clearSelected();
					elem.className = "mselected";
					GRRMenu.prototype.loadPage(elem.grrpage);
				}, true);

	},
	clearSelected:function(){
//		alert("A limpar "+GRRMenu._refs.length);
		for(var i=0;i <GRRMenu._refs.length; i++){
			var container =GRRMenu._refs[i];
			for(var r=0;r< container.children.length;r++){
				container.children[r].className = container.children[r].className.replace(/mselected/g, '');
			}
		}
	},
	cleanUL:function(){
		if ( this._ul.hasChildNodes() )
		{
			while ( this._ul.childNodes.length >= 1 )
			{
				this._ul.removeChild( this._ul.firstChild );       
			} 
		}
	},
	loadPage:function(pgID){
		//alert("Vamos mostrar !"+pgID);
		if(stage.length>0)
			GRRMenu.prototype.hidPage(stage);
		document.getElementById(pgID).style.display="block";
		stage = pgID;
	},
	hidPage:function(pgID){
		document.getElementById(pgID).style.display="none";
	}
};
GRRMenu._refs=new Array();//[];
function GRRMenu(parentobj,jsonData,className){
		//alert(className);
		if(className!=undefined && className.length>0)
			this.className=className;
		this.setContainer(parentobj);
		this.loadData(jsonData);
		;
};