// JavaScript Document
var slider;
var sliderIntervalId = 0;
var sliderHeight = 0;
var sliding = false;
var slideSpeed = 10;
var nId=0;
var previa = false;
var navegador=0;
p_ample=0;
p_alt=0;
var opacitat = 0;

function carga() {

	if(navigator.userAgent.indexOf("MSIE")>=0) {
		navegador=0;
		p_ample=document.body.offsetWidth;   
		p_alt=document.body.offsetHeight;
		//p_ample=document.documentElement.offsetWidth;   
		//p_alt=document.documentElement.offsetHeight;
	} else {
		navegador=1;
		p_ample=window.innerWidth;
		p_alt=window.innerHeight;
	}
	
	//slide('1');

	var i;
	var imagenes = new Array('imatges/deferro_x_1.jpg','imatges/deferro_0.jpg','imatges/deferro_1.jpg','imatges/verdehoja_x_1.jpg','imatges/verdehoja_0.jpg','imatges/verdehoja_1.jpg','imatges/novessendes_x_1.jpg','imatges/novessendes_0.jpg','imatges/novessendes_1.jpg','imatges/ampaiesbetxi_x_1.jpg','imatges/ampaiesbetxi_0.jpg','imatges/ampaiesbetxi_1.jpg','imatges/ampa.jpg','imatges/esmaltadores_xx.jpg','imatges/clasificacio.jpg','imatges/v-sft.jpg');
	var lista_imagenes = new Array();
	for(i in imagenes){
		lista_imagenes[i] = new Image();
		lista_imagenes[i].src = imagenes[i];
	}
	slide('1');
}

function redimensionar() {
	if(navegador==0) {
		p_ample=document.body.offsetWidth;   
		p_alt=document.body.offsetHeight;
		//p_ample=document.documentElement.offsetWidth;   
		//p_alt=document.documentElement.offsetHeight;
	} else {
		p_ample=window.innerWidth;
		p_alt=window.innerHeight;
	}
}

function slide(n) {
	if (sliding) {
		return;
	}
	if (nId!=n && nId!=0) {
		if (nId==4) {
			vore_fora();
		}
		
		previa = true;
		sliding = true;
		switch(nId) {
			case '1':
			document.getElementById('cara').style.visibility='hidden';
			slider = document.getElementById('despl_1');
			break;
			case '2':
			slider = document.getElementById('despl_2');
			break;
			case '3':
			slider = document.getElementById('despl_3');
			break;
			case '4':
			slider = document.getElementById('despl_4');
			break;
			case '5':
			contraportada(n);
			return;
			break
		}
		nId = n;
		if ( sliderHeight == 350 ) {
			sliderIntervalId = setInterval('SlideUpRun()' , 30);
		}
	} else {
		nId = n;
		sliding = true;
		switch(nId) {
			case '1':
			document.getElementById('cara').style.visibility='hidden';
			slider = document.getElementById('despl_1');
			break;
			case '2':
			slider = document.getElementById('despl_2');
			break;
			case '3':
			slider = document.getElementById('despl_3');
			break;
			case '4':
			slider = document.getElementById('despl_4');
			break;
		}
		if ( sliderHeight == 350 ) {
			sliderIntervalId = setInterval('SlideUpRun()' , 30);
		} else {
			sliderIntervalId = setInterval('SlideDownRun()' , 30);
		}
	}
}

function SlideUpRun() {
	if ( sliderHeight <= 0 ) {
		sliding = false ;
		sliderHeight = 0;
		slider.style.height = '0px';
		clearInterval (sliderIntervalId);
		if (previa==true) {
			previa=false;
			if (nId==5) {
				contraportada(nId);
			} else {
				slide(nId);
			}
		} else {
			nId=0;
		}
	} else {
		sliderHeight -= slideSpeed;
		if ( sliderHeight < 0 ) {
			sliderHeight = 0;
		}
		slider.style.height = sliderHeight + 'px';
	}
}

function SlideDownRun (){
	if ( sliderHeight >= 350 ){
		sliding = false;
		sliderHeight = 350;
		slider.style.height = '350px';
		clearInterval ( sliderIntervalId );
		if (nId==1) {
			document.getElementById('cara').style.visibility='visible';
		}
		if (nId==5) {
			sliderIntervalId = setInterval("fade_in('contraportada')" , 30);
		}
	} else {
		sliderHeight += slideSpeed;
		if ( sliderHeight > 350 ){
			sliderHeight = 350;
		}
		slider.style.height = sliderHeight + 'px';
	}
}

