// JAVASCRIPT VARS

	// cache buster
	var cacheBuster = "?t=" + Date.parse(new Date());
	
	// stage dimensions		
	var stageW = "950px";
	var stageH = "335px";

	// ATTRIBUTES
	var attributes = {};
	attributes.id = 'flashbanner';
	attributes.name = 'flashbanner';

	// PARAMS
	var params = {};
	params.bgcolor = "#E8F1F8";
    params.menu = "false";
    params.scale = 'noScale';
    params.wmode = "opaque";
	params.wmode = "transparent";
	params.allowfullscreen = "true";
    params.allowScriptAccess = "always";			

	/* FLASH VARS */
	var flashvars = {};
	/// if commented / delete these lines, the component will take the stage dimensions defined 
	/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml
    flashvars.componentWidth = stageW;
	flashvars.componentHeight = stageH;

	/// path to the content folder(where the xml files, images or video are nested)
	/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")			
	flashvars.pathToFiles = "http://www.ss4uplayer.com/images/modules/flashbanner/";
	
	// path to content XML
	flashvars.xmlPath = "banner.xml";

	/** EMBED THE SWF**/
	swfobject.embedSWF("http://www.ss4uplayer.com/images/modules/flashbanner/banner.swf"+cacheBuster, attributes.id, stageW, stageH, "9", "js/expressInstall.swf", flashvars, params, attributes);
	

	$("#commercialLicense").click(function(){
		
	});
	
  var hideDelay = 500;  
  var currentID;
  var hideTimer = null;

  // One instance that's reused to show info for the current person
  var container = $('<div id="personPopupContainer">'
	  + '<table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="personPopupPopup">'
	  + '<tr>'
	  + '   <td class="corner topLeft"></td>'
	  + '   <td class="top"></td>'
	  + '   <td class="corner topRight"></td>'
	  + '</tr>'
	  + '<tr>'
	  + '   <td class="left">&nbsp;</td>'
	  + '   <td><div id="personPopupContent"></div></td>'
	  + '   <td class="right">&nbsp;</td>'
	  + '</tr>'
	  + '<tr>'
	  + '   <td class="corner bottomLeft">&nbsp;</td>'
	  + '   <td class="bottom">&nbsp;</td>'
	  + '   <td class="corner bottomRight"></td>'
	  + '</tr>'
	  + '</table>'
	  + '</div>');

  $('body').append(container);

  $('.personPopupTrigger').mouseover(function(){

	  var pageID = $(this).attr('rel');

	  if (hideTimer)
		  clearTimeout(hideTimer);

	  var pos = $(this).offset();
	  var width = $(this).width();
	  container.css({
		  left: (pos.left + width) + 20 + 'px',
		  top: pos.top - 20 + 'px'
	  });

	  $('#personPopupContent').html('&nbsp;');

	  // $.ajax({
		  // type: 'GET',
		  // url: 'http://192.168.2.55/ela/ajax.php',
		  // data: 'page=' + pageID,
		  // success: function(data)
		  // {              
			  // $('#personPopupContent').html(data); 
		  // }
	  // });
	  $('#personPopupContent').html($("#"+pageID).html()); 
	  container.css('display', 'block');
  });

  $('.personPopupTrigger').live('mouseout', function()
  {
	  if (hideTimer)
		  clearTimeout(hideTimer);
	  hideTimer = setTimeout(function()
	  {
		 container.css('display', 'none');
	  }, hideDelay);
  });

  // Allow mouse over of details without hiding details
  $('#personPopupContainer').mouseover(function()
  {
	  if (hideTimer)
		  clearTimeout(hideTimer);
  });

  // Hide after mouseout
  $('#personPopupContainer').mouseout(function()
  {
	  if (hideTimer)
		  clearTimeout(hideTimer);
	  hideTimer = setTimeout(function()
	  {
		container.css('display', 'none');
	  }, hideDelay);
  });