/**
 * @author David López González
 */

 /**
     * These parameters for simple browser detection. Used in Ext.js.
     *
     * @ignore
     */
    var ua = navigator.userAgent.toLowerCase();
    var isStrict = document.compatMode == 'CSS1Compat',
        isOpera = ua.indexOf("opera") > -1,
        isIE = ua.indexOf('msie') > -1,
        isIE7 = ua.indexOf('msie 7') > -1,
        isBorderBox = isIE && !isStrict,
        isSafari = (/webkit|khtml/).test(ua),
        isSafari3 = isSafari && !!(document.evaluate),
        isGecko = !isSafari && ua.indexOf('gecko') > -1,
        isWindows = (ua.indexOf('windows') != -1 || ua.indexOf('win32') != -1),
        isMac = (ua.indexOf('macintosh') != -1 || ua.indexOf('mac os x') != -1),
        isLinux = (ua.indexOf('linux') != -1);


Event.observe(window, 'load', function(){

	var options = {
		assetURL: '/js/shadowbox/',
		keysClose:['p', 27],
		keysPrev: ['a', 37],
		keysNext: ['s', 39],
		fadeDuration: 0.5,
		text: {
			cancel:"Cancelar",
			loading:"cargando",
			close:'<span class="shortcut">P</span>echar',
			next:'<span class="shortcut">S</span>eguinte',
			prev:'<span class="shortcut">A</span>nterior',
			errors: {
				single:'Vostede debe instalar o <a href="{0}">{1}</a> plugin do seu navegador a fin de ver este tipo de contido.',
				shared:'Vostede debe instalar os plugins <a href="{0}">{1}</a> e <a href="{2}">{3}</a> do seu navegador a fin de ver este tipo de contido.',
				either:'Vostede debe instalar ben o plugins <a href="{0}">{1}</a> ou ben o plugin <a href="{2}">{3}</a> do seu navegador a fin de ver este tipo de contido.'
			}
		}
	};
	if (isGecko && isMac) {
		var links = [];
	    var a = document.getElementsByTagName('a'), rel;
	    for(var i = 0, len = a.length; i < len; ++i){
	        rel = a[i].getAttribute('rel');
	        if (rel && /^(light|shadow)box/i.test(rel)) {
				//links[links.length] = a[i];
				Event.observe(a[i], 'click', function(){
					location.href = $(this).up().down('h2').down('a').href + "#video";// next produce un error
				});
			}
	    }
	}else{
		Shadowbox.init(options);	
	}
	
    
	$$("#bloque-canal-navegacion .pestana a").each(
		function(e){
			var element = e;
			Event.observe(e, 'click',
				function(event){
					var target = $($(e).readAttribute("href").substr(e.readAttribute("href").indexOf("#") + 1));
					if(!target.hasClassName("seleccionado")){
						$$(".pestana a").each(function(e){
							e.removeClassName("seleccionado");
						});
						
						$$(".bloque-corpo-canal").each(function(e){
							new Effect.Fade(e, {
								duration: 0.5,
								afterFinish: function(){
									e.up(".bloque-canal").removeClassName("seleccionado");
									element.addClassName("seleccionado");
									target.addClassName("seleccionado");
									new Effect.Appear(target.down(".bloque-corpo-canal"), {
										duration: 0.5});
								}});
						});
						
					}
					Event.stop(event);
				}, true
			);
		}
	);
 });