jQuery(document).ready(function()
{
var bIntersticial = jQuery('#cont_banner_intersticial');

var creabotones = function()
{
	jQuery('#cabecera_ptd_wrapper').append('<div id="bi_control"></div>')
	jQuery('#bi_control').append('<img id="bi_muestra_banner_int" src="/lang/img/botones/boton_inactivo_png.png" alt="Mostrar banner" style="cursor:pointer" width="26" height="26" />');
	jQuery('#bi_control').append('<img id="bi_oculta_banner_int" src="/lang/img/botones/boton_png.png" alt="Mostrar banner" style="cursor:pointer" width="26" height="26" />');
	
	jQuery('#bi_muestra_banner_int').bind('click.intersticial',bAnterior);
	jQuery('#bi_oculta_banner_int').bind('click.intersticial',bSiguiente);
		
}

var bSiguiente = function() {
	if(jQuery('#cont_banner_intersticial').css('display') == 'block')
	{
		jQuery('#cont_banner_intersticial').fadeOut(1000);
		jQuery('#bi_muestra_banner_int').attr('src','/lang/img/botones/boton_inactivo_png.png');
		jQuery('#bi_oculta_banner_int').attr('src','/lang/img/botones/boton_png.png');
	}
}

var bAnterior = function() {
	if(jQuery('#cont_banner_intersticial').css('display') == 'none')
	{
		jQuery('#cont_banner_intersticial').fadeIn(2000);
		jQuery('#bi_muestra_banner_int').attr('src','/lang/img/botones/boton_png.png');
		jQuery('#bi_oculta_banner_int').attr('src','/lang/img/botones/boton_inactivo_png.png');
	}
}


//si existe el banner intersticial
if (bIntersticial.html() != '')
{
  //la plantilla xslt genera una imagen con el id 'img_fondo_intersticial' que contiente la imagen que será el fondo
  var imgFondo = jQuery('#img_fondo_intersticial');
  /*
  var srcImg = jQuery('#img_fondo_intersticial').attr('src');
  //creamos un elemento imagen que nos servira de cargador para conocer el evento de carga de la imagen
  var img = new Image();
  
  //cuando el elemento imagen se haya cargado detectamos el evento
  //IMPORTANTE emplear el metodo one, para evitar que el explorer se vuelva loco y carge la imagen una y otra vez
  jQuery(img).one('load',function () 
  {
	//eliminamos la imagen de fondo
	imgFondo.remove();
	//creamos los botones para cambiar del banner a la portada
	creabotones();
	//cargamos el banner pero no lo mostramos
	jQuery(this).remove();
	
  }).error(function ()
  {
  })
  //damos al elemento imagen provisional el origen de la imagen de fondo para que la cargue
  .attr('src', srcImg);
  */
  imgFondo.remove();
  creabotones();
} 


});