$(document).ready(function(){

	/** Roundies **/
	// Firefox, chrome, safari
	DD_roundies.addRule('.mid .white .left .data .cal', '10px', true);
	// IE
	$('.mid .white .left .data .cal').css({'border-radius': '10px'});
	/**************/

	
	$("a[rel='lightbox']").lightBox({
	
		imageLoading: URL + 'datos/imagenes/lightbox-ico-loading.gif',
		imageBtnClose: URL + 'datos/imagenes/lightbox-btn-close.gif',
		imageBtnPrev: URL + 'datos/imagenes/lightbox-btn-prev.gif',
		imageBtnNext: URL + 'datos/imagenes/lightbox-btn-next.gif',
		txtImage: 'Imagen',
		txtOf: 'de'	
	});		
	
	
	$('#jquery_jplayer_1').jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				m4a: $("#data #audio").text() + ".m4a",
				oga: $("#data #audio").text() + ".ogg"
			});
		},
		swfPath: URL + 'swf',
		solution: 'html, flash',
		supplied: 'm4a, oga',
		preload: 'metadata',
		volume: 1,
		muted: false,
		backgroundColor: '#000000',
		cssSelectorAncestor: '#jp_interface_1',
		cssSelector: {
			videoPlay: '.jp-video-play',
			play: '.jp-play',
			pause: '.jp-pause',
			stop: '.jp-stop',
			seekBar: '.jp-seek-bar',
			playBar: '.jp-play-bar',
			mute: '.jp-mute',
			unmute: '.jp-unmute',
			volumeBar: '.jp-volume-bar',
			volumeBarValue: '.jp-volume-bar-value',
			currentTime: '.jp-current-time',
			duration: '.jp-duration'
		},
		errorAlerts: false,
		warningAlerts: false
	});
	
	// loadBanner();


});


/** cargamos el banner *****************************************

function loadBanner()
{
	x = $(document).width() / 2;
	w = x - 225;
	y = x - 300;
	
	$("body").append("<div id='sbannerpopup'></div>");
	$("#sbannerpopup").css({'position': 'absolute', 'top':'70px', 'left': '-' + (w + 40) + 'px', 'z-index':'1000000', 'display':'block', 'background-color': '#000', 'opacity': '0.75', 'width': '490px', 'height': '755px'});
	$("#sbannerpopup").animate({'left': y + 'px'}, 1000, 'linear', function(){});	
	
	
	//$("body").append("<a href='javascript:closeAd();void(0);' id='bannerpopup'><img src='" + URL + "datos/imagenes/banner_gira2012.jpg' border='0' width='600' height='400' /></a>");
	$("body").append("<a href='javascript:closeAd();void(0);' id='bannerpopup'><img src='" + URL + "datos/imagenes/banner_gira2012.jpg' border='0' width='450' height='715' /></a>");
	$("#bannerpopup").css({'position': 'absolute', 'top':'90px', 'left': '-' + (w + 20) + 'px', 'z-index':'1000001'});
	$("#bannerpopup").animate({'left': (y + 20) + 'px'}, 1000, 'linear', function(){});		
}


function closeAd()
{
	$("#sbannerpopup").animate({'left': '-' + (w + 40) + 'px'}, 1000, 'linear', function(){});		
	$("#bannerpopup").animate({'left': '-' + (w + 20) + 'px'}, 1000, 'linear', function(){});	
}

*******/

// detiene la transicion si es hover en banner
$('.jp-pause').live('mouseover mouseout', function(event) {

	$('.jp-pause img, .jp-pause div').each(function(){
	
		$(this).toggleClass('hide show');
	
	});

});


$('.play_video').live('click', function(event) {

	var w = 480;
	var h = 320;

	oh = $(document).height();
	ow = $(document).width();
	
	$('<div />').attr('id', 'overlay').css({
		'display': 'none',
		'position': 'absolute',
		'top': '0px',
		'left': '0px',
		'width': ow + 'px',
		'height': oh + 'px',
		'opacity': '0.55',
		'z-index': '1005',
		'background':'black'
	}).appendTo('body').show();

	var os = $(window).scrollTop() - 20;
	w += 40;
	h += 80;
	
	var x = (($(window).width() + w) / 2 ) - w;
	var y = (($(window).height() + h) / 2 ) - h;
	
	var px = (($(window).width() + w) / 2 ) - w;
	var py = (($(window).height() + h) / 2 ) - h;

	$('<div />').attr('id', 'popup').css({
		'display': 'none',
		'color': '#fff',
		'font-size': '20px',
		'position': 'absolute',
		'top': py + os + 'px',
		'left': px + 'px',
		'width': w + 'px',
		'height': h + 'px',
		'background':'url(' + URL + 'datos/imagenes/bg.png) 0 0 repeat',
		'z-index': '1020',
		'border-radius': '5px'			
	}).appendTo('body').show();
	
	w -= 40;
	h -= 80;

	
	var html = "" +
	
	"<div id='videoframe' style='width:480px; height:320px;'>" +
		"<video width='480' height='320' controls autoplay poster='" + URL + "datos/imagenes/video_artistas_poster.jpg'>" +
			"<source src='" + $('#data #video').text() + ".m4v' type='video/mp4;codecs=\"avc1.42E01E,mp4a.40.2\"'>" +
			"<source src='" + $('#data #video').text() + ".ogv' type='video/ogg;codecs=\"theora,vorbis\"'>" +
			"<object type='application/x-shockwave-flash' data='" + URL + "swf/player2.swf' width='480' height='320'>" +
				"<param name='movie' value='" + URL + "swf/player2.swf' />" +
				"<param name='allowFullScreen' value='true' />" +
				"<param name='wmode' value='transparent' />" +
				"<param name='flashVars' value='controlbar=over&amp;file=" + escape($('#data #video').text() + ".m4v") + "' />" +
				"<span title='Lo sentimos pero su navegador no puede reproducir este video'>Latin Power Music</span>" +
			"</object>" +
		"</video>" +
	"</div>" +

	"<div id='vfooter' style='width:480px;'>";
	
		if($('#data #youtube').text() == "")
		{
			html += "<img src='" + URL + "datos/imagenes/watchonyoutube.png' border='0' width='340' height='40' class='noyoutube' />";
		}else{

			html += "<a href='" + $('#data #youtube').text() + "' target='_blank'><img src='" + URL + "datos/imagenes/watchonyoutube.png' border='0' width='340' height='40' alt='Ver en YouTube' title='Ver en YouTube' /></a>";
		}
	
	html += "</div>";

	html += "<a href='javascript:void(0);' class='close_vid'><img src='" + URL + "datos/imagenes/close_vid.png' border='0' width='28' height='28' /></a>";
	
	$('#popup').html(html);
	
	x = (($(window).width() + w) / 2 ) - w;
	y = (($(window).height() + h) / 2 ) - h;
	
	$('.close_vid').css({
		'position': 'absolute',
		'top': '-13px',
		'left': w + 25 + 'px',
		'z-index': '1100'
	});
	
	
});


$('.close_vid, #overlay').live('click', function() {
	$('#popup').remove();
	$('#overlay').remove();
});