function Demo(webMovie, videoMovie)
{
	this.web = webMovie;
	this.video = videoMovie;
	
}


function Movie(url, w, h)
{
	this.src = url;
	this.width = w;
	this.height = h;
}



function closePlayer()
{
	var holder = $("#mplayer");
	$(holder).css("height", 0);
	$(holder).css("width", 0);
	
	
	$(holder).html("");
	
	var holder = document.getElementById("mdemo");
	$(holder).empty();
			holder.innerHTML = "";
			$(holder).css("width", 0);
			$(holder).css("height", 0);

}

function playDemo(index)
{
	if (index < demos.length)
	{
	var demo = demos[index];
	

	
	if (isMobile() && demo.video != null)
	{
		//openVideo(demo.video.src, demo.video.width, demo.video.height);
		if (demo.video.src != "")
		{
			window.location = demo.video.src;
		}
	}
	else if (demo.web != null)
	{
		if (demo.web.src != "")
		{
			addDemo(demo.web.src, demo.web.width, demo.web.height);
		}
	}

	}
	
}


function openVideo(url, vidWidth, vidHeight)
{
	
	var src = url;
		
		var w = vidWidth;
		var h = vidHeight;
		var top = 20;
		var hd = document.getElementById("mplayer");
		hd.style.opacity = 1;
		hd.style.filter = "alpha(opacity=100)";
		
	if (isMobile())
	{
		
		
		//add the video as HTML5
		var holder = $("#mdemo");
		
		var holderBG = document.createElement("div");
		
		var docW = xDocSize().w;
		var docH = xDocSize().h;
		
		holderBG.style.width = "100%";
		holderBG.style.height = docH+"px";
		holderBG.style.backgroundColor = "#000000";
		holderBG.style.opacity = 0.5;
		holderBG.style.position = "absolute";
		
		$(holder).append(holderBG);
		
		var wDiff = docW - w;
			
		var vidHolder = document.createElement("div");
		vidHolder.style.position = "absolute";
		vidHolder.style.width = "100%";
		//vidHolder.style.width = (docW-(wDiff/2))+"px";
		
		vidHolder.style.top = top+"px";
		vidHolder.style.left = "0px";
		
		$(holder).append(vidHolder);
		
		var vidHTML = "<div style='margin: auto auto;padding-bottom: 3px;text-align: right;width:"+w+"px;'><a style='text-decoration:none;' href='javascript:closePlayer();'><img border='0' src='images/close.png' /></a></div><video id='svideo' controls='controls' autoplay='true' width='"+w+"' height='"+h+"'><source src='"+src+"' type='video/mp4' /></video>";
		
		$(vidHolder).html(vidHTML);
		
		document.getElementById("svideo").load();
		
		
	}
	/*
	else 
	{
	
		var holder = document.getElementById("mplayer");
		holder.style.width = "100%";
			holder.style.height = xDocSize().h+"px";
			holder.style.backgroundColor = "#000000";
			holder.style.opacity = 0.55;
			holder.style.filter = "alpha(opacity=55)";
			holder.style.display = "block";
		//holder.style.height = "100%";
		
		
		var so = new SWFObject("MPlayer.swf", "Voicewalk", "100%", h+85, "9", "#ffffff");
		so.addParam("scale", "noscale"); 
		so.addParam("salign", "t");
		so.addParam("wmode", "transparent");
		
		so.addVariable("top", top);
		so.addVariable("movieUrl", src);
		so.addVariable("videoWidth", w);
		so.addVariable("videoHeight", h);
		
		
		so.write("mdemo");	
		
		
	}
	*/
}


		var toScroll = 0;
		var timerID = 0;
		onscroll = function()
		{

			var fHolder = document.getElementById("mdemo");
			$(fHolder).stop();
			
			$(fHolder).clearQueue();
			
			 //alert(document.body.scrollHeight);
			 //alert(document.documentElement);
			if (window.pageYOffset == undefined)
			{
				toScroll = document.body.scrollTop;	
			}
			else 
			{
				toScroll = window.pageYOffset;
			}
			
			/*
			var fHolder = document.getElementById("demoHolder");
			
			fHolder.style.top = window.pageYOffset+"px";
			*/
			
			if (timerID != 0)
			{
				clearTimeout(timerID);
			}
			
			timerID = setTimeout(doneScrolling, 300);
			
			
		}
		
		function doneScrolling()
		{
			
			var fHolder = document.getElementById("mdemo");
			$(fHolder).animate({top: toScroll}, 800);
			//fHolder.style.top = toScroll+"px";
		}

		function closeDemo()
		{
			closePlayer();
			
			
		}
		
		function addDemo(path, title, w, h, top)
		{
			

	
			var holder = document.getElementById("mplayer");
			holder.style.zIndex = 7;
			holder.style.width = "100%";
			holder.style.height = xDocSize().h+"px";
			holder.style.backgroundColor = "#000000";
			holder.style.opacity = 0.55;
			holder.style.filter = "alpha(opacity=55)";
			holder.style.display = "block";

			
			var fHolder = document.getElementById("mdemo");
			fHolder.style.zIndex = 8;
			/*
			var frame = document.createElement("iframe");
			frame.frameBorder = 0;
			frame.width = w;
			frame.height = h;
			
			frame.scrolling = "no";
			frame.marginheight = 0;
			frame.marginwidth = 0;
			
			
			frame.src = path;
			
			*/
			
			/*
			var closerHolder = document.createElement("closeHolder");
			$(closerHolder).html("<div style='margin: auto auto;padding-bottom: 3px;padding-top: 10px;text-align: right;width:"+w+"px;'><a style='text-decoration:none' href='javascript:closeDemo();'><img border='0' src='images/close.png' /></a></div>");
			
			
			$(fHolder).append(closerHolder);
		
			
			fHolder.appendChild(frame);
			*/
			
			fHolder.style.width = "100%";
			fHolder.style.height =  xDocSize().h+"px";
			toScroll = 0;
			if (window.pageYOffset == undefined)
			{
				toScroll = document.documentElement.scrollTop;
			}
			else 
			{
				toScroll = window.pageYOffset;	
			}
			fHolder.style.top = toScroll+"px";
			
		
			var so = new SWFObject("VoicewalkPlayer.swf", "Voicewalk", "100%", "100%", "9", "#000000");
			so.addParam("scale", "noscale"); 
			so.addParam("salign", "lt");
			so.addParam("wmode", "transparent");
			so.addParam("allowFullScreen", "true");
			so.addVariable("configUrl", path);
			
			
			so.write("mdemo");
		

			
			
			
		}
		
