$(function(){
		$('#video_box').click(function(e){
			if($(e.target).is('#video_box, a.close')){
				$('#lightbox, #video_box').fadeOut('fast');
			}		
		})
		$('#video_box a:not(.close)').live('click', function(e) {
			e.preventDefault();
			var id = parseInt(this.href.replace(/[^0-9]/gim,"")),
			video = $('#video_example').html().replace(/__ID__/gim, id);
			$('.video').html(video);
			$('p.active').removeClass('active');
			$(this).closest('p').addClass('active')
		})
		$('#video_box .arrow').live('click', function(e) {
			var target = $(this),
			offset = 120,
			items_per_scroll = 2;
			
			var container = target.siblings('.container:not(:animated)'),
			per_page = Math.ceil(container.parent().width()/offset),
			left = parseInt(container.css('left')),
			next_step = Math.abs(left)+offset;
			if(target.is('.right-arrow')){
				if(next_step > (container.width()-per_page*offset)+offset*items_per_scroll){
					container.css({left: left-10}).animate({left: left}, "normal")
					return false
				}
				offset = offset*-1
			}else {
				if(left + offset > 0){
					container.css({left: left+10}).animate({left: 0}, "normal")
					return false;
				}
			}
			
			
			target.siblings('.container:not(:animated)').animate({
				left: '+='+offset*items_per_scroll
			}, 'fast')
		})
	})