var MAX_TITLE_LEN = 50;
var MAX_DATA_ITEMS = 35;
var MAX_COLUMNS = 5;
var videoShowURL = '';

function setVideoShow(url)
{

  videoShowURL = url;

}

function openVideoShow()
{
  if (videoShowURL == '')
    return;

	var w = 610;
	var h = 645;
	var x = ( screen.width - w ) / 2;
	var y = ( screen.height - h ) / 2;

	window.open( videoShowURL, "mywin", "left=" + x + ",top=" + y + ",width=" + w + ",height=" + h + ",status=0,toolbar=0,location=0,menubar=0,resizable=0,scrollbars=0");
}

function popupVideoDetails(vidDivElement,
                           vidImgID,
                           vidTitle,
                           vidPerformer,
                           vidDate,
                           vidLength,
                           vidPrice,
                           vidURL,
                           vidPerformerURL,
                           vidRating,
                           vidTimesViewed,
                           vidNumberVotes,
                           vidWatchButtonName,
                           vidWatchLink,
                           vidWatchButton,
                           vidWatchButtonHilight,
                           vidImageURI,
                           vidDataItem)
{
  var ttAbove = false;

  vidRow = Math.floor((vidDataItem - 1) / MAX_COLUMNS) + 1;
  vidCol = (vidDataItem % MAX_COLUMNS);

  if (vidCol == 0)
    vidCol = 5;

  if (vidRow > 1)
    ttAbove = true;

  if (vidTitle == '')
    vidTitle = 'No Title';

  ttOffSetX = 20;
  ttOffSetY = 20;

  if (vidTitle.length > MAX_TITLE_LEN)
    vidTitle = vidTitle.substr(0, MAX_TITLE_LEN) + '...';

  setVideoShow(vidURL);

  popText  =  '<table width=\'100\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>';
  popText += '  <tr>';
  popText += '    <td width=\'100\' height=\'68\' align=\'center\' bgcolor=\'#D6DFE3\' >';
  popText += '      <table width=\'100%\' border=\'0\' cellspacing=\'0\' cellpadding=\'0\'>';
  popText += '        <tr>';
  popText += '          <td width=\'35%\' align=\'left\' style=\'padding-left: 10px; margin-left: 10px; ; margin-top: 2px\' >';
  popText += '            <div align=\'left\' style=\'line-height:15px\'>';
  popText += '              <font color=\'#596E83\' face=\'Tahoma\' style=\'font-size: 10px\'><b>Performer:';
  popText += '              <br /> Date:';
  popText += '              <br /> Rating:';
  popText += '              <br /> Times Viewed:';
  popText += '              <br /> Number Votes:';
  popText += '              <br /> Length:';
  popText += '              <br /> Price:</b></font>';
  popText += '              <br />';
  popText += '            </div>';
  popText += '          </td>';
  popText += '          <td width=\'65%\' align=\'left\' style=\'padding-left: 5px; margin-left: 5px; margin-top: 2px\'>';
  popText += '            <div align=\'left\' style=\'line-height:15px\'>';
  popText += '              <font color=\'#596E83\' face=\'Tahoma\' style=\'font-size: 10px\'><a href=\'' + vidPerformerURL + '\'>' + vidPerformer + '</a>';
  popText += '              <br />' + vidDate;
  popText += '              <br />' + vidRating;
  popText += '              <br />' + vidTimesViewed;
  popText += '              <br />' + vidNumberVotes;
  popText += '              <br />' + vidLength;
  popText += '              <br />' + vidPrice + ' credit(s) per minute</font>';
  popText += '              <br />';
  popText += '            </div>';
  popText += '          </td>';
  popText += '        </tr>';
  popText += '      </table>';
  popText += '    </td>';
  popText += '  </tr>';
  popText += '  <tr>';
  popText += '    <td align=\'center\' valign=\'baseline\' bgcolor=\'#D6DFE3\' >';
  popText += '      <img src=\'' + vidWatchButton + '\' ';
  popText += '         name=\'Image85\' border=\'0\' style=\'cursor: pointer\' ';
  popText += '         onMouseOut=\'MM_swapImgRestore(); \' ';
  popText += '         onMouseOver=\'MM_swapImage(\'' + vidWatchButtonName +'\',\'\',\'' + vidWatchButtonHilight +'\',1);\' />';
  popText += '         onclick=' + vidWatchLink + ' />';
  popText += '    </td>';
  popText += '  </tr>';
  popText += '</table>';

  TagToTip(vidDivElement,
           popText,
           COPYCONTENT, false,
           OPACITY, 100,
           FADEIN, 100,
           FADEOUT, 100,
           SHADOW, true,
           SHADOWWIDTH, 7,
           CLICKCLOSE, true,
           STICKY, false,
           DELAY, 0,
           PADDING, 3
          );
}