$(document).ready(function(){

	/* ************************************
	*		 CABECERA 
	************************************/
	$('div#representacionDestacada a').append('<span>Haz click para más información</span>');
	
	/* ************************************
	*		 LATERAL IZQUIERDO 
	************************************/
	
	var mostrarTXT = '<span>Ver ediciones anteriores</span>';
	var ocultarTXT = '<span>Ocultar ediciones anteriores</span>';
	
	$('div.hemeroteca').hide();
	$('dl.revista').addClass('js').append('<dd class="show-hemeroteca">'+mostrarTXT+'</dd>');
	$('dd.show-hemeroteca').click(function(){
		var thisClickado = $(this);
		$(this).parent().next('div.hemeroteca').slideToggle();
	});
	$('dd.show-hemeroteca').toggle(function(){
							$(this).html(''+ocultarTXT+'');
				}, function () {
							$(this).html(''+mostrarTXT+'');
				});

	$('span.hide-hemeroteca').click(function(){
		$(this).prev('div.hemeroteca').hide();
		$('dd.show-hemeroteca').show();
	});

	
	/* ************************************
	*		 CARRUSEL 
	************************************/
	
	var lisEnCarrusel = $('ul#carrusel li').size();
	var anchoImagen = $('ul#carrusel li').width();
	var anchoCarrusel = (lisEnCarrusel*anchoImagen)/10;
	
	$('ul#carrusel').addClass('js')
					.css({'width':''+anchoCarrusel+'em',
						  'overflow':'hidden',
						  'margin':'0'})
				    .wrap('<div id="carrusel-div"></div>');;
					
	$('div#carrusel-div').after('<ul id="pagina-carrusel"></ul>');
	$('ul#carrusel li').each(function(i){
									  i = i+1;
									  var alt = $(this).children('img').attr('alt');
									  $(this).append('<span>'+alt+'</span>');
									  $('ul#pagina-carrusel').append('<li class="item'+i+'"><span rel="'+i+'">'+i+'</span></li>');
									  });
	
	$('ul#pagina-carrusel li:first-child span').addClass('activo');
	

	$('ul#pagina-carrusel li span').hover(
										  function(){ $(this).addClass('hover')},
										  function(){ $(this).removeClass('hover')}
										  );
	var total_li_carrusel = $('ul#pagina-carrusel li').size();
	
	if ($('#contenido').hasClass('media')) {
		var margenNegativo = 48;
	}
	if ($('#contenido').hasClass('ficha')) {
		var margenNegativo = 47.7;
	}
	
	function carrusel(item_prev){
								var margen = item_prev * margenNegativo;	
								$('ul#carrusel').animate({marginLeft: '-'+margen+'em'},500);
							}
	
	function pagina_carrusel(item){ $('ul#pagina-carrusel li span.activo').removeClass('activo')
									$('ul#pagina-carrusel li span[rel='+item+']').addClass('activo');
									}
	
	
	$('ul#pagina-carrusel li span').click(function(){
												   var item_prev = ($(this).attr('rel'))-1;
												   var item = $(this).attr('rel');
												   carrusel(item_prev);
												   pagina_carrusel(item);
												   });
												   
	/* ************************************
	 * 	VIDEO DE "EL TEATRO EN IMÁGENES"
	* *************************************/ 
	
	$('#contenido.media div.video a').flash(
		{ width: 480, height: 270 },
		{ version: 8 },
		function(htmlOptions) {
			var $this = $(this);
			htmlOptions.src = $this.attr('href');
			$this.before($.fn.flash.transform(htmlOptions));						
		}
	).hide();

									   
	/* ***********************
	 * 		NOTICIAS
	* ***********************/													   
	$('ul#noticias li:even').addClass('even');												   
	
	$('ul#noticias li').hover(function(){
								$(this).addClass('hover').css({cursor:'pointer'});
								},function(){
								$(this).removeClass('hover');
								});
	
	$('ul#noticias li').click(function(){
		window.location = $(this).find('a:first').attr('href');
      });

	
	/* *********************
	 * PROGRAMACION
	 ***********************/
	$('ul#program li:odd').addClass('odd');	
	$('ul#program li h3, ul#program li dl dd.fecha, ul#program li dd.precio, ul#program li img').hover(function(){
								$(this).parents('ul#program li').addClass('hover').css({cursor:'pointer'});
								},function(){
								$(this).parents('ul#program li').removeClass('hover').css({cursor:'default'});
								});
	$('ul#program li h3, ul#program li dl dd.fecha, ul#program li dd.precio, ul#program li img').click(function(){
		window.location = $(this).parents('ul#program li').find('dd.masinfo a').attr('href');
      });


	/* *************************
	 * 		FICHA DE LA OBRA 
	 * *************************/

	$('#contenido.ficha div.video a').flash(
		{ width: 477, height: 355 },
		{ version: 8 },
		function(htmlOptions) {
			var $this = $(this);
			htmlOptions.src = $this.attr('href');
			$this.before($.fn.flash.transform(htmlOptions));						
		}
	).hide();

								 
	$('form#valoracion_form label span').hover(function(){
															$(this).addClass('hover')
																					},function(){
															$(this).removeClass('hover')
															});
	$('form#valoracion_form label').addClass('js');																							 
	$('form#valoracion_form input').addClass('oculto')
									.click(function(){
										   $(this).parents('form#valoracion_form').submit();
									});						 
		
	/* **********************							 
	 * 		CONTACTO
	 * *********************/
	
	$('div#contenido.boletin div#lopd').hide();
	$('div#contenido.boletin form a').click(function(e){
			e.preventDefault();
			$('div#contenido.boletin div#lopd').slideDown();		
	});							 


	/* ***********************
	 * 	TOOLTIP EN LAS OBRAS
	 * ***********************/
							
				$('dd.comprar span').each(function(){
					var sutitle = $(this).attr('title');
					$(this).attr({'rel':sutitle,'title':''})
				});
				$('dl dd.comprar span').hover(
						function() {
							this.tip = $(this).attr('rel');
							$('body').append('<p id="tooltip">'+this.tip+'</p>');
						},
						function() {
							$('#tooltip').remove();
						}
				);
				
				$('dl dd.comprar span').mousemove(function(e){
						xOffset = 30;
						yOffset = 30;		
						$('#tooltip')
						.css("top",(e.pageY - xOffset) + "px")
						.css("left",(e.pageX - yOffset) + "px")
						.fadeIn("fast");
				});





				
});