// JavaScript Document
// http://www.mde.es/
// Ministerio de Defensa
// Día de las Fuerzas Armadas
// webdeveloperchis - 02.06.2010
// Hace uso del framework "jquery-1.4.2.min.js"
// Hace uso del Plugin "jquery.fancybox-1.3.1.pack.js"
// Ocultar elementos por CSS si y solo si disponemos de javascript
var javascriptActivado = document.getElementById && document.getElementsByTagName;
if(javascriptActivado){document.documentElement.className="js";}
// DESPUES EN EL CSS -> .js #elemento {display:none;}
// Variables
// Para conseguir en el dffaa2006 parar el audio del player en IE al cambiar entre spot
var spot2006=[];
spot2006[0]='';
spot2006[1]='';
var destino;
// Para conseguir en el dffaa2010 parar el audio del player en IE al cambiar entre spot
var spot2010=[];
spot2010[0]='';
spot2010[1]='';
spot2010[2]='';
// Funciones
function menutv(){
// Leemos a donde apunta el enlace
destino=$(this).attr('href');
if($.browser.msie){
switch( $('#pagina').attr('class') ){
// Para conseguir en el dffaa2006 parar el audio del player en IE al cambiar entre spot
case 'dffaa2006':
$('div#player').html(spot2006[destino.split('tv')[1]-1]);
break;
// Para conseguir en el dffaa2010 parar el audio del player en IE al cambiar entre spot
case 'dffaa2010':
$('div#player').html(spot2010[destino.split('tv')[1]-1]);
break;
default:
return false;
}
}else{
// Para el resto de navegadores que lo hacen correctamente
// Ocultamos todos los object
$('div#player object').hide();
// Mostramos el object con ID apuntado por el enlace
$(destino).show();
// Forzamos el dibujado del object elegido
$(destino).attr('style','display:block');
}
// Modificacion del color del enlace activo del menu para elegir entre los spot
$('ul.menutv li a').attr('style','color:#000;')
$(this).attr('style','color:#999;')
// Anulamos el comportamiento de ancla original tras clicar en el enlace
return false;
}
function menugalerias(){
// Leemos a donde apunta el enlace
var destino=$(this).attr('href');
// Ocultamos todos los galeriafotos
$('div.galeriafotos').hide();
// Mostramos el ID apuntado por el enlace
$(destino).fadeIn("slow").find('ul.fotosgaleria').fadeIn("slow");
// Modificacion del color del enlace activo del menu para elegir entre las galerias de fotos
$('ul.menugalerias li a').attr('style','color:#000;')
$(this).attr('style','color:#999;')
// Anulamos el comportamiento de ancla original tras clicar en el enlace
return false;
}
function menugaleria(){
// Leemos a donde apunta el enlace
var destino=$(this).attr('href');
// Ocultamos todos los grupos (ul) de 12 fotografias
$('ul.fotosgaleria').hide();
// Mostramos el ID apuntado por el enlace
$(destino).fadeIn("slow");
// Modificacion del color del enlace activo del menu para elegir entre los grupos de fotos de cada galeria de fotos
$('ul.menugaleria li a').attr('style','color:#000;')
$(this).attr('style','color:#999;')
// Anulamos el comportamiento de ancla original tras clicar en el enlace
return false;
}
function hoverIngaleriaie6(){
// Comprobamos que el navegador sea IE 6
if( $.browser.msie && $.browser.version < 7 ){
$(this).attr('style','text-indent:0;');
}
}
function hoverOutgaleriaie6(){
// Comprobamos que el navegador sea IE 6
if( $.browser.msie && $.browser.version < 7 ){
$(this).attr('style','text-indent:-92px;');
}
}
//------------------------------------------------------------------
$(function(){
// Para abrir el destino de un enlace en otra ventana
$('a.blank').attr('target','_blank"').attr('title','Se abrirá en otra ventana');
// Para alternar entre los spot de TV
$('ul.menutv li a').click(menutv);
// Para alternar entre las galerias de fotos
$('ul.menugalerias li a').click(menugalerias);
// Para alternar entre los grupos de fotografias de cada galeria de fotos
$('ul.menugaleria li a').click(menugaleria);
// MouseOver para IE6 en la galeria de fotos generica del dffaa
$('ul.dffaagaleria li').hover(hoverIngaleriaie6,hoverOutgaleriaie6);
// Para lanzar el lightBox "fancybox" de las galerias de fotos MDE
$("a[rel=galeria]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return 'Foto ' + (currentIndex + 1) + ' de ' + currentArray.length + (title.length ? ' ' + title : '') + '';
}
});
// Para lanzar el lightBox "fancybox" de las galerias de fotos ciudadanos
$("a[rel=galeria2]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return 'Foto ' + (currentIndex + 1) + ' de ' + currentArray.length + (title.length ? ' ' + title : '') + '';
}
});
});