//autor: 22/05/2008diego_s_martorelli@yahoo.com.ar

var FontSize=8, H1Size=18,H2Size=12 ,H3Size=10, H4Size=9;

//Variables utilizadas para la barra de imagenes deslizable
var Opacity=100; Opacity2=10;

//Variables utilizadas para el slide show.
var ActualPic=0, TotalPics=5, Diming_down=true, Stop= false, Timer;

//Tiempo de Delay entre fotos en segundos;
var DelayTime=5;

function activate(){
//Marca la pestaña como activa cambiandole el estilo
	if(tab=document.getElementById(UnTab)){
		if (tab.filters)
		{
			tab.filters.alpha.opacity='100';
		}else{
			tab.style.opacity='1';
		}
		
	}

}

function loadActiveX(){
	startSlide();
	acomodarOpacity();
	activate();

}

//hago todo este "lio" para no poner opacity en la hoja de estilos ya que no estará estandarizado hasta la css3
function acomodarOpacity(){
	
	lightup('pic_1');

	tabs= document.getElementById('nav')
	if (tabs){
		tabs = tabs.getElementsByTagName('a');
		for (i=0;i<tabs.length ;i++ ){
			lightdownObj(tabs[i]);
		}
		picboxes = document.getElementById('picbar_holder');
		if (picboxes){
			picboxes = picboxes.getElementsByTagName('span');
			for (i=0;i<picboxes.length ;i++ ){
				lightdownObj(picboxes[i]);
			}
		}
		tabsAbajo = document.getElementById('nav-right');
		if (tabsAbajo){
			tabsAbajo = tabsAbajo.getElementsByTagName('img');
			for (i=0;i<tabsAbajo.length ;i++ ){
				lightdownObj(tabsAbajo[i]);
			}
		}
	}
	
}

function lightup(aTab){
//Marca el objeto como activo "iluminandolo"
var tab=document.getElementById(aTab);
		if(tab){
			tab.setAttribute("style", "opacity:1;");
			if (tab.style.setAttribute) //For IE
				tab.style.setAttribute("filter", "alpha(opacity=100");
		}
}


function lightdown(aTab){
//Marca el objeto como inactivao"desiluminandolo"
	var tab=document.getElementById(aTab);
		if (tab){
		tab.setAttribute("style", "opacity:0.5;");
		if (tab.style.setAttribute) //For IE
			tab.style.setAttribute("filter", "alpha(opacity=50");
		}
}

function lightdownObj(tab){
//Marca el objeto como inactivao"desiluminandolo" (esta recibe un objeto en vez del id)
		if (tab) {
			tab.setAttribute("style", "opacity:0.7;");
			if (tab.style.setAttribute) //For IE
				tab.style.setAttribute("filter", "alpha(opacity=70");
		}
}

function aumentarFuente(){
	if (FontSize<20){
		//incremento el valor de las variables globales que guardan los tamanios actuales de los elementos
		FontSize =FontSize+1;	
		H1Size=H1Size+1;
		H2Size=H2Size+1;
		H3Size=H3Size+1;
		H4Size=H4Size+1;
		
		//incremento el tamaño de las fuentes
		contenido=document.getElementById('content');
		contenido.style.fontSize=FontSize+'pt';
	
		
		//recupero los titulos h1 del contenido para aumentarles el tamano
		titulos=contenido.getElementsByTagName("h1");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H1Size+'pt';
		}
	
		//recupero los titulos h1 del contenido para aumentarles el tamano
		titulos=contenido.getElementsByTagName("h2");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H2Size+'pt';
		}

		//recupero los titulos h1 del contenido para aumentarles el tamano
		titulos=contenido.getElementsByTagName("h3");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H3Size+'pt';
		}
		
		//recupero los titulos h1 del contenido para aumentarles el tamano
		titulos=contenido.getElementsByTagName("h4");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H4Size+'pt';
		}
	}
	
}


