// JavaScript Document
// Preload Images and Swap/Restore////////////////////////////////////
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
doin_g = 0;
function MM_swapImgRestore1() { //v3.0
	if (doin_g == 0) {
		var i,x,a=document.MM_sr;
		for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	} else if (doin_g == 1) {
		document.getElementById("doing").name = "do_ing";
		document.getElementById("doing").id = "do_ing";
	}
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// Modificar dimensions////////////////////////////////////////////////
function ajustar() {
	/*var ample = document.body.offsetWidth;*/
	/*si el navegador es Chrome, Safari,...*/
	var ample = window.innerWidth;
	/*si el navegador es IE*/
	if (ample == undefined) {
		ample = document.documentElement.clientWidth;
		/*si el navegador no funciona amb els anteriors*/
		if (ample == undefined) {
			ample = document.body.clientWidth;
		}
	}
	/*si el navegador es Chrome, Safari,...*/
	var altura = window.innerHeight;
	/*si el navegador es IE*/
	if (altura == undefined) {
		altura = document.documentElement.clientHeight;
		/*si el navegador no funciona amb els anteriors*/
		if (altura == undefined) {
			altura = document.body.clientHeight;
		}
	}
	document.body.style.fontSize = (ample / 40) + "px";
	document.getElementById("row1").style.width = ample - 40 + "px";
	document.getElementById("row2").style.width = ample - 299 + "px";
	document.getElementById("row3").style.width = ample - 40 + "px";
	document.getElementById("column1").style.height = altura - 44 + "px";
	document.getElementById("column4").style.height = altura - 44 + "px";
	/*ajustar div intro*/
	document.getElementById("intro").style.width = ample - 44 + "px";
	document.getElementById("intro").style.height = altura - 44 + "px";
	/*ajustar imatge intro*/
	document.getElementById("introImg").style.height = altura - 188 + "px";
	alt1 = altura - 188;
	var proporcioImg = (alt1 / 0.47547974413);
	if ( proporcioImg > (ample - 44)){
		document.getElementById("introImg").style.width = ample - 44 + "px";
		amp1 = ample - 44;
		proporcioImg = (amp1 * 0.47547974413) + "px";
		document.getElementById("introImg").style.height = proporcioImg;
	} else {
		proporcioImg = proporcioImg + "px";
		document.getElementById("introImg").style.width = proporcioImg;
	}
	document.getElementById("contents").style.width = ample - 88 + "px";
	document.getElementById("cataleg").style.width = ample - 88 + "px";
}

//CARREGAR CATALEG///////////////////////////////////////////////////
function cataleg() {
	object = document.createElement("object");
	object.setAttribute("id", "cataleg");
	object.setAttribute("name", "cataleg");
	object.setAttribute("type", "text/html");
	/*object.setAttribute("data", "surtido_engancha/index.html");*/
	object.setAttribute("data", "http://issuu.com/unwhite/docs/brochure_unwhite_surtido_engancha?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&backgroundColor=FFFFFF");
	document.getElementById("contents").appendChild(object);
	/*si el navegador es Chrome, Safari,...*/
	var ample1 = window.innerWidth;
	/*si el navegador es IE*/
	if (ample1 == undefined) {
		ample1 = document.documentElement.clientWidth;
		/*si el navegador no funciona amb els anteriors*/
		if (ample1 == undefined) {
			ample1 = document.body.clientWidth;
		}
	}
	document.getElementById("contents").style.width = (ample1 - 88) + "px";
	document.getElementById("cataleg").style.width = (ample1 - 88) + "px";
}


// FADER SENCER //////////////////////////////////////////////////////////////////
function iniciar() {
	cataleg();
	ajustar();
	fade('intro');
}
// part 1
var TimeToFade = 200.0;
function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
  if(element.FadeState == null)
  {
    if(element.style.opacity == null 
        || element.style.opacity == '' 
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}
function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  var element = document.getElementById(eid);
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' 
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
	// FAIG DESAPAREIXER IMATGE INTRO
	element.style.display = "none";
    return;
  }
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;
  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}