google.setOnLoadCallback(function() {
    $(document).ready(function() {
        initOverlay();
    });
});

function initOverlay() {
    $(".overlay").dialog({
        bgiframe: true,
        autoOpen: false,
        draggable: false,
        resizable: false,
        height: 320,
        width: 480,
        modal: true,
		open: function(){
			stopRotator();
			$(".overlay").dialog().parents(".ui-dialog").css('overflow', 'visible');
			$(".overlay").dialog().parents(".ui-dialog").append("<div class='overlayClose'></div>");
		},
		close: function(){
			startRotator();
			$(".overlay").dialog().parents(".ui-dialog").find(".overlayClose").remove();
			run = setInterval('rotate()', speed);
		}
    });

    initClick();
}

function initClick(){
	$(".overlayTrigger").click(function(){
		getVideo("video/thecube.htm");
	});
	
	$(".overlayClose").click(function(){
		$(".overlay").dialog("close");
	});
}

function getVideo(url){
	$('.overlay').load(noCache(url), function(){
		$('.overlay video source').each(function(){
			$(this).attr("src", "Video/" + $(this).attr("src"));
		});
		$('.overlay object param').attr("value", "Video/" + $('.overlay video source').attr("src"));
		clearInterval(run);															  
	});
	$(".overlay").dialog("open");
	initClick();
}

//Fix cache issues
function noCache(uri) {
    return uri.concat(/\?/.test(uri) ? "&" : "?", "noCache=", (new Date).getTime(), ".", Math.random() * 1234567);
}