// JavaScript Document
function loadPage(szID)
{
	window.onresize=drawPage;
	
	if(navigator.appName != "Microsoft Internet Explorer")
	{
			window.onkeypress = chekKey;
	}
	
	this.isCSS = false;
    this.isW3C = false;
    this.isIE4 = false;
    this.isNN4 = false;
    this.isIE6CSS = false;


    if (document.images) {
        this.isCSS = (document.body && document.body.style) ? true : false;
        this.isW3C = (this.isCSS && document.getElementById) ? true : false;
        this.isIE4 = (this.isCSS && document.all) ? true : false;
        this.isNN4 = (document.layers) ? true : false;
		this.isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
    }
	
	this.domObj = this.getRawObject( szID );
    
    this.domObj.style.overflow = 'hidden';
	
	this.theInsideLayer =getRawObject('map');

    this.viewportWidth = this.getObjectWidth(this.domObj);
    this.viewportHeight = this.getObjectHeight(this.domObj);
	drawPage();
	
	
}

function drawPage(valor) {
	visibleMenu();
	document.getElementById("resizeLayer").style.backgroundColor = "#FFFFFF";
	var navegador = navigator.appName;
	var explorer = getRawObject('explorer');
    var service = getRawObject('service');
	var tabsJ = getRawObject('tabsJ');
	
	var linkResize = getRawObject('linkResize');
	var eventsDiv = getRawObject('eventsLogID');
	
	
	
	if ((service.style.width == "0px")&&(valor != 0))
	{
		valor = 1;
	}
	
	if(valor == 1)
	{
		this.isCSS = false;
		this.isW3C = false;
		this.isIE4 = false;
		this.isNN4 = false;
		this.isIE6CSS = false;
	
	
		if (document.images) {
			this.isCSS = (document.body && document.body.style) ? true : false;
			this.isW3C = (this.isCSS && document.getElementById) ? true : false;
			this.isIE4 = (this.isCSS && document.all) ? true : false;
			this.isNN4 = (document.layers) ? true : false;
			this.isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
		}
		
		this.domObj = this.getRawObject( 'viewport' );
		
		this.domObj.style.overflow = 'hidden';
		
		this.theInsideLayer =getRawObject('map');
	
		this.viewportWidth = this.getObjectWidth(this.domObj);
		this.viewportHeight = this.getObjectHeight(this.domObj);
	}

	
    var browserWidth = getInsideWindowWidth();
    var browserHeight = getInsideWindowHeight();

    var viewport = getRawObject('viewport');
    var page = getRawObject('page');
    var layoutFrame = getRawObject('layoutFrame');
  	
  	var imgLyrDiv = getRawObject('imageLayerDiv');
	
	
	document.getElementById("viewport").oncontextmenu = showMenuDisabled;//this.map.getLonLatFromViewPortPx( evt.xy ));
	
	//Pestaņas:
        var mapInfo = getRawObject('mapInfo');
        var zonas = getRawObject('zonas');
        var rutas = getRawObject('rutas');
        var lgnd = getRawObject('leyenda');
		var content = getRawObject('content');
		var contentBackground = getRawObject('contentBackground');
		var contentText = getRawObject('contentText');
		var toolbar = getRawObject('toolbar');
		var linkportal =  getRawObject('linkportal');
	
	if(valor == 1)
	{
		service.style.width = "0px";
		mapInfo.style.width = "0px";
		zonas.style.width = "0px";
		rutas.style.width = "0px";
		lgnd.style.width = "0px";
		
		
		
		if (imgLyrDiv!=null)
		{
			imgLyrDiv.innerHTML = "<a href='#' onClick='drawPage(0);'><img src='img/next.png' border='0' width='6px' height='10px' align='center' id='imgResize' style='cursor:point;cursor:hand;' /></a>";
			tabsJ.style.visibility = "hidden";
		}
		
	}
	else
	{
			service.style.width = "285px";
			mapInfo.style.width = "285px";
			zonas.style.width = "285px";
			rutas.style.width = "285px";
			lgnd.style.width = "285px";
		
		if (imgLyrDiv!=null)
		{
			imgLyrDiv.innerHTML = "<a href='#' onClick='drawPage(1);'><img src='img/prev.png' border='0' width='6px' height='10px' align='center' id='imgResize' style='cursor:point;cursor:hand;' /></a>";
		}
		
		
	tabsJ.style.visibility = "visible";
		
	}
	viewport.style.backgroundColor = "#FFFFFF";
	content.style.display = "none"; 
		
	
	
	 if(this.isIE4) {
        page.style.width = (browserWidth -2) + "px";
    } else {
        page.style.width = browserWidth + "px";
    }
    
     if(this.isIE4) {
        page.style.height = (browserHeight -2) + "px";
    } else {
        page.style.height = browserHeight + "px";
    }
	
	var explorer = getRawObject('explorer');

	var banner = getRawObject('banner'); 
	
	
	if(screen.width=="800")
	{
		explorer.style.height = "50px";
		banner.src="img/cabecera_800.jpg";
	}
	else if(screen.width=="1024")
	{
		explorer.style.height = "64px";
		banner.src="img/cabecera_1024.jpg";
	}
	else if(screen.width=="1152")
	{
		explorer.style.height = "64px";
		banner.src="img/cabecera_1024.jpg";
	}
	else if(screen.width=="1280")
	{
		explorer.style.height = "64px";
		banner.src="img/cabecera_1280.jpg";
	}
	else
	{
		explorer.style.height = "64px";
		banner.src="img/cabecera_1024.jpg";
	}
	
	
	toolbar.style.top = parseInt(explorer.style.height) + 1 + "px";
	
	layoutFrame.style.width = parseInt(page.style.width) + "px";
	layoutFrame.style.height = parseInt(page.style.height) -parseInt(getObjectHeight(explorer)) + "px";
	layoutFrame.style.top= parseInt(getObjectHeight(explorer)) + "px";
	layoutFrame.style.left="0";
	layoutFrame.style.right="0";
	
	var resizeLayer = getRawObject('resizeLayer');
	
	resizeLayer.style.width = "10px";
	
	if (navegador != "Microsoft Internet Explorer")
	{
		resizeLayer.style.top = "32px";
	}
	else
	{
		resizeLayer.style.top = "30px";
	}
	
	
	resizeLayer.style.height = "100%";
	
	
	var linkportal = getRawObject('linkportal');
	
	
	
	if (valor == 1)
	{
		delMeasure();
		linkportal.style.visibility = "hidden";
		if (navegador != "Microsoft Internet Explorer")
		{
			
			resizeLayer.style.left = parseInt(getObjectWidth(service)) + "px";;
		}
		else
		{
			
			resizeLayer.style.left = "0px";//parseInt(getObjectWidth(service)) + "px";;
		}
		
	}
	else
	{
			linkportal.style.visibility = "visible";
			resizeLayer.style.left = parseInt(getObjectWidth(service))+ "px";
	}
	

	
	if (imgLyrDiv!=null)
	{
		imgLyrDiv.style.top = (parseInt(getObjectHeight(resizeLayer)) / 2) - parseInt(getObjectTop(resizeLayer)) + "px";
	}
	if (navegador != "Microsoft Internet Explorer")
	{
		viewport.style.top="32px";
	}
	else
	{
		viewport.style.top="30px";
	}
	if ((navegador != "Microsoft Internet Explorer") && (valor == 1))
	{
		viewport.style.width = parseInt(getObjectWidth(layoutFrame)) - 0 - 2 - parseInt(getObjectWidth(resizeLayer))+ "px";
	}
	else
	{
		if (navegador != "Microsoft Internet Explorer")
		{
			
//			viewport.style.width = parseInt(getObjectWidth(layoutFrame)) - parseInt(getObjectWidth(service)) - parseInt(getObjectWidth(resizeLayer))- 10 + "px";
						viewport.style.width = parseInt(getObjectWidth(layoutFrame)) - parseInt(getObjectWidth(service)) - parseInt(getObjectWidth(resizeLayer))+ "px";
		}
		else
		{
			
			if(valor == 1)
			{
					viewport.style.width = parseInt(getObjectWidth(layoutFrame)) - parseInt(getObjectWidth(resizeLayer)) + "px";
			}
			else
			{
					//viewport.style.top="32px";
					viewport.style.width = parseInt(getObjectWidth(layoutFrame)) - parseInt(getObjectWidth(service)) - parseInt(getObjectWidth(resizeLayer)) + "px";
			}
			
		}
	}
	
	viewport.style.height = parseInt(getObjectHeight(layoutFrame)) -   parseInt(getObjectHeight(toolbar))  + "px";
	
	
	
	if ((navegador != "Microsoft Internet Explorer") && (valor == 1))
	{
		viewport.style.left= "10px";
	}
	else
	{
		if (navegador != "Microsoft Internet Explorer")
		{
			
			viewport.style.left= parseInt(getObjectWidth(service))  + getObjectWidth(resizeLayer) + "px";
		}
		else
		{
			if(valor == 1)
			{
				viewport.style.left= getObjectWidth(resizeLayer) + "px";
			}
			else
			{
					viewport.style.left= parseInt(getObjectWidth(service))  + getObjectWidth(resizeLayer) + "px";
			}
		}
		
		
	}
	
	viewport.style.right="0px";
	
	content.style.left = parseInt(viewport.style.left) + 10  + "px";
	content.style.width = "350px";
	content.style.height = parseInt(viewport.style.height) -20  + "px";
	contentBackground.style.height = parseInt(viewport.style.height) -20  + "px";
	contentText.style.height = parseInt(viewport.style.height) -65  + "px";
	contentText.style.width = "300px";
	contentText.innerHTML = "";
	
	service.style.height = parseInt(getObjectHeight(layoutFrame)) - parseInt(getObjectHeight(linkportal)) - parseInt(getObjectHeight(toolbar)) - 10 + "px";
	service.style.top="32px";
	zonas.style.height = parseInt(service.style.height) + "px";
	mapInfo.style.height = parseInt(service.style.height) + "px";
	rutas.style.height = parseInt(service.style.height) + "px";
	lgnd.style.height = parseInt(service.style.height) + "px";
	
	
	
	
	var northLayer = getRawObject('northLayer');
	northLayer.style.width = "17px";
	northLayer.style.height = "57px";
	northLayer.style.bottom = "35px"; 
	northLayer.style.left = "5px"; 	
	
	
		
	
	var ancho;
	
	if ((navegador != "Microsoft Internet Explorer") && (valor == 1))
	{
		ancho = parseInt(getObjectWidth(layoutFrame)) - 0 - 2;
	}
	else
	{
		ancho = parseInt(getObjectWidth(layoutFrame)) - parseInt(getObjectWidth(service))-2;
	}
	var centerVP = ancho / 2;
	var centerEL = ((ancho * 25)/100)/2;
	
	eventsDiv.style.left = centerVP - centerEL + "px";
	eventsDiv.style.top="5px";
	
	resize();
	
	
	if ((valor == 0) || (valor == 1))
	{
		refreshMapa();
		var panZoombar =  document.getElementById("OpenLayers.Control.PanZoomBar");
		var sz = new OpenLayers.Size(14,14);
		var centered_x2 = parseInt(document.getElementById("viewport").style.width)-parseInt(sz.w) * 4;
		panZoombar.style.left = parseInt(centered_x2) + "px";
	}
	else
	{
		try
		{
			var panZoombar =  document.getElementById("OpenLayers.Control.PanZoomBar");
			var sz = new OpenLayers.Size(14,14);
			var centered_x2 = parseInt(document.getElementById("viewport").style.width)-parseInt(sz.w) * 4;
			panZoombar.style.left = parseInt(centered_x2) + "px";
		}
		catch (e)
		{
			
		}
	}
	
}

function resize()
{
		
  
	
	var newViewportWidth = this.getObjectWidth(this.domObj);
	
    var newViewportHeight = this.getObjectHeight(this.domObj);

    if (this.viewportWidth == null) {
        this.theInsideLayer.style.top = (-1*this.nCurrentTop + this.yOrigin) + "px";
        this.theInsideLayer.style.left = (-1*this.nCurrentLeft + this.xOrigin) + "px";
        this.theInsideLayer.style.top  = (safeParseInt(this.theInsideLayer.style.top) + (newViewportHeight - viewportHeight)/2)+"px";

        this.theInsideLayer.style.left = (safeParseInt(this.theInsideLayer.style.top) + (newViewportWidth - viewportWidth)/2)+"px";
        
        this.viewportWidth = newViewportWidth;
        this.viewportHeight = newViewportHeight;
    }
	this.theInsideLayer.style.width = "100%";
	this.theInsideLayer.style.height = "100%";
	
    var newWide = Math.ceil((newViewportWidth / 256) + 2);
    var newHigh = Math.ceil((newViewportHeight / 256) + 2);
    
    this.viewportWidth = newViewportWidth;
    this.viewportHeight = newViewportHeight;
	
	
   
  
}