var YouDataAdget;

if(YouDataAdget == undefined) {

  YouDataAdget = {};
  YouDataAdget.docEmbeds= new Array();
  YouDataAdget.recipientId= "";
}

window.onresize= message;

function message() {
  this.position_container();
}

/****************************************************************
YouDataAdget.embed
*****************************************************************/   
YouDataAdget.embed = function(recipientId) {
	this.recipientId = recipientId;



    this.adget_html = '<div id="yd_adget_overlay" style="display:none; float: left;">' +
		  '<div id="yd_glass_pane" style="top:0; left:0; z-index:1000000; width: 100%; height: 100%; position: absolute; background-color: #000000; opacity: 0.55; -moz-opacity: 0.55; filter:alpha(opacity=55);"></div>' +
		  '<div id="yd_adget_container" valign="middle" align="center" style="float: right; position:fixed; z-index:1000001; width: 512px; height: 525px; background-color: #DDDDDD; margin-top: 0px; margin-left: 0px; border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #000000;border-bottom: 2px solid #000000;">' +
		    '<div id="yd_close_overlay" style="position:absolute; z-index:100002"><a onclick="javascript:YouDataAdget.hide()" style="cursor: pointer;"><img src="http://youdata_adgets_test.s3.amazonaws.com/closeWidgetRoundButton.png" alt="Close" align="left" style="margin-left: -20px; margin-top: -20px;"/></a></div>' +		
            '<div id="yd_adget_panel" valign="middle" align="center" style="position:relative; padding-left: 15px; padding-right: 10px; padding-top: 15px; padding-bottom: 10px; width: 100%; height: 100%; overflow:hidden;"></div>' +
		  '</div>' +
        '</div>';
        
    document.write(this.adget_html);
	


	this.movie_html = '<div id="yd_movie_overlay" style="display:none; float: left;">' +
	'<div id="yd_glass_pane" style="top:0; left:0; z-index:1000000; width: 100%; height: 100%; position: absolute; background-color: #000000; opacity: 0.55; -moz-opacity: 0.55; filter:alpha(opacity=55);"></div>' +
 	'<div id="yd_movie_container" valign="middle" align="center" style="float: right; position:fixed; z-index:1000001; width: 427px; height: 344px; background-color: #DDDDDD; margin-top: 0px; margin-left: 0px; border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #000000;border-bottom: 2px solid #000000;"' +  
      '<div id="yd_movie_close_overlay" style="position:absolute; z-index:100002"><a onclick="javascript:YouDataAdget.hideMovie()" style="cursor: pointer;"><img src="http://youdata_adgets_test.s3.amazonaws.com/closeWidgetRoundButton.png" alt="Close" align="left" style="margin-left: -20px; margin-top: -20px;"/></a></div>' +		
      '<div id="yd_movie_panel" valign="middle" align="center" style="position:relative; padding-left: 0px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; width: 100%; height: 100%; overflow:hidden;"></div>' +
    '</div>' +
	'</div>';
        
    document.write(this.movie_html);
};
    
/****************************************************************
YouDataAdget.position_container
*****************************************************************/    
YouDataAdget.position_container = function() {
        document.getElementById('yd_adget_container').style.top = ((self.top.innerHeight/2) - (document.getElementById('yd_adget_container').style.height.slice(0,-2)/2)) + "px";
	document.getElementById('yd_adget_container').style.left = ((self.top.innerWidth/2) - (document.getElementById('yd_adget_container').style.width.slice(0,-2)/2)) + "px";
	
	document.getElementById('yd_movie_container').style.top = ((self.top.innerHeight/2) - (document.getElementById('yd_movie_container').style.height.slice(0,-2)/2)) + "px";
	document.getElementById('yd_movie_container').style.left = ((self.top.innerWidth/2) - (document.getElementById('yd_movie_container').style.width.slice(0,-2)/2)) + "px";
	
    };

/****************************************************************
YouDataAdget.show5Stack
*****************************************************************/   
/*

YouDataAdget.show5Stack = function() {
	var embeds =document.getElementsByTagName('embed');
	for(var i = 0; i < embeds.length; i++) {
		if(embeds[i].style.visibility != "hidden") {		
			embeds[i].style.visibility = "hidden";
			this.docEmbeds[this.docEmbeds.length] = embeds[i];
		}	
	}

	document.getElementById('yd_adget_panel').innerHTML = 
            			'<div valign="middle" style="width: 236px; float:left;  padding-right: 5px; ">' +
					'<img alt="" src="http://youdata_adgets_test.s3.amazonaws.com/TipJarWithSmiley.gif" style="width: 236px; height: 495px" />' +
            			'</div>' +
				'<div valign="middle" style="width:236px; float:left; padding-left: 5px;">' +
            				'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="YouData_5stackWeb" width="236" height="495" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">' +
	  				'<param name="flashVars" value="mode=debug&logoutAllowed=false&webServiceURL=https://ydtest.gotdns.com/YouData&recipientId=' + this.recipientId + '" />' +
	  				'<param name="movie" value="YouData_5stackWeb" />' +
	  				'<param name="quality" value="high" />' +
	  				'<param name="bgcolor" value="#ffffff" />' +
	  				'<param name="allowScriptAccess" value="always" />' +
	  				'<embed src="https://s3.amazonaws.com/adgets.youdata.com/YouData_5stackWeb.swf" quality="high" bgcolor="#ffffff" flashVars="mode=debug&logoutAllowed=false&webServiceURL=https://ydtest.gotdns.com/YouData&recipientId=' + this.recipientId + '"	width="236" height="495" name="YouData_5stackWeb" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">' +
					'</object>' +
                		'</div>';

        this.position_container();

        document.getElementById('yd_adget_overlay').style.display = "block";
    };
	
*/
    
/****************************************************************
YouDataAdget.hide5Stack
*****************************************************************/

/*
YouDataAdget.hide = function() {
  document.getElementById('yd_adget_panel').innerHTML="";
  document.getElementById('yd_adget_overlay').style.display = "none";
  for(var i = 0; i < this.docEmbeds.length; i++) {
	this.docEmbeds[i].style.visibility="";
  }
};

*/


/****************************************************************
YouDataAdget.showMovie
*****************************************************************/
YouDataAdget.showMovie = function() {
	  var embeds =document.getElementsByTagName('embed');
	  for(var i = 0; i < embeds.length; i++) {
		if(embeds[i].style.visibility != "hidden") {		
			embeds[i].style.visibility = "hidden";
			this.docEmbeds[this.docEmbeds.length] = embeds[i];
		}	
	  }

	  document.getElementById('yd_movie_panel').innerHTML = 
	  '<div id="container">' +
	  '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/OZXiouF-Ins&autoplay=1&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/OZXiouF-Ins&autoplay=1&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>' +
	  '</div>';

      this.position_container();

      document.getElementById('yd_movie_overlay').style.display = "block";
};

/****************************************************************
YouDataAdget.hideMovie
*****************************************************************/
YouDataAdget.hideMovie = function() {
  document.getElementById('yd_movie_panel').innerHTML="";
  document.getElementById('yd_movie_overlay').style.display = "none";
  for(var i = 0; i < this.docEmbeds.length; i++) {
	this.docEmbeds[i].style.visibility="";
  }
};

/****************************************************************
ShowMovie
*****************************************************************/
function ShowMovie() {
	YouDataAdget.showMovie();
}

/****************************************************************
ShowPopOver
*****************************************************************/
function ShowPopOver() {
    YouDataAdget.show5Stack();
}
