//vars
var openTimer;
var closeTimer;
var vidname;
var isOpen = new Boolean();
var fadeSpeed;

isOpen = false;
fadeSpeed  = "fast";


$(document).ready(function() {
	
	//define opacity
	$(".bgCover").css({opacity:0.5});

	//window resize control
	$(window).bind('resize',showOverlayBox);
	
	//show and play video player
	$(".vidlink").click(function () {
		vidname = this.id;
		
		doOverlayOpen();
			
		$("#videopopup").show('show', function () {
			$('#video').css('visibility','visible');
			openTimer = setTimeout(playVideo, 750);
      	});
		
		// !!! PAGE TRACKER !!!
		if(urchinTracker){
			urchinTracker('/ajax-video/' + vidname);
		}
		
	});


	//hide video player
	$("#close-popup").click(function () {
		 stopVideo();
		 $('#video').css('visibility','hidden');
		 
		 $("#videopopup").hide(400, function () {
				isOpen = false;
				$('.bgCover').fadeTo('fast',0, function () {
					$(".bgCover").hide();
					doOverlayClose();
				});
		  });
    });
	
});


function stopVideo(){
	//clearTimeout(closeTimer);
	var thisVideo = vidname;
	vidname = '';
	var movie = window.document.staywellplayer	
	movie.endMovie();
	
}


function playVideo(){
	clearTimeout(openTimer);
	
	var movie = window.document.staywellplayer	
		movie.initMovie(vidname);
}


function showOverlayBox() {
	if( isOpen == false ) return;  //if  not set to open -> do nothing
	
	$("#videopopup").css({display:"block",left:( $(window).width() - $("#videopopup").width() )/2,top:( $(window).height() - $("#videopopup").height() )/2 -20,position:"absolute"});	

	// deactivate the browser scrollbars
	$("body").css({overflow:"hidden"});
	$("html").css({overflow:"hidden"});
	
	//window background dimension and position for overlay		
	$(".bgCover").css({width: $(window).width(),height:$(window).height()});
}

function doOverlayOpen() {
	isOpen = true; //status open
	showOverlayBox(); //show overlay

	// Fade in background
	$(".bgCover").fadeIn(fadeSpeed);	

	return false; //don't follow the link : so return false
}

function doOverlayClose(){
	isOpen = false;
	
	//reactivate scrollbars
	$("body").css({overflow:"auto"});
	$("html").css({overflow:"auto"});	
	
	$(".bgCover").css({opacity:0.5});
}