function changeImg(alink,img,ref,pos,elements){
	document.getElementById(alink).src='img/'+ref+'big.jpg';
	document.getElementById(img).src='img/'+ref+'.jpg';
	var greendot = document.getElementsByClassName("greendot");
	greendot[alink.charAt(10)-1].className="whitedot";
	var left=document.getElementById('left'+(alink.charAt(10)-1));
	var right=document.getElementById('right'+(alink.charAt(10)-1));
	num=parseInt(ref.charAt(pos));
	switch (num) {
    case 1:
       	left.className="leftoff";
		right.className="righton";
       	break;
    case elements:
       	left.className="lefton";
		right.className="rightoff";
       	break;
    default:
		left.className="lefton";
		right.className="righton";
	} 
}
	
function leftImg(num,elements,position,tip){
	var navegador = navigator.appName;
	var left=document.getElementById('left'+num);
	var right=document.getElementById('right'+num);
	var greendot = document.getElementsByClassName("greendot");
	nid=greendot[num].id;
	antnum=parseInt(nid.charAt(position));
	right.className="righton";
	if ((antnum-1)>=0){
			if (navegador == "Microsoft Internet Explorer") {document.getElementById(tip+(antnum-1)).click();}
			else {document.getElementById(tip+(antnum-1)).onclick();}
			left.className="lefton";
			if ((antnum+1)==elements) left.className="leftoff";
		}
	else
		{
		left.className="leftoff";
	}
}
	
function rightImg(num,elements,position,tip){
	var navegador = navigator.appName;
	var left=document.getElementById('left'+num);
	var right=document.getElementById('right'+num);
	var greendot = document.getElementsByClassName("greendot");
	nid=greendot[num].id;
	antnum=parseInt(nid.charAt(position));
	left.className="lefton";
	if ((antnum+1)<=elements)
		{
			if (navegador == "Microsoft Internet Explorer") {document.getElementById(tip+(antnum+1)).click();}
			else {document.getElementById(tip+(antnum+1)).onclick();}
			right.className="righton";
			if ((antnum+1)==elements) right.className="rightoff";
		}
	else
		{
		right.className="rightoff";
	}
}

/*FUNCIÓN PARA LETRERO FLOTANTE*/

function GetAbsPosition(el) 
{
	 var SL = 0, ST = 0;
	 var is_div = /^div$/i.test(el.tagName);  
	 if (is_div && el.scrollLeft)
		SL = el.scrollLeft;
	 if (is_div && el.scrollTop)
		ST = el.scrollTop;
	 var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
	 if (el.offsetParent) 
	 {
		var tmp = GetAbsPosition(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
}

function abrirMsg(element,num)
{
	var tam=GetAbsPosition(element);
	$('#floatmsg').css({
			top: tam.y-160+'px',
			left: tam.x-135+'px'
	});
	$('#floatmsg').fadeIn('slow');
	var on = document.getElementsByClassName("msgon");
	on[0].className='msgoff';
	$('#msg'+num).addClass('msgon');
	
}

function chargeElements()
{
	$('#servicios1').fadeIn('slow');
	setTimeout ("$('#servicios2').fadeIn('slow')",700);
	setTimeout ("$('#servicios3').fadeIn('slow')",1400);
}




/*--mostrar ocultar capas---------------*/
function mostrar(id) {
  $("#"+id).fadeIn('slow');
  
}

function ocultar(id) {
  document.getElementById(id).style.display ='none';
  
}

function mostrarPaginador(id) {
  $("#"+id).fadeIn('slow');
  
}

function ocultarPaginador(id) {
  document.getElementById(id).style.display ='none';
}

function anterior(){
	var b2=document.getElementById('bloc02').style.display;
	var b3=document.getElementById('bloc03').style.display;
	if (b2=='block'){
  		  document.getElementById('bloc02').style.display ='none';
		  $("#bloc01").fadeIn('slow');
		  document.getElementById('bloc01').style.display ='block';
		  document.getElementById('estado1').src="img/pic_on.png";
		  document.getElementById('estado2').src="img/pic_off.png";
		}
	else if (b3=='block'){
  		  document.getElementById('bloc03').style.display ='none';
		  $("#bloc02").fadeIn('slow');
		  document.getElementById('bloc02').style.display ='block';
		  document.getElementById('estado2').src="img/pic_on.png";
		  document.getElementById('estado3').src="img/pic_off.png";
		}
	
	}
	
function siguiente(){
	var b1=document.getElementById('bloc01').style.display;
	var b2=document.getElementById('bloc02').style.display;
	if (b1=='block'){
  		  document.getElementById('bloc01').style.display ='none';
		  $("#bloc02").fadeIn('slow');
		  document.getElementById('bloc02').style.display ='block';
		  document.getElementById('estado1').src="img/pic_off.png";
		  document.getElementById('estado2').src="img/pic_on.png";
		}
	else if (b2=='block'){
  		  document.getElementById('bloc02').style.display ='none';
		  $("#bloc03").fadeIn('slow');
		  document.getElementById('bloc03').style.display ='block';
		  document.getElementById('estado2').src="img/pic_off.png";
		  document.getElementById('estado3').src="img/pic_on.png";
		}
	
	}

function mostrarserv(id) {
  document.getElementById('serv_inicio').style.display ='none';
  if (id=='serv01'){setTimeout("$('#serv01').fadeIn('slow');",100);}
  else{setTimeout("$('#serv02').fadeIn('slow');",100);}
  
}

function ocultarserv(id) {
  document.getElementById(id).style.display ='none';
  setTimeout("$('#serv_inicio').fadeIn('slow');",100);
  
}

function ocultarPort (id){
	element=document.getElementById(id);
	element.style.display="none";
	}
	
function mostrarPort (id,vari){
	element=document.getElementById(id);
	$("#"+id).fadeIn('slow');
	nid=element.id.charAt(4);
	gallery='.gallery'+nid;
	if (!vari){
	$(gallery).carousel();}
	return true;
}