function contraportada(n) {
	if (sliding) {
		return;
	}
	if (nId!=n && nId!=0) {
		previa = true;
		sliding = true;
		switch(nId) {
			case '1':
			document.getElementById('cara').style.visibility='hidden';
			slider = document.getElementById('despl_1');
			break;
			case '2':
			slider = document.getElementById('despl_2');
			break;
			case '3':
			slider = document.getElementById('despl_3');
			break;
			case '4':
			slider = document.getElementById('despl_4');
			break;
		}
		nId = 5;
		if ( sliderHeight == 350 ) {
			sliderIntervalId = setInterval('SlideUpRun()' , 30);
		}
	} else {
		nId = n;
		sliding = true;
		
		if ( opacitat == 100 ) {
			sliderIntervalId = setInterval('fade_out("contraportada")' , 30);
		} else {
			document.getElementById('despl_5').style.height="350px";
			sliderIntervalId = setInterval('fade_in("contraportada")' , 30);
		}
	}
}


function fade_in(e){
	var obj=document.getElementById(e);

	opacitat ++;
	if (opacitat>99) {
		sliding = false;
		opacitat = 100;
		clearInterval(sliderIntervalId);
	}
	//obj.style.MsFilter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+opacitat+')';
	obj.style.filter = 'alpha(opacity='+opacitat+')';
	obj.style.opacity = opacitat /100;
	//obj.style.MozOpacity = opacitat /100;
	//obj.style.KHTMLOpacity = opacitat /100;
}

function fade_out(e){
	var obj=document.getElementById(e);
	opacitat--;
	if (opacitat<1) {
		sliding = false ;
		opacitat = 0;
		clearInterval (sliderIntervalId);
		if (previa==true) {
			previa=false;
			slide(nId);
		} else {
			nId=0;
		}
	}
	//obj.style.MsFilter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+opacitat_1+')';
	obj.style.filter = 'alpha(opacity='+opacitat+')';
	obj.style.opacity = opacitat /100;
	//obj.style.MozOpacity = opacitat_1 /100;
	//obj.style.KHTMLOpacity = opacitat_1 /100;
}

function valFormulari(){
	document.getElementById('confirma').innerHTML="enviando...";
	if (document.getElementById('nom').value==""){
		document.getElementById('confirma').innerHTML="El nombre es un dato que debe rellenarse obligatoriamente";
		document.getElementById('nom').focus();
		return false
	}
	if (document.getElementById('comentari').value==""){
		document.getElementById('confirma').innerHTML="Debes indicarnos un mensaje";
		document.getElementById('comentari').focus();
		return false
	}
	enviarformulari();
	return false;
}

function enviarformulari(){
	var nom = document.getElementById('nom').value;
	var medi = document.getElementById('medi').value;
	var comentari = document.getElementById('comentari').value;

	divResultat = document.getElementById('confirma');

	ajaxenv=objecteAjax();
	ajaxenv.open("POST", 'envcontacte.php', true);

	ajaxenv.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	ajaxenv.send('nom='+nom+'&medi='+medi+'&comentari='+comentari);

	ajaxenv.onreadystatechange=function() {
		if (ajaxenv.readyState==4) {
			divResultat.innerHTML = ajaxenv.responseText;
			document.getElementById('nom').value="";			
			document.getElementById('medi').value="";			
			document.getElementById('comentari').value="";			
		}
	}
}

function objecteAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

function vore_damunt(a,w,h,p) {
	
	document.getElementById('p_1').src="imatges/deferro_0.jpg";
	document.getElementById('p_2').src="imatges/verdehoja_0.jpg";
	document.getElementById('p_3').src="imatges/novessendes_0.jpg";
	document.getElementById('p_4').src="imatges/ampaiesbetxi_0.jpg";

	switch(p) {
		case 1:
			document.getElementById('p_1').src="imatges/deferro_1.jpg";
		break;
		case 2:
			document.getElementById('p_2').src="imatges/verdehoja_1.jpg";
		break;
		case 3:
			document.getElementById('p_3').src="imatges/novessendes_1.jpg";
		break;
		case 4:
			document.getElementById('p_4').src="imatges/ampaiesbetxi_1.jpg";
		break;
	}
		
	var etiq="p_"+p;
	document.getElementById('portf_'+p);

	var y=100;
	var imtg="imatges/" + a;
	var x=(Math.floor(p_ample/2)-80)+((p_ample)-(p_ample/2))-w;		
	
	document.getElementById('damunt').style.width=w + 'px';
	document.getElementById('damunt').style.height=h + 'px';
	document.getElementById('damunt').src=imtg;
	document.getElementById('damunt').style.top=y + 'px';
	document.getElementById('damunt').style.left=x + 'px';
	document.getElementById('damunt').style.display="block";


	w0=(p_ample)-(p_ample/2);
	h0=480;
	x0=Math.floor(p_ample/2)-80;
	y0=100;
	document.getElementById('davall').style.width=w0 + 'px';
	document.getElementById('davall').style.height=h0 + 'px';
	document.getElementById('davall').style.top=y0 + 'px';
	document.getElementById('davall').style.left=x0 + 'px';
	document.getElementById('davall').style.display="block";

	document.getElementById('portf_1').style.display="none";
	document.getElementById('portf_2').style.display="none";
	document.getElementById('portf_3').style.display="none";
	document.getElementById('portf_4').style.display="none";
	
	var txt=document.getElementById('portf_'+p);
	
	wt=(p_ample)-(p_ample/2)-w-20

	txt.style.width=wt + 'px';
	txt.style.height=h0 + 'px';
	txt.style.top=y0 + 'px';
	txt.style.left=x0 + 'px';
	txt.style.display="block";
}

