$(document).ready(function(){
	//setTimeout('$("#videoplayerwrapper, #vidcontent, #vidcontent iframe").css("visibility", "visible")', 5000);		
		
	/*$("a#closevideo").click(function(){
		$("#videoplayerwrapper, #vidcontent, #vidcontent iframe").css("visibility", "hidden");					  
	});*/

});

var videoIdGlobal	= "";
var playerWidth		= 493;
var playerHeight	= 320;

function showVideo(posX, posY, videoID){
	var createContent = !isShowVideo();
	var container =	setOptionsContainer(posX, posY, true);
	if(createContent){
		if(typeof document.body.style.maxHeight === "undefined") {
			container.html(createIFrame("http://mediaservices.myspace.com/services/media/embed.aspx/m=" + videoID));
		}else{
			container.html(createEmbeded("http://mediaservices.myspace.com/services/media/embed.aspx/m=" + videoID));
		}
	}
}

function hideVideo(){
	var container =	setOptionsContainer(0, 0, false);
	container.html("");
}

function isShowVideo(){
	var container  = $("#videoContainer");
	var visibility = container.css("visibility");
	return (visibility == 'visible')?true:false;
}

function setOptionsContainer(posX, posY, visible){
	var container  = $("#videoContainer");
	var visibility = (visible)?"visible":"hidden";
	
	container.css("top",	posY);
	container.css("left", 	posX);
	container.css("width",  playerWidth + "px");
	container.css("height", playerHeight + "px");
	container.css("visibility", visibility);
	
	return container;
}

function createIFrame(src){
	var properties = new Object();
	properties['id'] 				= 'flashframe';
	properties['allowtransparency'] = 'true';
	properties['frameborder'] 		= '0';
	properties['scrolling'] 		= 'no';
	properties['src'] 				= src;
	properties['width'] 			= playerWidth;
	properties['height'] 			= playerHeight;	
	
	return createTag('iframe', properties, true);	
}

function createEmbeded(src){
	var embeded = '';
	
	//Add MySpace parameters
	src +=  ",sr=0,ap=1,t=1,mt=video,searchID=,primarycolor=,secondarycolor=";
	
	//Set properties object node
	var objectProp = new Object();
	objectProp['width']  = playerWidth + 'px';
	objectProp['height'] = playerHeight + 'px';
	
	//Set properties embed node
	var embedProp = new Object();
	embedProp['src']  				= src;
	embedProp['width']  			= objectProp.width;
	embedProp['height'] 			= objectProp.height;	
	embedProp['allowFullScreen']  	= "true";
	embedProp['type']  				= "application/x-shockwave-flash";
	embedProp['wmode']  			= "transparent";


	//Create object node
	embeded += createTag('object', objectProp, false);

	//Create param nodes
	embeded += createTag('param', {name:'allowFullScreen', 	value:'true'}, true);
	embeded += createTag('param', {name:'wmode',		 	value:'transparent'}, true);	
	embeded += createTag('param', {name:'movie', 			value:src}, true);	
	
	//Create embed node
	embeded += createTag('embed', embedProp, true);
	
	//Close object node
	embeded += createCloseTag('object');

	return embeded;
}


function createTag(tagName, properties, closeTag){
	var tag = '<' + tagName;
	
	for ( var propName in properties )	{
		tag += ' ' + propName + '="' + properties[propName] + '"' ;
	}
	tag += '>';
	if(closeTag) tag += createCloseTag(tagName);
	
	return tag;	
}

function createCloseTag(tagName){
	return '</' + tagName + '>';
}