$(document).ready(function(){
	$('a.modal-window').bind('click', function(e){
		var mod_def_wdh = 500;
		var mod_def_hgt = 500;
		var mod_wdt = parseInt($(this).attr('data-modal-width')) || mod_def_wdh;
		var mod_hgt = parseInt($(this).attr('data-modal-height')) || mod_def_hgt;
		var mod_url = $(this).attr('data-modal-url') || $(this).attr('href');

		showModalWindow(mod_wdt, mod_hgt, mod_url);
		e.preventDefault();
	});

	$('#modal-window-container').live('click', function(e){
		$(this).remove();
		//$('html').css('overflow', 'scroll');
		e.preventDefault();
	});
});

function showModalWindow(wdt, hgt, url){
	// HTML prvku modalniho okna
	var modal_window_html = '<div id="modal-window-container"><div id="modal-window-opacity-layer"><!-- --></div><div id="ytcontainer"><iframe width="' + wdt + '" height="' + hgt + '" frameborder="0" allowfullscreen="" src="' + url + '"></iframe><a href="#" id="modal-window-close">Zavřít</a></div></div>';
	var close_button = '<a id="modal-window-close" href="#">Zavřít</a>';

	// zobrazeni okna
	if (document.getElementById('modal-window-container')){
		$('#modal-window-container').show();
	} else {
		$('body').append(modal_window_html);
	}

	// nastaveni elementu okna
	$('#modal-window-opacity-layer').css('opacity', 0.7);

	var frame_content = '<iframe width="' + wdt + '" height="' + hgt + '" src="' + url + '" frameborder="0" allowfullscreen></iframe>' + close_button;

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

// update nastaveni zobrazeni / zarovnani / rozmerumodalniho okna pro zmene velikosti prohlizece
$(window).bind('resize', function(){
	updateModWinLayout();
});

// nastaveni CSS modalniho okna
function updateModWinLayout(){
	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();

	$('#modal-window-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});
}