var MARGIN = 5; 
var NUM_COLS = 5;
var BLOCK_WIDTH = 185; 

var posicionSup = 0;

var maximaAltura = 800;


function controlAlturas(qual) {

	if ( parseInt (document.getElementById(qual).style.top) + parseInt (document.getElementById(qual).offsetHeight) > maximaAltura ) {
					
						maximaAltura = parseInt (document.getElementById(qual).style.top) + parseInt (document.getElementById(qual).offsetHeight);
					
	}

	
}


function iniciaMenu(nombre){
	
	tunMenu = document.getElementById(nombre)
	tunMenu.style.top = posicionSup + "px";
	tunMenu.style.position='absolute'; 
	tunMenu.style.height = document.body.scrollTop + "px";
	
}

function getInternetExplorerVersion() {

    var rv = -1; // Return value assumes failure.

    if (navigator.appName == 'Microsoft Internet Explorer') {

        var ua = navigator.userAgent;

        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");

        if (re.exec(ua) != null)

            rv = parseFloat(RegExp.$1);

    }

    return rv;

}

function reposicionar( num_1, num_2, num_3 , num_4 , num_5 ){
	
	
	 var version = getInternetExplorerVersion();
	 
	if ((version >= 8)||(version <= 6)) { MARGIN = MARGIN; } else { MARGIN = MARGIN -3; }
	
	if ( num_1 == "undefined" ) num_1 = 0;
	if ( num_2 == "undefined" ) num_2 = 0;
	if ( num_3 == "undefined" ) num_3 = 0;
	if ( num_4 == "undefined" ) num_4 = 0;
	if ( num_5 == "undefined" ) num_5 = 0;
	
	//alert ( num_1 +","+ num_2 +","+ num_3 +","+ num_4 +","+ num_5 );
	
	// ********************************************* PRIMERA COLUMNA 
	for ( i=1 ; i<num_1+1 ; i++ ) {
	
		
		if (i==1){  // ************************************************************************ PRIMERA FILA DE VARIABLES 
			
				// debemos discriminar las primeras teniendo en cuenta el template de las fijas en el template
					
					document.getElementById("cell_1_"+i).style.top = "932px";
					document.getElementById("cell_1_"+i).style.visibility = "visible";
					
					controlAlturas("cell_1_"+i)
					
		} else {   // ************************************************************************ PROXIMAS FILAS DE VARIABLES 
			
					justo_arriba = i-1;
			
					altura_del_de_arriba = document.getElementById("cell_1_" + justo_arriba ).offsetHeight  + parseInt(document.getElementById("cell_1_" + justo_arriba).style.top);
				
					document.getElementById("cell_1_"+i).style.top = altura_del_de_arriba + MARGIN +"px";
				
					document.getElementById("cell_1_"+i).style.visibility = "visible";
					
					controlAlturas("cell_1_"+i)
			
		}
	}
		
		
		
	// ********************************************* SEGUNDA COLUMNA 
	for ( i=1 ; i<num_2+1 ; i++ ) {
	
		
		if (i==1){  // ************************************************************************ PRIMERA FILA DE VARIABLES 
			
				// debemos discriminar las primeras teniendo en cuenta el template de las fijas en el template
				
					document.getElementById("cell_2_"+i).style.top = "932px";
					document.getElementById("cell_2_"+i).style.visibility = "visible";
					
					controlAlturas("cell_2_"+i);
					
					
					
		} else {   // ************************************************************************ PROXIMAS FILAS DE VARIABLES 
			
					justo_arriba = i-1;
			
					altura_del_de_arriba = document.getElementById("cell_2_" + justo_arriba ).offsetHeight  + parseInt(document.getElementById("cell_2_" + justo_arriba).style.top);
				
					document.getElementById("cell_2_"+i).style.top = altura_del_de_arriba + MARGIN +"px";
				
					document.getElementById("cell_2_"+i).style.visibility = "visible";
					
					controlAlturas("cell_2_"+i)
					
			
		}
	}		
		
		
	// ********************************************* TERCERA COLUMNA 
	for ( i=1 ; i<num_3+1 ; i++ ) {
	
		
		if (i==1){  // ************************************************************************ PRIMERA FILA DE VARIABLES 
			
				// debemos discriminar las primeras teniendo en cuenta el template de las fijas en el template
					
					document.getElementById("cell_3_"+i).style.top = "1176px";
					document.getElementById("cell_3_"+i).style.visibility = "visible";
					
					controlAlturas("cell_3_"+i)
					
		} else {   // ************************************************************************ PROXIMAS FILAS DE VARIABLES 
			
					justo_arriba = i-1;
			
					altura_del_de_arriba = document.getElementById("cell_3_" + justo_arriba ).offsetHeight  + parseInt(document.getElementById("cell_3_" + justo_arriba).style.top);
				
					document.getElementById("cell_3_"+i).style.top = altura_del_de_arriba + MARGIN +"px";
				
					document.getElementById("cell_3_"+i).style.visibility = "visible";
					
					controlAlturas("cell_3_"+i)
			
		}
	}			
		
					
	
	
		// ********************************************* CUARTA COLUMNA 
	for ( i=1 ; i<num_4+1 ; i++ ) {
	
		
		if (i==1){  // ************************************************************************ PRIMERA FILA DE VARIABLES 
			
				// debemos discriminar las primeras teniendo en cuenta el template de las fijas en el template
					
					document.getElementById("cell_4_"+i).style.top = "1176px";
					document.getElementById("cell_4_"+i).style.visibility = "visible";
					
					controlAlturas("cell_4_"+i)
					
					
		} else {   // ************************************************************************ PROXIMAS FILAS DE VARIABLES 
			
					justo_arriba = i-1;
			
					altura_del_de_arriba = document.getElementById("cell_4_" + justo_arriba ).offsetHeight  + parseInt(document.getElementById("cell_4_" + justo_arriba).style.top);
				
					document.getElementById("cell_4_"+i).style.top = altura_del_de_arriba + MARGIN +"px";
				
					document.getElementById("cell_4_"+i).style.visibility = "visible";
					
					controlAlturas("cell_4_"+i)
			
		}
	}			
					
					
					
					
	// ********************************************* QUINTA COLUMNA 
	for ( i=1 ; i<num_5+1 ; i++ ) {
	
		
		if (i==1){  // ************************************************************************ PRIMERA FILA DE VARIABLES 
			
				// debemos discriminar las primeras teniendo en cuenta el template de las fijas en el template
					
					document.getElementById("cell_5_"+i).style.top = "799px";
					document.getElementById("cell_5_"+i).style.visibility = "visible";
					
					controlAlturas("cell_5_"+i)
					
					
		} else {   // ************************************************************************ PROXIMAS FILAS DE VARIABLES 
			
					justo_arriba = i-1;
			
					altura_del_de_arriba = document.getElementById("cell_5_" + justo_arriba ).offsetHeight  + parseInt(document.getElementById("cell_5_" + justo_arriba).style.top);
				
					document.getElementById("cell_5_"+i).style.top = altura_del_de_arriba + MARGIN +"px";
				
					document.getElementById("cell_5_"+i).style.visibility = "visible";
					
					controlAlturas("cell_5_"+i)
			
		}
	}				
			
	//AL FINAL DE TODO SABREMOS LA ALTURA MAXIMA		
	maximaAltura = maximaAltura + 30 + 98 + 5 +10;
	document.getElementById("borde_lateral_derecho").style.height = maximaAltura + "px";		
	document.getElementById("borde_lateral_izquierdo").style.height = maximaAltura + "px";		
	document.getElementById("base").style.height = maximaAltura + 10 + "px";		
	document.getElementById("footer").style.top = maximaAltura - 51 - 5  + "px";
	document.getElementById("footer").style.visibility = "visible";
	document.getElementById("borde_lateral_derecho").style.height = maximaAltura + 10 + "px";		
	document.getElementById("borde_lateral_izquierdo").style.height = maximaAltura + 10 + "px";	
	document.getElementById("borde_lateral_derecho_summer").style.height = maximaAltura + 10 + "px";		
	document.getElementById("borde_lateral_izquierdo_summer").style.height = maximaAltura + 10 + "px";	
	
}