/*FUNCIÓN PARA COGER EL TAMAÑO DE LA EL VIEWPORT DE LA PÁGINA*/

function getViewportHeight() {
    var widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal;
    if (typeof window.innerWidth != 'undefined'){
        widthViewport= window.innerWidth-17;
        heightViewport= window.innerHeight-17;
    }else if(typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0){
        widthViewport=document.documentElement.clientWidth;
        heightViewport=document.documentElement.clientHeight;
    }else{
        widthViewport= document.getElementsByTagName('body')[0].clientWidth;
        heightViewport=document.getElementsByTagName('body')[0].clientHeight;
    }
    xScroll=self.pageXOffset || (document.documentElement.scrollLeft+document.body.scrollLeft);
    yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
    widthTotal=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth,widthViewport);
    heightTotal=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,heightViewport);
    return [widthViewport,heightViewport,xScroll,yScroll,widthTotal,heightTotal];

}

/*CADA VEZ QUE SE CAMBIA EL TAMAÑO DE LA IMAGEN SE RECOLOCA LA WEB:FUNCION ESPECÍFICA PARA EL INDEX*/	
function resizeWrapProducts(wrap) {
    var tamlayer=getViewportHeight();
	layertop=tamlayer[1];
	layertop=layertop/2;
	layertop=layertop-280;
	if (layertop<0) {layertop=0;}
	document.getElementById(wrap).style.top= layertop +"px";
	/*En esta parte de la función conseguiremos la opacidad que hay en los elementos no activos, como sabemos que las imagenes centrales ocupan 166 cada una, como son 6 serán 996, todo lo que se salga de este rango deberá aparecer con la opacidad encima, así que controlaremos para las diferentes resoluciones que esto se cumpla, lo único que quedaría por arreglar sería que siempre las imágenes están centradas. Los atributos de posicion absoluta y opacidad estarán en el CSS común a partir de la línea 103*/
	if (tamlayer[0]>996){
		var objBody = document.getElementsByTagName("body").item(0);	
		/*PRIMERO BORRAMOS*/
		if (document.getElementById('leftoverlay')){
		objLeftOver=document.getElementById('leftoverlay');
		objRightOver=document.getElementById('rightoverlay');
		objBody.removeChild(objLeftOver);
		objBody.removeChild(objRightOver);
		}
		var objLeftOver = document.createElement("div");
		var objRightOver = document.createElement("div");
		objLeftOver.setAttribute('id','leftoverlay');
		objRightOver.setAttribute('id','rightoverlay');
		var widthover=(tamlayer[0]-996)/2;
		objLeftOver.style.width=widthover +"px";
		objRightOver.style.width=widthover +"px";
		objLeftOver.style.top=(layertop+170)+"px";
		objRightOver.style.top=(layertop+170)+"px";
		objBody.appendChild(objLeftOver);
		objBody.appendChild(objRightOver);
	}
	else{
		var objBody = document.getElementsByTagName("body").item(0);	
		if (document.getElementById('leftoverlay')){
		objLeftOver=document.getElementById('leftoverlay');
		objRightOver=document.getElementById('rightoverlay');
		objBody.removeChild(objLeftOver);
		objBody.removeChild(objRightOver);
		}
		}
}

/*CADA VEZ QUE SE CAMBIA EL TAMAÑO DE LA IMAGEN SE RECOLOCA LA WEB*/
function resizeWrap(wrap) {
    var layerheight=getViewportHeight();
	layertop=layerheight[1];
	layertop=layertop/2;
	layertop=layertop-250;
	if (layertop<0) {layertop=0;}
	document.getElementById(wrap).style.top= layertop +"px";
}

/*ABRIR EL POPUP EN VENTANA NUEVA*/
function abrir(el_url) {
var especificaciones="top=0, left=0, toolbar=no,location=no, status=no,menubar=no,scrollbars=yes, resizable=no, width=762,height=650"
var titulo="Titulo"
window.open(el_url,titulo,especificaciones);
}