// JavaScript Document
/*
v.1.0
por Victor Ocampo Cicero / webmaster@vicale.com.mx

Ultima modificacion: 25.06.2010

www.vicale.com.mx
*/

//Obtiene el DOM del id que se le envíe.
function get_object(id) {
    var object = null;
    if( document.layers ) {
        object = document.layers[id];
    } else if( document.all ) {
        object = document.all[id];
    } else if( document.getElementById ) {
        object = document.getElementById(id);
    } else
		object = false;
    return object;
}

//Carga la pantalla gris de bloqueo.
function blockScreen () {
	get_object('grayBlock').style.display = 'block';
}

//Cierra la pantalla de bloqueo.
function unblockScreen () {
	get_object('grayBlock').style.display = 'none';
}

//Abre la pantalla del mapa.
function openMapaScreen () {
    get_object('mapaMain').style.display = 'block';
}

//Cierra la pantalla del mapa.
function closeMapaScreen () {
    get_object('mapaMain').style.display = 'none';
}

//Abre la pantalla del popup.
function openPopupWindow () {
    get_object('popupWindow').style.display = 'block';
}

//Cierra la pantalla del popup.
function closePopupWindow () {
    get_object('popupWindow').style.display = 'none';
    get_object('popupContainer').innerHTML = ' ';
}

function showVideoInPopup(where) {
    get_object(where).innerHTML = '<iframe width="560" height="349" src="http://www.youtube.com/embed/vfG6Duz_BgA?rel=0" frameborder="0" allowfullscreen></iframe>';
}

function showVideoOrigen (where) {
    get_object(where).innerHTML = '<video poster="video/origenPortada.jpg" controls="true"><source src="video/origenFinal.webm" type=\'video/webm; codecs="vorbis,vp8"\'><source src="video/origenFinal.mp4" type="video/mp4"><source src="video/origenFinal.ogv" type="video/ogg">Sin soporte para video HTML5.</video>';
}

function showVideoProduccion (where) {
    get_object(where).innerHTML = '<video poster="video/produccionPortada.jpg" controls="true"><source src="video/produccionFinal.webm" type=\'video/webm; codecs="vorbis,vp8"\'><source src="video/produccionFinal.mp4" type="video/mp4"><source src="video/produccionFinal.ogv" type="video/ogg">Sin soporte para video HTML5.</video>';
}

//Permite el fadeIn de un objeto señalado.
//Requiere: STRING Id de objeto, INT milisegundos
function fadeInStd (obj, speed) {
    
    if (arguments.length<3) {
	get_object(obj).style.opacity=.1;
	get_object(obj).style.filter = 'alpha(opacity=10)';
	get_object(obj).style.display="block";
    } 
    
    var opacityAddInterval = function () {
	opacityAdd(get_object(obj), speed);
    }
    
    setTimeout(opacityAddInterval,speed);
    
}

//Funcion que se utiliza mediante el FadeInStd y FadeOutStd
function opacityAdd(obj, speed) {
    
    var tmp = parseFloat(obj.style.opacity);
    
    if (tmp < 1) {
	obj.style.opacity = tmp+.1;
	obj.style.filter = 'alpha(opacity='+((tmp+.1)*100)+')';
	fadeInStd(obj.id.toString(),speed, 1);
    }
    
}

//Permite el fadeOut de un objeto señalado.
//Requiere: STRING Id de objeto, INT milisegundos
function fadeOutStd (obj, speed) {
    
    if (arguments.length<3) {
	get_object(obj).style.opacity=1;
	get_object(obj).style.filter = 'alpha(opacity=100)';
	get_object(obj).style.display="block";
    }
    
    var opacityLessInterval = function () {
	opacityLess(get_object(obj), speed);
    }
    
    setTimeout(opacityLessInterval,speed);
}

//Funcion que se utiliza mediante el FadeInStd y FadeOutStd
function opacityLess (obj, speed) {
    
    var tmp = parseFloat(obj.style.opacity);
    
    if (tmp > 0) {
	obj.style.opacity = tmp-.1;
	obj.style.filter = 'alpha(opacity='+((tmp+.1)*100)+')';
	fadeOutStd(obj.id.toString(),speed, 1);
    } else {
	obj.style.display = 'none';
    }
}

//Muestra u oculta los tags del mapa según aplique
function showTag (obj) {
    //alert (get_object(obj).style.display);
    
    if (get_object(obj).style.display != "block")
	fadeInStd(obj,20);
    else
	fadeOutStd(obj,20);
    
}

/********************Bloque de funciones AJAX **************/

function saveAvatar (which, where) {
    ajax.postData = "perfilImagenes="+which;
    target = where;
    doit('avatarSave.php', get_object(where));
    get_object('reto1Step5Popup').style.display = 'block';
}

/********************Bloque de funciones AJAX **************/