// JavaScript Document
// xDocSize r1, Copyright 2007 Michael Foster (Cross-Browser.com)
// Part of X, a Cross-Browser Javascript Library, Distributed under the terms of the GNU LGPL
function xDocSize()
{
  var b=document.body, e=document.documentElement;
  var esw=0, eow=0, bsw=0, bow=0, esh=0, eoh=0, bsh=0, boh=0;
  if (e) {
	esw = e.scrollWidth;
	eow = e.offsetWidth;
	esh = e.scrollHeight;
	eoh = e.offsetHeight;
  }
  if (b) {
	bsw = b.scrollWidth;
	bow = b.offsetWidth;
	bsh = b.scrollHeight;
	boh = b.offsetHeight;
  }
//  alert('compatMode: ' + document.compatMode + '\n\ndocumentElement.scrollHeight: ' + esh + '\ndocumentElement.offsetHeight: ' + eoh + '\nbody.scrollHeight: ' + bsh + '\nbody.offsetHeight: ' + boh + '\n\ndocumentElement.scrollWidth: ' + esw + '\ndocumentElement.offsetWidth: ' + eow + '\nbody.scrollWidth: ' + bsw + '\nbody.offsetWidth: ' + bow);
  return {w:Math.max(esw,eow,bsw,bow),h:Math.max(esh,eoh,bsh,boh)};
}