function toggleHead(n){
    for(i=1; i<=3; i++){       
        if(i==n){
		document.getElementById("lft"+i).style.display = "block";
		document.getElementById("lfta"+i).className = "dfhead_hili";
		}
        else{
		document.getElementById("lft"+i).style.display = "none";
		document.getElementById("lfta"+i).className = "";
		}
    }
}
function toggleHeadrt(n){
    for(i=1; i<=3; i++)
    {       
        if(i==n){document.getElementById("rt"+i).style.display = "block";
		document.getElementById("rta"+i).className = "dfhead_hilia";}
        else{document.getElementById("rt"+i).style.display = "none";
		document.getElementById("rta"+i).className = "";}
    }
}
// navin
function youtube_embed(s){document.write('<object width="425" height="355"><param name="movie" value="'+s+'"></param><param name="wmode" value="transparent"></param><embed src="'+s+'" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>');}
window.onload = function() {
	//Para usar, ponga dentro del atributo title esto "Titulo del tooltiptext::Y el contenido del mismo, blabla blabla blabla blabla"
	//Luego coloque el atributo class con el valor "tooltip"
	var tips = new MooTips($$('.tooltip'), {
		maxTitleChars: 50
	});
}

/********* MOOTIPS ************/
var MooTips = new Class({
	options: { // modded for X3
		onShow: function(tip){
			tip.setStyle('visibility', 'visible');
		},
		onHide: function(tip){
			tip.setStyle('visibility', 'hidden');
		},
		showOnClick: false,
		showOnMouseEnter: true,
		maxTitleChars: 30,
		showDelay: 100,
		hideDelay: 100,
		className: 'tool',
		offsets: {'x': 16, 'y': 16},
		fixed: false,
		loadingText: 'Cargando...',
		errTitle: 'Error...',
		errText: 'Ocurrio un problema recuperando el contenido de este tooltip.',
		evalAlways: false
	},

	initialize: function(elements, options){
		this.setOptions(options);
		this.toolTip = new Element('div', {
			'class': this.options.className + '-tip',
			'styles': {
				'position': 'absolute',
				'top': '0',
				'left': '0',
				'visibility': 'hidden'
			},
			'events': {
					'mouseenter': function(event){
						//setting state property, needed on end function
						this.setProperty('state','mouseenter');
					},
					'mouseleave': function(event){
						//setting state property, needed on end function
						this.setProperty('state','mouseleave');
						this.pather.end(event);
					}
			}
		}).inject(document.body);
		
		//didn't find other way to get owner of toolTip inside toolTip
		this.toolTip.pather = this;
			
		this.wrapper = new Element('div').inject(this.toolTip);
		$$(elements).each(this.buildEvents, this);
		$$(elements).each(this.build, this);
		if (this.options.initialize) this.options.initialize.call(this);
	},
	
	buildEvents: function(el) {
		//code with errors but works
		//that's why showOnClick option is false by default
		if (this.options.showOnClick) {
			el.addEvent('click', function(event){
				this.start(el);
				if (!this.options.fixed) this.locate(event);
				else this.position(el);
			}.bindWithEvent(this));
		}
		
		if (this.options.showOnMouseEnter) {
			el.addEvent('mouseenter', function(event){
				this.start(el);
				if (!this.options.fixed) this.locate(event);
				else this.position(el);
			}.bind(this));
		}
		
		if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this));
		var end = this.end.bind(this);
		el.addEvent('mouseleave', end);
		el.addEvent('trash', end);
	},

	build: function(el){ // modded for X3
		el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false);
		if (el.title){
			
			if (el.title.test('^DOM:', 'i')) { // check if we need to extract contents from a DOM element
				el.title = $(el.title.split(':')[1].trim()).innerHTML;				
			} else if (el.title.test('^AJAX:', 'i')) { // check for an URL to retrieve content from
				el.title = this.options.loadingText + '::' + el.title;
			} else if (el.title.test('^EVAL:', 'i')) { // check for a statement to eval
				el.title = this.options.loadingText + '::' + el.title;
			}
								
			var dual = el.title.split('::');
			if (dual.length > 1) {
				el.$tmp.myTitle = dual[0].trim();
				el.$tmp.myText = dual[1].trim();
			} else {
				el.$tmp.myTitle = false;
				el.$tmp.myText = el.title;
			}					
			el.removeAttribute('title');
		} else {
			el.$tmp.myText = false;
		}
		if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "&hellip;";
	},

	start: function(el){ // modded for X3
		this.wrapper.empty();
			
		// check if we have an AJAX request - if so, show a loading animation and launch the request		
		if (el.$tmp.myText && el.$tmp.myText.test('^AJAX:', 'i')) {
			//if (this.ajax) this.ajax.cancel();
			if(this.options.evalAlways) {
				// save original text
				el.$tmp.myEvalAlwaysText = el.$tmp.myText;
			}
			this.ajax = new Ajax (el.$tmp.myText.replace(/AJAX:/i,''), {
				onComplete: function (responseText, responseXML) {
					el.title = responseText;
					this.build(el);
					this.start(el);
					}.bind(this),
				onFailure: function () {
					el.title = this.options.errTitle + '::' + this.options.errText;
					this.build(el);
					this.start(el);
					}.bind(this),
				method: 'get'
				}).request();				
			el.$tmp.myText = '<div class="' + this.options.className + '-loading">&nbsp;</div>';			
		} else if (el.$tmp.myText && el.$tmp.myText.test('^EVAL:', 'i')) {
			var tmp;
			
			if(this.options.evalAlways) {
				// save original text to reevaluate on the fly (AJAX or EVAL only)
				el.$tmp.myEvalAlwaysText = el.$tmp.myText;
			}
			try {
				eval('tmp = ' + el.$tmp.myText.replace(/EVAL:/i, '') + ';');
				var dual = tmp.split('::');
				if (dual.length > 1) {
					el.$tmp.myTitle = dual[0].trim();
					el.$tmp.myText = dual[1].trim();
				} else {
					el.$tmp.myTitle = false;
					el.$tmp.myText = tmp;
				}
			} catch(err) {
				el.$tmp.myTitle = this.options.errTitle;
				el.$tmp.myText = this.options.errText + '<br />--------<br />' + err.description;
			}
		}
	
		if (el.$tmp.myTitle){
			this.title = new Element('span').inject(
				new Element('div', {'class': this.options.className + '-title'}).inject(this.wrapper)
			).setHTML(el.$tmp.myTitle);
		}
		if (el.$tmp.myText){
			this.text = new Element('span').inject(
				new Element('div', {'class': this.options.className + '-text'}).inject(this.wrapper)
			).setHTML(el.$tmp.myText);
			
			if((this.options.evalAlways) && (el.$tmp.myEvalAlwaysText)) {
				// reset text so that it will evaluate again
				el.$tmp.myText = el.$tmp.myEvalAlwaysText;
			}
		}
		$clear(this.timer);
		
		// setting initial state of tip
		this.toolTip.setProperty('state','mouseleave');
		
		this.timer = this.show.delay(this.options.showDelay, this);
	},

	end: function(event){
		$clear(this.timer);
		this.timer = this.hide.delay(this.options.hideDelay, this);
	},

	position: function(element){
		var pos = element.getPosition();
		this.toolTip.setStyles({
			'left': pos.x + this.options.offsets.x,
			'top': pos.y + this.options.offsets.y
		});
	},

	locate: function(event){
		var win = {'x': window.getWidth(), 'y': window.getHeight()};
		var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()};
		var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight};
		var prop = {'x': 'left', 'y': 'top'};
		for (var z in prop){
			var pos = event.page[z] + this.options.offsets[z];
			if ((pos + tip[z] - scroll[z]) > win[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];
			this.toolTip.setStyle(prop[z], pos);
		};
	},

	show: function(){
		if (this.options.timeout) this.timer = this.hide.delay(this.options.timeout, this);
		this.fireEvent('onShow', [this.toolTip]);
	},

	hide: function(){
		// if "fixed", tooltip is only hidden when mouse leaves the tooltip (itself)
		if ((this.toolTip.getProperty('state') == 'mouseleave') || (!this.options.fixed))
			this.fireEvent('onHide', [this.toolTip]);
	}
});
MooTips.implement(new Events, new Options);

