$(document).ready(function(){
	// - GURU VIDEO BOX - (javaskript pro vseobecny Guru video lightbox - modalni okno)
	$('#content').delegate('a.guru-video-box', 'click', function(e){
		//zobrazeni overlay okna s obsahem
		var video_url = $(this).attr('href');
		var video_wdt = $(this).attr('data-modal-width') || '';
		var video_hgt = $(this).attr('data-modal-height') || '';
		var video_autoplay = $(this).attr('data-video-autoplay') || '0';

		showguruVideoBox(video_url, parseInt(video_wdt), parseInt(video_hgt), parseInt(video_autoplay));
		e.preventDefault();
	});

	$('#guru-video-box-container').live('click', function(){
		$(this).remove();
		$('html').css('overflow', 'scroll');
	});
	
	// - GURU VIDEO MODULE - (javaskript pro modul s jednim Guru videem)
	// ...

	// - GURU VIDEO STRIP - (javaskript pro strip videi v sekci o2tv)
	if (window.stripItemCount){
		var spd = 600;
		var cur = 1;
		var cnt = window.stripItemCount;
		var rhandle = $('#guru-video-strip-right');
		var lhandle = $('#guru-video-strip-left');

		$('#guru-video-strip-paging span#current_o2_strip_page').replaceWith('<a class="active" href="#">' + $('#guru-video-strip-paging span#current_o2_strip_page').html() + '</a>');
		var pagelinks = $('#guru-video-strip-paging a');

		$('#guru-video-strip-paging a').each(function(){
			var newId = 'o2_guru_strip_page_' + $(this).html();
			$(this).attr('id', newId);
		});

		rhandle.bind('click', function(){
			if (cur < (cnt - 3)){
				if (lhandle.css('display')=='none'){lhandle.css('display', 'block');}
				$('#guru-video-strip-holder').animate({marginLeft: '-=170'}, {queue: true, duration: spd});
				cur++;
			}
			update_o2_guru_promo();
			return false;
		});

		lhandle.bind('click', function(){
			if (cur > 1){
				if (rhandle.css('display')=='none'){rhandle.css('display', 'block');}
				$('#guru-video-strip-holder').animate({marginLeft: '+=170'}, {queue: true, duration: spd});
				cur--;
			}
			update_o2_guru_promo();
			return false;
		});

		pagelinks.bind('click', function(){
			var page = parseInt($(this).html());
			var new_offset = '-' + String((4*page - 4)*170) + 'px';
			$('#guru-video-strip-holder').animate({marginLeft: new_offset}, {queue: true, duration: spd});
			cur = String(4*page - 3);
			update_o2_guru_promo();
			return false;
		});

		function update_o2_guru_promo(){
			if (cur >= (cnt - 3)){rhandle.css('display', 'none');} else {rhandle.css('display', 'block');}
			if (cur <= 1){lhandle.css('display', 'none');} else {lhandle.css('display', 'block');}
			if (cur%4 == 1){
				var curPage = '#o2_guru_strip_page_' + String(Math.ceil(cur/4));
				$('#guru-video-strip-paging a.active').removeClass('active');
				$(curPage).addClass('active');
			}
		}
	}
});

// update nastaveni zobrazeni / zarovnani / rozmeru guru video boxu pro zmene velikosti prohlizece
$(window).resize(function(){
	updateGVBLayout();
});

// zobrazeni guru video boxu
function showguruVideoBox(url, wdt, hgt, autoplay){
	if (autoplay == 1){var autoplay = '&autoplay=1';} else {var autoplay='';}
	if (document.getElementById('guru-video-box-container')){
		$('#guru-video-box-container').show();
	} else {
		$('body').append('<div id="guru-video-box-container"><div id="guru-video-box-opacity-layer"><!-- --></div><div id="ytcontainer"></div></div>');
	}

	$('#guru-video-box-opacity-layer').css('opacity', 0.7);

	var hash = '?fs=1&rel=0&showinfo=0&enablejsapi=1&playerapiid=myytplayer' + autoplay;
	var close_button = '<a id="guru-video-box-close" href="#">Zavřít</a>';
	var frame_content = '<iframe width="' + wdt + '" height="' + String(hgt - 6) + '" src="' + url + hash + '" frameborder="0" allowfullscreen></iframe>' + close_button;

	$('#ytcontainer').html(frame_content);
	$('html').css('overflow', 'hidden');
	updateGVBLayout();
}

// nastaveni CSS guru video boxu
function updateGVBLayout(){
	var off_top = String($(document).scrollTop()) + 'px';
	var off_left = String($(document).scrollLeft()) + 'px';
	var off_wdt = String($(window).width()) + 'px';
	var off_hgt = String($(window).height()) + 'px';
	var ifr_wdt = $('#ytcontainer iframe').width();
	var ifr_hgt = $('#ytcontainer iframe').height();

	$('#guru-video-box-container').css({top: off_top, left: off_left, width: off_wdt, height: off_hgt});
	$('#ytcontainer').css({top: $(window).height()/2 - ifr_hgt/2, left: $(window).width()/2 - ifr_wdt/2});
}