//global var
var tokenName = "org.apache.struts.taglib.html.TOKEN";
var step;
var rpath = "../images/";

function unavailable() {
}

function refreshPricing( pricing ) {
//alert( "pricing" );
      var total;
      var optionTotal;

      var name = [];
      var value = [];
      var price = [];
      var baseName = "";
      var baseValue = "";
      var basePrice = "";
      var optionTotal = "";
      var total = "";

      var elmt, baseInput, optionInput, totalInput;
      var base = getXMLNode( pricing, "base" );
      baseName = getXMLValue( base, "name" );
      baseValue = getXMLValue( base, "value" );
      basePrice = getXMLValue( base, "price" );

      optionTotal = getXMLValue( pricing, "optiontotal" );
      total = getXMLValue( pricing, "total" );
//      baseInput = document.getElementById( "baseprice" );
//      optionInput = document.getElementById( "optionprice" );
      totalInput = document.getElementById( "totalprice" );
//      baseInput.value = basePrice;
//      optionInput.value = optionTotal;
      totalInput.value = total;

      var items = getXMLNodes( pricing, "item" );
      var result ="<table>";
      result += '<tr><td colspan="3"><b>Price Detail</b></td></tr>';
      result += '<tr><td colspan="3"></td></tr>';
      result += '<tr><td valign="top" width="65">' + baseName + '</td><td  width="65" >' + baseValue + '</td><td valign="top" align="right"  width="60" >' + basePrice + '</td></tr>';
      result += '<tr><td colspan="3"></td></tr>';

      for (var i=0;i<items.length;i++) {
//        name[i] = getXMLValue( items[i], "name" );
        value[i] = getXMLValue( items[i], "value" );
        price[i] = getXMLValue( items[i], "price" );
        result += '<tr><td colspan="2" valign="top" >' + value[i] + '</td><td valign="top" align="right" >' + price[i] + '</td></tr>';
      }
      result += '<tr><td colspan="3"><hr/></td></tr>';
      result += '<tr><td valign="top" >Total</td><td></td><td valign="top" align="right" >' + total + '</td></tr>';
      result += "</table>";


      elmt = document.getElementById( "pricingdetail" );
      elmt.innerHTML = result;
}

function refreshSize( size ) {
//alert( "size" );

      var elmt;
      var ro = getXMLNode( size, "ro" );
      var roW = getXMLValue( ro, "width" );
      var roH = getXMLValue( ro, "height" );

      roWH = document.getElementById( "rowidth" );
      roWH.value = roW;
      roWH = document.getElementById( "roheight" );
      roWH.value = roH;
}


function refreshInfo( info ) {
//alert( "info" );
      currentInfo = info;
      var name = [];
      var value = [];
      var elmt;
      var lines = getXMLNodes( info, "line" );
      var valuenode;

      var result ='<table width="100%" height="90" cellpadding="0" cellspacing="5">';
      for (var i=0;i<lines.length;i++) {
        name[i] = getXMLValue( lines[i], "name" );
        value[i] = getXMLValue( lines[i], "value" );
        result += '<tr>';
        result += '<td width="110" align="left" valign="top" class="style10">' + name[i] + '</td>';
        result += '<td width="370" align="left" valign="top" class="style10" bgcolor="#FFFFFF">' + value[i] + '</td>';
        result += '</tr>';
      }
      result += "</table>";

      elmt = document.getElementById( "info" );
      elmt.innerHTML = result;
}

function refreshViewDelay( view ) {
//alert( "view" );
      var divid = [];
      var img = [];
      var hide = "";
      var hideE, load;
      var components = getXMLNodes( view, "component" );

      load = document.getElementById( "load" );
      load.style.display = "block";

      for (var i=0;i<components.length;i++) {
        divid[i] = getXMLValue( components[i], "divid" );
        img[i] = getXMLValue( components[i], "img" );
        hide += '<img src="' + rpath + img[i] + '" border="0" />';
      }
      hideE = document.getElementById( "hide" );
      hideE.innerHTML = hide;

      window.setTimeout( _refreshViewDelay( view ), 2000 );
}
function _refreshViewDelay( view ) {
    return function() { refreshView( view ); }
}
function refreshView( view ) {
//alert( "view" );
      var divid = [];
      var img = [];
      var result = "";
      var elmt, load;
      var components = getXMLNodes( view, "component" );

      load = document.getElementById( "load" );
      load.style.display = "none";

      for (var i=0;i<components.length;i++) {
        divid[i] = getXMLValue( components[i], "divid" );
        img[i] = getXMLValue( components[i], "img" );
        result += '<div id="' + divid[i] + '"><img src="' + rpath + img[i] + '" border="0" /></div>';
      }
      if ( result.length > 0 ) {
        elmt = document.getElementById( "view" );
        elmt.innerHTML = result;
      }
}

function refreshControl( control ) {
//alert( "control" );
      var elmt;
      var result = "";
      var buttons = getXMLNodes( control, "button" );
      var url;
      var img;
      var imgTag;

      for (var i=0;i<buttons.length;i++) {
        url = getXMLValue( buttons[i], "url" );
        img = getXMLValue( buttons[i], "img" );
        if ( img != 'finish' ) {
            imgTag = '<img src="' + rpath + img + '" border="0" />';
            if ( url != 'none' ) {
                result += '<a href="' + url + '" >' + imgTag + '</a>';
            }
            else {
                result += imgTag;
            }
            result += '&nbsp;&nbsp;';
        }
      }
      elmt = document.getElementById( "control" );
      elmt.innerHTML = result;
}

function refreshNavigation( navigation ) {
//alert( "navigtion" );

      var name = [];
      var url = [];

      var result = "";
      var elmt;

      var pages = getXMLNodes( navigation, "page" );
      for (var i=0;i<pages.length;i++) {
        name[i] = getXMLValue( pages[i], "name" );
        url[i] = getXMLValue( pages[i], "url" );
        result += '| <a href="javascript:nextAction(' + url[i] + ')" >' + name[i] + '</a> ';
      }
      if ( result.length > 1 ) result = result.substring(1);

      elmt = document.getElementById( "navigation" );
      elmt.innerHTML = result;

}

function overlay( status ) {
      var bod = document.getElementsByTagName('body')[0];
      var htm = document.getElementsByTagName('html')[0];
      var overlay1 = document.getElementById( "overlay" );
      var lightbox1 = document.getElementById( "lightbox" );

      if ( status == "ON" ) {
        bod.style.overflow = 'hidden';  
        htm.style.overflow = 'hidden';
		
        overlay1.style.height = screen.Height;
        overlay1.style.width = screen.Width;
        overlay1.style.visibility = 'visible' ;
        lightbox1.style.visibility = 'visible' ;
      }
      if ( status == "OFF" ) {
        bod.style.overflow = 'visible';  
        htm.style.overflow = 'visible';
		
        overlay1.style.visibility = 'hidden' ;
        lightbox1.style.visibility = 'hidden' ;
      }
}

function startup( type ) {
    nextAction( 0, 0 );
}