/* Appearance.js
 * Created:	2007-11-28
 * Modified:
 *
 * Show and Hide several images related to the product
 * A rectangular windows is displayed on top of the normal page structure
 * Visitors select the image, or close the window
 *
 * There is no special handlig for different browsers
 * Modern browsers with uniform access to required features is assumed
 *
 */
var appear_T=new Array();
var appear_I=new Array();
var appear_A='javascript:void(0);';

function HideAppear()
{ var n, appvis;
  for(n=0; n<appear_I.length; n++)
  {
    appvis = document.getElementById("appearance"+n).style;
    appvis.visibility = "hidden";
  }
}
function ShowAppear(n)
{ var appvis;
  HideAppear();
  appvis = document.getElementById("appearance"+n).style;
  appvis.visibility = "visible";
}

function CloseAppearBG(k,c)
{ var closeX;
  closeX = document.getElementById("appear_close"+k).style;
  if (c)
    closeX.backgroundColor = "#FFC0C0";
  else
    closeX.backgroundColor = "white";
}

function SetAppearance() {
  var argv=SetAppearance.arguments;
  var k,c,st,apimg;

  for(k=0,c=0,st='',apimg=''; k<argv.length; k+=4,c++)
  {
    appear_T[c] = argv[k];
    appear_I[c] = argv[k+1];

    apimg = apimg +'<div id="appearance'+c+'" class="appear">'
		  +'<div id="appear_close'+c+'" class="appear_close">'
		  + '<img src="image/close2.gif" onclick="HideAppear();"'
		  + ' onmouseover="CloseAppearBG('+c+',1);" onmouseout="CloseAppearBG('+c+',0);"></div>'
		  + '<strong>'+appear_T[c]+'</strong><br>'
		  +'<img src="'+appear_I[c]+'"><br clear="all">'
		  +'<a href="'+appear_A+'" onclick="HideAppear();">Close</a> </div>';
    st = st + '<a href="'+appear_A+'" onclick="ShowAppear('+c+');">'
            + '<img src="'+appear_I[c]+'"'
            +  ' width="'+argv[k+2]+'" height="'+argv[k+3]+'"'
            +  ' hspace="3" vspace="3"'
            +  ' alt="" title="'+appear_T[c]+'" border="0">'
            + '</a>&nbsp;&nbsp;';
  }
  document.write(st);
  document.write('<div style="position:relative;">'+ apimg +'</div>');

  HideAppear();
}