$(function(){
	$('.videos-list li a').click(function(event){
	event.preventDefault();		
	lightBoxItems = '';
	$(this).parent().parent().parent().find('a').each(function(i,e){
			lightBoxItems += '<div>' + $(e).attr('data-youtube') + '</div>';		
	   });
	lightBoxController.actualItem = $(this).parent().parent().index();	
	lightBoxMessage('Cargando...',690,385);
	lightBoxController.loadContent(lightBoxItems);
	$('#light-box-content').css({'padding':'24px 0'});			
	
	/*$.get($lb_html_to_load,function(data){	
			lightBoxController.actualItem = 0;
			lightBoxController.loadContent(data);
			$('#light-box-content').css({'background-color' : 'black', 'border': '3px solid #667'});			

		});*/
	});

	
	$('#lb-previous').live('click',function(){lightBoxController.play(-1);});							
    $('#lb-next').live('click',function(){lightBoxController.play(1);});
	
	lightBoxController = {
			actualItem: null,
			order: 1,
			lb_children: [],
			init : function(paramsObj){		
					if ($('#light-box-body').children().size() <= 1){
							$('.lb-btn').hide();
						}else{
							$('#light-box-body').children().each( function(i, e){
								lightBoxController.lb_children[i] = $($('#light-box-body').children()[i]);						
								$($('#light-box-body').children()[i]).hide();
								$($('#light-box-body').children()[i]).addClass('lb_item');
							    $($('#light-box-body').children()[i]).addClass('lb_item_'+ i);							    
							});		  
						   	$('.lb_item_'+ lightBoxController.actualItem).show();
						    $('.lb-btn').css('top',paramsObj.arrowTop);
							$('.lb-btn').addClass('active');
					}			
					if(lightBoxController.actualItem == undefined || lightBoxController.actualItem == null) lightBoxController.actualItem = 0;
					lightBoxController.checkHeader();
				},
			play: function(order){
					$('.lb_item_'+ lightBoxController.actualItem).hide();								
					if (order == undefined){order = lightBoxController.order; }
					
					if ((lightBoxController.actualItem + order) > (lightBoxController.lb_children.length - 1)){
						lightBoxController.actualItem = 0;								
					} else if ((lightBoxController.actualItem + order) < 0){
						lightBoxController.actualItem = lightBoxController.lb_children.length - 1;				
					} else {
						lightBoxController.actualItem += order;
					}
					lightBoxController.checkHeader();
					$('.lb_item_'+ lightBoxController.actualItem).show();
			},
			checkHeader: function(){
					switch (true){
						case (lightBoxController.actualItem == (lightBoxController.lb_children.length - 1) ):
						    $('#lb-next').hide();
							if (lightBoxController.lb_children.length > 1) {$('#lb-previous').show();};
							break;
						case (lightBoxController.actualItem == 0):
						    $('#lb-previous').hide();
							if (lightBoxController.lb_children.length > 1) {$('#lb-next').show()};
							break;
						default:
						    $('#lb-previous').show();
							$('#lb-next').show();						
							break;
					}
			},
			removeLightbox: function(){
				lightBoxController.actualItem = 0;
				lightBoxController.lb_children = [];
				$('body #light-box').remove();
				delete $boxy;
			},
			loadContent: function(content,contentHeight){
				$('#light-box-body').html(content);
				lightBoxController.init({arrowTop:$boxy.finalHeight/2});
			}		
	};	
});

//Creo el objeto Light-box
function lightBox(){
			if (!document.getElementById('light-box')){
					$('body').children(':last').after('<div id="light-box"><div id="light-box-bg">&nbsp;</div><div id="light-box-block"><div id="lb-previous" class="lb-btn">&nbsp;</div><div id="light-box-content"><div id="light-box-body">&nbsp;</div><a id="light-box-close" title="Close">x</a></div><div id="lb-next" class="lb-btn">&nbsp;</div></div></div>'); //HTML Light-box
					$('#light-box-body').css({width : 50, height:50});// Set original size
					$('#light-box-block').css({left: '45%', top: '45%'});// Set original location										
					$('#light-box').bind('click',lightBox); //Asigns click event to close lb
					$('#light-box-close').bind('click',lightBox); //Asigns click event to close lb				
					$('#light-box-block').mouseover(function(){			
						$('#light-box').unbind('click'); //When positions over lb unbind click over background to close lb 						
					});					
					$('#light-box-block').mouseout(function(){
						$('#light-box').bind("click",lightBox); //When leave lb reasign click over background to close lb
					});
					$('#light-box').css({'height' : $(document).height(),'top' : 0});
			} else {
				lightBoxController.removeLightbox();
			}
			this.lb_size = function (newWidth,newHeight){				
				$('#light-box-body').animate({width : newWidth, height:newHeight});	
				this.finalWidth = newWidth;
				this.finalHeight = newHeight;
				this.lb_relocate();	
			}
			this.lb_relocate = function (){
					if(!this.finalWidth) this.finalWidth = $('#light-box-block').width();			
					if(!this.finalHeight) this.finalHeight = $('#light-box-block').height();								
					newMarginLeft = getSize()[0]/2 - this.finalWidth/2;
					newMarginTop = getSize()[1]/2 - this.finalHeight/2 - 15 + $(window).scrollTop();
					if(newMarginTop <= 0) newMarginTop = '0';
					if(newMarginLeft <= 0) newMarginLeft = '45%';					
					$('#light-box-block').animate({left : newMarginLeft, top : newMarginTop});
			};	
			return this;
	}

function getSize() {//Used to calculate Page size in different Browsers
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number') {
    //Non-IE
    var myWidth = window.innerWidth;
    var myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    var myWidth = document.documentElement.clientWidth;
    var myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    var myWidth = document.body.clientWidth;
    var myHeight = document.body.clientHeight;
  }
  return ([myWidth,myHeight]);
}

function lightBoxMessage(lb_body,lb_width,lb_height){
	if (!lb_width) lb_width = 300;
	if (!lb_height) lb_height = 300;
	$boxy = new lightBox;
	$boxy.lb_size(lb_width,lb_height);
	lightBoxController.loadContent(lb_body);
	$(window).resize($boxy.lb_relocate);
	return false;
}