function vore_fora() {
	document.getElementById('p_1').src="imatges/deferro_0.jpg";
	document.getElementById('p_2').src="imatges/verdehoja_0.jpg";
	document.getElementById('p_3').src="imatges/novessendes_0.jpg";
	document.getElementById('p_4').src="imatges/ampaiesbetxi_0.jpg";

	document.getElementById('damunt').style.display="none";
	document.getElementById('damunt').style.width='0px';
	document.getElementById('damunt').style.height='0px';
	document.getElementById('damunt').src="";
	document.getElementById('damunt').style.top='0px';
	document.getElementById('damunt').style.left='0px';

	document.getElementById('davall').style.display="none";
	document.getElementById('davall').style.width='0px';
	document.getElementById('davall').style.height='0px';
	document.getElementById('davall').style.top='0px';
	document.getElementById('davall').style.left='0px';
	
	document.getElementById('portf_1').style.display="none";
	document.getElementById('portf_2').style.display="none";
	document.getElementById('portf_3').style.display="none";
	document.getElementById('portf_4').style.display="none";
}

function dins(d) {
	var id=d;	
	document.getElementById(id).style.color="#FFFFFF";
}

function fora(d) {
	document.getElementById(d).style.color="#0099FF";
}
	
function dins_s(d) {
	document.getElementById(d).style.color="#FFFFFF";
	var desc="";
	switch (d) {
		case "li_1":
			desc=""
		break;
		case "li_2":
			desc='Dise&ntilde;os web &uacute;nicos y exclusivos para cada proyecto'
		break;
		case "li_3":
			desc='HTML(XHTML) con hojas de estilo CSS que siguen las recomendaciones y est&aacute;ndares del World Wide Web Consortium (W3C)'
		break;
		case "li_4":
			desc='<ul><li>Webs din&aacute;micas y autoadministradas</li><li style="font-size:60%">Cat&aacute;logos de productos, tiendas virtuales, gesti&oacute;n de ususarios, gestores de contenidos...</li><div class="sep08"></div><li>tecnolog&iacute;as usadas:<ul><li>Jaavascript.</li><li>AJAX</li><li>PHP, ASP.</li><li>Bases de datos: MySQL, Access, SQL Server.</li></ul></li></ul>'
		break;
		case "li_5":
			desc='<ul><li>Registro en principales buscadores</li><li>Archivo robots.txt y sitemap.xml</li><li>Etiquetas meta</li><li>Web semantica y usabilidad</li><ul>'
		break;
		case "li_6":
			desc="<ul><li>Diseņo de logos, tratamiento de imagenes, dibujo por ordenador</li><li>Papeleria empresarial</li><li>Folletos, cat&aacute;logos</li><li>Carteleria...</li></ul>"
		break;
		case "li_7":
			desc="<ul><li>Desarrollo de aplicaciones adaptadas a cada necesidad espec&iacute;fica de informaci&oacute;n</li><li>Access con VBA, Visual Basic...</li></ul><ul><li>Programaci&on ERP EKON-2 de CCS-Agresso</li></ul>"
		case "li_8":
			desc=""
		break;
		break;
	}
	document.getElementById("aserveis").style.visibility="hidden";
	document.getElementById("tserveis").innerHTML=desc;
	document.getElementById("tserveis").style.visibility="visible";
			
}

function fora_s(d) {
	document.getElementById(d).style.color="#FFFF66";
	document.getElementById("tserveis").style.visibility="hidden";
	document.getElementById("tserveis").innerHTML='';
	document.getElementById("aserveis").style.visibility="visible";
}

function tip(event,imtg,w,h,m) {
	if (m==1) {
		if(navegador==0) {
			cursor_x=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
			cursor_y=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
		}
		if(navegador==1) {    
			cursor_x=event.clientX+window.scrollX;
			cursor_y=event.clientY+window.scrollY;
		}
		var d=document.getElementById("tip_imtg");
		d.innerHTML='<img src="imatges/' + imtg + '" />';
		d.style.width=w + "px";
		d.style.height=h + "px";
		d.style.top=cursor_y-h-12 + "px";
		d.style.left=cursor_x-(w/2) + "px";
		d.style.display="block";
	} else {
		var d=document.getElementById("tip_imtg");
		d.style.display="none";
		d.innerHTML='';
		d.style.width=0;
		d.style.height=0;
		d.style.top=0;
		d.style.left=0;
	}
	
}