Event.observe(window,'load',start);


	function start(){
		startSetAltezzaColonne();		
	}
	
	

		
	/////////////////////////////////////////////////////////////////////////////
	// ALTEZZA COLONNE
	/////////////////////////////////////////////////////////////////////////////
	function startSetAltezzaColonne(){

		//var arrBoxcolTmp = [1,2,3];
		var arrAllBox = $('frame').getElementsByClassName('boxcol'); 
		var arrBoxHMax = [];
		var arrCols = [];
		var maxH;
		
		//---interessano solo i box con attributo altezza=max --------------
		for (var b=0; b < arrAllBox.length ; b++ ) {
			if ($(arrAllBox[b]).getAttribute('altezza') == 'max') {
				arrBoxHMax.push($(arrAllBox[b]));
			}
		}
		
		
		//------------------------------------------------------------------
		//-- per ogni box individuo colonne e altezza max;
		//-- setto l'altezza max su tutte le colonne del box
		for (var b=0; b < arrBoxHMax.length ; b++ ) {

			maxH = 0;
			arrCols = getSonsByAttribute($(arrBoxHMax[b]), 'pId', $(arrBoxHMax[b]).id);
						
			for (var i=0; i < arrCols.length ; i++ ) {
				maxH = Math.max(maxH, arrCols[i].getHeight()); 							
			}

			for (var i=0; i < arrCols.length ; i++ ) {				 	
				arrCols[i].style.height = maxH +  'px';							
			}
						
		}

	}
	
	
	
	function getSonsByAttribute(elPadre, attName, attValue){
		var arrCols = [];
		var arrAllDiv = elPadre.getElementsByTagName('div');

		//---interessano solo i div con attributo attName = attValue--------------
		for (var b=0; b < arrAllDiv.length ; b++ ) {
			if ($(arrAllDiv[b]).getAttribute(attName) == attValue) {
				arrCols.push($(arrAllDiv[b]));
			}
		}		
		return arrCols;
	}