// JavaScript Document
function panoVideo(src, w, h)
{
	// holder div
	var overlay  = '<div id="overlay" style="width:'+w+';height:'+h+';margin:auto;">'
		overlay += '<div id="panorama_holder"><div id="panoramaHead"><a href="javascript:closeOverlay()">close [x]</a></div>'
		overlay += '<iframe style="width:'+w+';height:'+h+';overflow:hidden;" frameborder="0" vsapce="0" hspace="0" scrolling="0" src="'+src+'"></iframe></div></div>'
	
	// ubaci div
	$('body').prepend(overlay)
	
	// ubaci crni bg
	var bh = $('body').height();
	$('body').prepend('<div class="modalOverLay"></div>');
    $('.modalOverLay').css({ opacity: 0.8, width: '100%', height: bh+'px' });
    
	$('.modalOverLay').fadeIn('slow' , function (){
												 
		$('#overlay').fadeIn(500);
	});
}
function showPanorama(src, w, h)
{	
	var top = ($(window).scrollTop() + $(window).height()/2)- h/2 // y pos
	// holder div
	var overlay  = '<div id="overlay" style="width:100%;height:100%;z-index:100;position:absolute;display:none;top:0;left:0;" >'
		overlay += 	'<div id="panorama_holder" style="width:100px;height:300px;margin:auto;margin-top:'+top+'px;" >'
		overlay += 	'<div id="panoramaSWF"></div>'
		overlay += 	'<div id="panoramaFooter" style="display:none;" ><a href="javascript:closeOverlay()"><img src="img/lightbox/closelabel.gif" alt="close"/></a></div>'
		overlay += '</div></div>'

	// ubaci div
	$('body').prepend(overlay)
	
	// ubaci crni bg
	var bh = $(document).height();
	$('body').prepend('<div class="modalOverLay"></div>');
    $('.modalOverLay').css({ opacity: 0.8, width: '100%', height: bh+'px' , "z-index":100 , position:'absolute' , backgroundColor:'#000' });
    
	// fade in crna pozadina
	$('.modalOverLay').fadeIn('slow' , function (){
		
		// animiraj holder
		$('#overlay').fadeIn(500);
		$('#panorama_holder').animate({width:w+"px"} , 500 ,  function(){
			$('#panorama_holder').animate({height:h+"px"} , 500 , embed)
		})
		$('#panoramaSWF').animate({height:h+"px"} , 500 )
	});
	
	// ubaci flash
	function embed(){
		/*var flashvars = {};
		$('#panoramaSWF').flash(
			{ src:src, width: w, height:h, flashvars:flashvars  , AllowScriptAccess:"always" , allowfullscreen:"true"},
			{ version: 9, expressInstall: true}*/
		var swf = createswf("krpano/krpano.swf", "krpanoSWFObject", w , h);
		swf.addParam("wmode", "direct");
		swf.addVariable("xml", "krpano/krpano.asp?img="+src);
		swf.addVariable("license","krpano/krpano_lic.xml");
		swf.embed("panoramaSWF");
		
		$('#panorama_holder').animate({height:(h+25)+"px"} , 200 , function(){ $('#panoramaFooter').fadeIn(200) })
		// fade in swf
		/*$('#panoramaSWF').fadeIn(200 ,  function(){
			$('#panorama_holder').animate({height:(h+20)+"px"} , 200 , function(){ $('#panoramaFooter').fadeIn(50) }) // pokazi footer
		});*/
	}
}
function closeOverlay()
{
	// fade out i remove
	$('#overlay').fadeOut(100);	
	$('.modalOverLay').fadeOut('slow' , function(){  $(this).remove() ;$('#overlay').remove()}) 
	window.removeEventListener('DOMMouseScroll',krpmw_we, false)
	document.removeEventListener('DOMMouseScroll',krpmw_we, false)
}