var oGLOBAL    = { PATH_IMAGE: '/Images/Featured/' };
var oCrossfade = null;

function init() {

  var nTIME_FADE    = 500;
  var nTIME_DISPLAY = 5000;

  oCrossfade = new Crossfade( 'divWidgetLeft', 'crossfade', nTIME_FADE, nTIME_DISPLAY );

  initHover();
}

function displayPopup() {

    var newWindow;
    var leftVal = (screen.width - 600) / 2;
    var topVal = (screen.height - 300) / 2;
    //newWindow = setTimeout("window.open('SurveySept2010.aspx', 'Survey', 'toolbar=no, titlebar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=500,height=300, left=" + leftVal + ", top=" + topVal + "')", 3000);
}


function initHover() {

  var aState = [ '_hover', '_on' ];

  // loop images...
  for (var i = 1; i < 6; i++) {
    for (var j = 0; j < aState.length; j++) {
      var oImage = new Image();
      oImage.src = oGLOBAL.PATH_IMAGE + 'menu/' + aState[j] + '/menu_0' + i + '.png';
    }
  }
}

function displayCrossFade() {

  var sHTML = '<div id="divCrossFade">';

  for (var i = 0; i < aItem.length; i++) {

      sHTML += '<div class="crossfade">'
          + '<div class="image"><img src="' + oGLOBAL.PATH_IMAGE + 'content/' + aItem[i].image_src + '" alt="" /></div>'
          + '<div class="copy">'
          + '<p class="heading_0">' + aItem[i].heading_0 + '</p>'
          + '<p class="heading_1">' + aItem[i].heading_1 + '</p>'
          + '<p class="body">' + aItem[i].body + '</p>';

      if (aItem[i].url.indexOf('http:') > 0)
          sHTML += '<div class="button" onclick="' + aItem[i].url + '" style="background-image: url(' + oGLOBAL.PATH_IMAGE + 'btn_buynowbg.png);  height: 22px; width: 120px; vertical-align: middle;_top:50%; display : table-cell;" ><CENTER>' + aItem[i].buttonText + '</CENTER></div>';
      else
          sHTML += '<div class="button" onclick="document.location=\'' + aItem[i].url + '\'" style="background-image: url(' + oGLOBAL.PATH_IMAGE + 'btn_buynowbg.png);  height: 22px; width: 120px; vertical-align: middle;_top:50%; display : table-cell;" ><CENTER>' + aItem[i].buttonText + '</CENTER></div>';
      
      sHTML += '<div class="image_desc"><p>' + aItem[i].image_desc + '</p></div>'
          +     '</div>'
          +   '</div>';
  }

  sHTML += '</div>'
        +  '<div id="divCrossFadeControl"></div>';

  document.write( sHTML );
}

function displayBucket( sImage, sCaption, sURL ) {

  var oCONSTANT = { BASE: 'media/swf/',
                    SWF:  'bucket',
                    WIDTH: 290,
                    HEIGHT: 162,
                    PATH_IMAGE: '../../' + oGLOBAL.PATH_IMAGE + '/content/bucket/' };

  var sParam = '<param name="allowScriptAccess" value="sameDomain" />'
             + '<param name="allowFullScreen" value="false" />'
             + '<param name="base" value="' + oCONSTANT.BASE + '" />'
             + '<param name="flashvars" value="image=' + oCONSTANT.PATH_IMAGE + sImage + '&caption=' + sCaption + (sURL ? '&url=../../' + sURL : '') + '" />'
             + '<param name="menu" value="false" />'
             + '<param name="quality" value="high" />';

  var sHTML = '<div class="bucket">'
            +   '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + oCONSTANT.WIDTH + '" height="' + oCONSTANT.HEIGHT + '">'
            +     '<param name="movie" value="' + oCONSTANT.BASE + oCONSTANT.SWF + '.swf" />'
            +     sParam
            + '<!--[if !IE]>-->'
            +     '<object type="application/x-shockwave-flash" data="' + oCONSTANT.BASE + oCONSTANT.SWF + '.swf" width="' + oCONSTANT.WIDTH + '" height="' + oCONSTANT.HEIGHT + '">'
            +       sParam
            + '<!--<![endif]-->'
            +       '<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" onclick="window.open( \'http://www.adobe.com/go/getflashplayer\' );return false" style="cursor:pointer" />'
            + '<!--[if !IE]>-->'
            +     '</object>'
            + '<!--<![endif]-->'
            +   '</object>'
            + '</div>';

  document.write( sHTML );
}