function reducirFuente(){
		if (FontSize>6){
		//decremento el valor de las variables globales que guardan los tamanios actuales de los elementos
		FontSize =FontSize-1;	
		H1Size=H1Size-1;
		H2Size=H2Size-1;
		H3Size=H3Size-1;
		H4Size=H4Size-1;
		
		//decremento el tamaño de las fuentes
		contenido=document.getElementById('content');
		contenido.style.fontSize=FontSize+'pt';
	
		
		//recupero los titulos h1 del contenido para decrementarles el tamano
		titulos=contenido.getElementsByTagName("h1");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H1Size+'pt';
		}
	
		//recupero los titulos h1 del contenido para decrementarles el tamano
		titulos=contenido.getElementsByTagName("h2");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H2Size+'pt';
		}

		//recupero los titulos h1 del contenido para decrementarles el tamano
		titulos=contenido.getElementsByTagName("h3");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H3Size+'pt';
		}
		
		//recupero los titulos h1 del contenido para decrementarles el tamano
		titulos=contenido.getElementsByTagName("h4");
		//actualizo los tamanios
		for(j=0; j<titulos.length; j++){
			titulos[j].style.fontSize = H4Size+'pt';
		}
	}
}

function selectTab(){
}

// frena el slide de fotos de la izqueirda para que funcionen bien las galerias de imagenes
function stopSlide(){
	clearTimeout(Timer);
	Stop= true;
}

function barraTrans(){
	img = document.getElementById('img_track');
	if (img){
		lightdown('img_track');
	}

}

function startSlide(){
	if (!Stop)	{
		Timer = setTimeout('change_image()',DelayTime*1000);
	}
}


function play(){
	if (Stop = true)	{
		Stop = false;
		startSlide();
	}
	
}



// funcion que "mueve" las imagenes
function rollPicsRight(obj_name, cant){
	if (parseInt(cant) > 1){
		obj=document.getElementById(obj_name);
		obj.style.marginLeft = (parseInt(obj.style.marginLeft) - 8) + 'px';
		cant = parseInt(cant) - 1;
		
		setTimeout('rollPicsRight(\''+obj_name+'\',\''+cant+'\')',10);

	}
}

function rollPicsLeft(obj_name, cant){
	if (parseInt(cant) > 1){
		obj=document.getElementById(obj_name);
		obj.style.marginLeft = (parseInt(obj.style.marginLeft) + 8) + 'px';
		cant = parseInt(cant) - 1;
		
		setTimeout('rollPicsLeft(\''+obj_name+'\',\''+cant+'\')',10);

	}
}

function moveRight(obj_name, cant) {
//Rota las imagenes a la derecha
if (Pos <= CantPics -3){
	Pos = Pos + 1;
	rollPicsRight(obj_name, cant);
}
}

function moveLeft(obj_name, cant) {
//Rota las imagenes a la derecha
if (Pos > 1 ){
	Pos = Pos -1;
	rollPicsLeft(obj_name, cant);
}

}





function change_image(){
if (Diming_down==true) {
	if (Opacity >10){
		tab=document.getElementById('pic_1');
		Opacity=Opacity-10;
		Opacity2=Opacity2-1;
		if (tab.filters)		{
			tab.filters.alpha.opacity=Opacity;
		}else{
			tab.style.opacity='.'+Opacity2;
		}
		setTimeout('change_image()',50);
	}else{
		Diming_down=false;
		if (ActualPic == TotalPics){
			ActualPic=0;
		}else{
			ActualPic=ActualPic+1;
		}
		tab=document.getElementById('pic_1');
		tab.src="images/pic_1_"+ActualPic+".jpg";
		setTimeout('change_image()',50);
	}
}else{
	if (Opacity < 100){
		tab=document.getElementById('pic_1');
		Opacity=Opacity+10;
		Opacity2=Opacity2+1;
		if (tab.filters)		{
			tab.filters.alpha.opacity=Opacity;
		}else{
			if (Opacity2==10)
			{
				tab.style.opacity='1';
			}else{
				tab.style.opacity='.'+Opacity2;
			}
		}
		setTimeout('change_image()',50);
	}else{
		Diming_down=true;
		startSlide();
	}
}
}