/************* Mostrar mensaje si están usando el pseudo-navegador Internet Explorer 6.0 ****************/
function ieVersion() {
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer') {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}
var version = ieVersion();
if ((navigator.appName=="Microsoft Internet Explorer") && (version < 7) && readCookie('end6Off') != '1') {
	makeWindow(); 
}
function closeLayer(theobject,makeCook) {
	var makeCook = makeCook;
	document.getElementById(theobject).style.display="none";
	if (makeCook > '0') {
		createCookie('end6Off',1,14400);
	}
}
function createCookie(name,value,minutes) {
	var minutes = minutes;
	if (minutes) {
		var date = new Date();
		date.setTime(date.getTime()+(minutes*60*1000));
		var expires = "; expires="+date.toGMTString();
	} else {
		var expires = "";
	}
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(the_name) {
	var nameEQ = the_name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function makeWindow() {
	bit = '<div id="bigWindow" style="position:absolute;height:1000px;width:100%;background-color:#000000;opacity:0.50;filter:alpha(opacity=50);z-index:990;top:0px;left:0px;"></div>';
	bit += '<div id="iWindow" style="position:relative;width:900px;margin:0px auto;z-index:1000;font-family: Verdana;">';
	bit += '<div style="position:absolute;top:100px;left:250px;width:400px;height:320px;padding:10px;background-color:#ffffff;border:5px solid #cccccc;font-size:14px;">';
	bit += '<div style="text-align:center;"><b>Alto!!!</b><br />Parace que est&aacute;s usando<br /><b>Internet Explorer 6</b>!!!';
	bit += '<br />&nbsp;<br />Este navegador est&aacute; lleno de problemas de seguridad, es horrible, es lento y no muestra bien las p&aacute;ginas Web.<br />&nbsp;<br />';
	bit += 'Es recomendable que cambies ahora mismo de navegador, puedes usar:<br />';
	bit += '<a href="http://www.mozilla.com/" title="Mozilla Firefox">FireFox</a>';
	bit += ', <a href="http://www.flock.com/" title="Flock">Flock</a>, <a href="http://www.opera.com" title="Opera">Opera</a>, o <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Explorer 7</a>.<br />&nbsp;<br />';
	bit += 'Todos son navegadores gratuitos, mucho mejores, y tardar&aacute;s solo un par de minutos instal&aacute;ndolos.<br />&nbsp;<br />';
	bit += 'Aprende m&aacute;s en: <a href="http://www.end6.org/esp/">End 6</a>.<br />&nbsp;<br />&nbsp;<br /><a href="#" onclick="closeLayer(\'iWindow\',\'1\');closeLayer(\'bigWindow\',\'1\');return false;" style="font-size:10px;">Cerrar esta molesta ventana</a></div>';
	bit += '</div>';
	bit += '</div>';
	document.write(bit);
}

/************* Para los videos o cosas ****************/
//crearVentana(); 
function cerrarVentana(elobjeto) {
	document.getElementById(elobjeto).style.display="none";
}
function crearVentana() {
	bit = '<div id="ventanaGrande" style="position:absolute;height:1000px;width:100%;background-color:#000000;opacity:0.50;"></div>';
	bit += '<div id="ventanita" style="position:relative;width:900px;margin:0px auto;z-index:1000;font-family: Verdana;">';
	bit += '<div style="position:absolute;top:100px;left:250px;width:400px;height:320px;padding:10px;background-color:#ffffff;border:5px solid #cccccc;font-size:14px;">';
	bit += 'este es el contenido<a href="#" onclick="cerrarVentana(\'ventanita\');cerrarVentana(\'ventanaGrande\');return false;" style="font-size:10px;">Cerrar</a></div>';
	bit += '</div>';
	bit += '</div>';
	document.write(bit);
}