var ORIG_CONTENT = null;
var NEWS = null;
var PHONE = null;
var ADDRESS = null;
var COMPANY = null;

var ARTIDX = 0;
var PIECES = null;
var CMENU = "menu_Home";
function save_content ()
{
  if ( ORIG_CONTENT == null )
  {
    ORIG_CONTENT = document.getElementById ( "content" ).innerHTML;
    NEWS = document.getElementById ( "description" ).innerHTML;
    PHONE = document.getElementById ( "phone" ).innerHTML;
    ADDRESS = document.getElementById ( "address" ).innerHTML;
    COMPANY = document.getElementById ( "company" ).innerHTML;
  }
}
function set_content ( html )
{
  if ( html != null )
  {
    var cdiv = document.getElementById ( "content" );
    cdiv.innerHTML = html;
  }
}
function set_html ( id, html )
{
  document.getElementById ( id ).innerHTML = html;
}
function home () {
  if ( ORIG_CONTENT != null )
  {
    select_link ( "menu_Home" );
    fout();
    setTimeout ( "display_home()", 3000 );
  }
}
function display_home()
{
  set_content ( ORIG_CONTENT );
  set_html ( "phone", PHONE );
  set_html ( "company", COMPANY );
  set_html ( "address", ADDRESS );
  set_html ( "description", NEWS );
  fin("home");
}
function select_link ( id )
{
  var link = document.getElementById ( id );
  link.blur();
  var cmenu = document.getElementById ( CMENU );
  cmenu.className="menu";
  link.className="menu_sel";
  CMENU=id;
}
function show ( genre )
{
  select_link ( "menu_"+genre );
  ARTIDX = -1;
  PIECES = SITE.getPieces ( genre );
  if ( arguments.length > 1 )
  {
    for ( var i = 0; i < PIECES.length; i++ )
    {
      if ( arguments[1] == PIECES[i].getTitle() )
      {
        ARTIDX = i-1;
        break;
      }
    }
  }
  next ();
}
function next ()
{
  document.getElementById ( "next_link" ).blur();
  ARTIDX++;
  view ();
}
function prev ()
{
  document.getElementById ( "prev_link" ).blur();
  ARTIDX--;
  view ();
}
function fout ()
{
  dojo.lfx.html.fadeOut('content', 0).play();
  dojo.lfx.html.fadeOut('description', 0).play();
  dojo.lfx.html.fadeOut('address', 0).play();
  dojo.lfx.html.fadeOut('phone', 0).play();
  dojo.lfx.html.fadeOut('company', 0).play();
  if ( arguments.length == 0 )
    dojo.lfx.html.fadeOut('nav', 0).play();
}
function fin ()
{
  dojo.lfx.html.fadeIn('content', 2000).play();
  dojo.lfx.html.fadeIn('description', 2000).play();
  dojo.lfx.html.fadeIn('address', 2000).play();
  dojo.lfx.html.fadeIn('phone', 2000).play();
  dojo.lfx.html.fadeIn('company', 2000).play();
  if ( arguments.length == 0 )
    dojo.lfx.html.fadeIn('nav', 2000).play();
}
function view ()
{
  if ( ARTIDX < 0 || PIECES == null || ARTIDX >= PIECES.length ) return;
  fout("view");
  setTimeout ( "display()", 3000 );
}
function display ()
{
  var piece = PIECES[ARTIDX];
  set_html ( "phone", "" );
  set_html ( "company", "<br/><br/><br/><center>"+piece.getPatron().getName()+"</center>" );
  set_html ( "address", piece.getPatron().getAddress () );
  set_html ( "description", piece.getDescription() );
  var view = '<table width="100%" height="100%"><tr><td align="middle" valign="top">';
  var ctnt = piece.getContent ();
  if ( ctnt.match ( /^img/ ) != null )
    view += '<img src="'+ctnt+'" />';
  else
    view += ctnt;
  view += '</td></tr></table>';
  set_content ( view );
  //set_content ( piece.toString() );
  fin();
}
function draw ()
{
  var genres = SITE.getGenres();
  var html = "";
  html += "<a class=\"menu_sel\" id=\"menu_Home\" href=\"#\" onClick=\"home()\">Home</a>";
  for ( var i = 0; i < genres.length; i++ )
  {
    html += "<a class=\"menu\" id=\"menu_" + genres[i] + "\" href=\"#\" onClick=\"show('" + genres[i] + "')\">" + genres[i] + "</a>";
  }
  //html += "<a class=\"menu\" id=\"menu_SiteMap\" href=\"#\">Site Map</a>";
  var menuDiv = document.getElementById ( "menu" );
  menuDiv.innerHTML = html;
  dojo.lfx.html.fadeIn('menu', 2000).play();
  dojo.lfx.html.fadeIn('menu_shadow', 2000).play();
/*
  html = "";
  for ( var i = 0; i < genres.length; i++ )
  {
    var pieces = SITE.getPieces ( genres[i] );
    html += "<h3>" + genres[i] + "</h3>";
    for ( var j = 0; j < pieces.length; j++ )
    {
      html += pieces[j].toString() + "<br />";
    }
  }
  set_content ( html );
*/
  save_content();
  fin("main");
}
function fcd_load()
{
dojo.html.setOpacity(document.getElementById('content'), 0.0);
dojo.html.setOpacity(document.getElementById('description'), 0.0);
dojo.html.setOpacity(document.getElementById('address'), 0.0);
dojo.html.setOpacity(document.getElementById('phone'), 0.0);
dojo.html.setOpacity(document.getElementById('menu'), 0.0);
dojo.html.setOpacity(document.getElementById('menu_shadow'), 0.0);
dojo.html.setOpacity(document.getElementById('company'), 0.0);
dojo.html.setOpacity(document.getElementById('nav'), 0.0);
if ( navigator.userAgent.toLowerCase().indexOf ( 'msie' ) != -1 )
{
  document.getElementById('main').className="main_msie";
}
SITE.load(draw,'artwork.xml');
}