// --- define how many buttons are there for main level menu, The Gallery (painting), Art as a Gift, and What's on sections ---

mainbutnum = 9;
paintbutnum = 5;
giftbutnum = 7;
generalgiftbutnum = 2;
whatsnewbutnum = 3;


// --- set the top and left margins for the 4 menus layers' location in pixel ---
mainleft = 0;
maintop = 0;
mainwidth = 140;
mainheight = 115;

paintleft = 130;
painttop = 5;
paintwidth = 112;
paintheight = 120;

giftleft = 130;
gifttop = 40;
giftwidth = 146;
giftheight = 115;

generalgiftleft = 130;
generalgifttop = 83;
generalgiftwidth = 146;
generalgiftheight = 115;

whatsnewleft = 130;
whatsnewtop = 125;
whatsnewwidth = 146;
whatsnewheight = 115;



// --- define the array to store the button structure for all 4 menus ---
mainbutton = new buttonstruct(mainbutnum+1);
paintbutton = new buttonstruct(paintbutnum+1);
giftbutton = new buttonstruct(giftbutnum+1);
generalgiftbutton = new buttonstruct(generalgiftbutnum+1);
whatsnewbutton = new buttonstruct(whatsnewbutnum+1);



// --- define the structure for all buttons ---
function buttonstruct(num)
{
	this.urllink = new Array(num);
	this.img_on = new Array(num);
	this.img_off = new Array(num);

	for (var i = 1; i < num ; i++)
	{
		this.img_on[i] = new Image();
		this.img_off[i] = new Image();
	}
	
}


// --- assign the target HTML page for all buttons---

mainbutton.urllink[1] = "../painting/set1.html";
mainbutton.urllink[2] = "../gift/set1.html";
mainbutton.urllink[3] = "../generalgift/set1.html";
mainbutton.urllink[4] = "../what_is_new/contenu_artistmonth.html";
mainbutton.urllink[5] = "../certificate/contenu.html";
mainbutton.urllink[6] = "../gift_wrapping/contenu.html";
mainbutton.urllink[7] = "../company/contenu.html";
mainbutton.urllink[8] = "../contact/contenu.html";
mainbutton.urllink[9] = "../site_map/contenu.html";


paintbutton.urllink[1] = "../painting/set1.html";
paintbutton.urllink[2] = "../sculpture/set1.html";
paintbutton.urllink[3] = "../glass/set1.html";
paintbutton.urllink[4] = "../ceramics/set1.html";
paintbutton.urllink[5] = "../misc/set1.html";


giftbutton.urllink[1] = "../personalized/set1.html";
giftbutton.urllink[2] = "../gift/set1.html";
giftbutton.urllink[3] = "../jewelry/set1.html";
giftbutton.urllink[4] = "../glass/set1.html";
giftbutton.urllink[5] = "../ceramics/set1.html";
giftbutton.urllink[6] = "../judaica/set1.html";
giftbutton.urllink[7] = "../corp_gift/set1.html";


generalgiftbutton.urllink[1] = "../stationary/set1.html";
generalgiftbutton.urllink[2] = "../baby/set1.html";



whatsnewbutton.urllink[1] = "../what_is_new/contenu_artistmonth.html";
whatsnewbutton.urllink[2] = "../what_is_new/contenu_newwork.html";
whatsnewbutton.urllink[3] = "../gift/contenu_artasgift.html";



// --- define where is the web image folders ---
imgfolder = "../../web_images/";


// --- define the mouseon and mouseout image for each button ---
mainbutton.img_off[1].src = imgfolder + "b_b_gallery.gif";
mainbutton.img_off[2].src = imgfolder + "b_b_gift.gif";
mainbutton.img_off[3].src = imgfolder + "b_b_generalgift.gif";
mainbutton.img_off[4].src = imgfolder + "b_b_what_is.gif";
mainbutton.img_off[5].src = imgfolder + "b_b_certificate.gif";
mainbutton.img_off[6].src = imgfolder + "b_b_wrapping.gif";
mainbutton.img_off[7].src = imgfolder + "b_b_profile.gif";
mainbutton.img_off[8].src = imgfolder + "b_b_contact.gif";
mainbutton.img_off[9].src = imgfolder + "b_b_map.gif";

mainbutton.img_on[1].src = imgfolder + "w_b_gallery.gif";
mainbutton.img_on[2].src = imgfolder + "w_b_gift.gif";
mainbutton.img_on[3].src = imgfolder + "w_b_generalgift.gif";
mainbutton.img_on[4].src = imgfolder + "w_b_what_is.gif";
mainbutton.img_on[5].src = imgfolder + "w_b_certificate.gif";
mainbutton.img_on[6].src = imgfolder + "w_b_wrapping.gif";
mainbutton.img_on[7].src = imgfolder + "w_b_profile.gif";
mainbutton.img_on[8].src = imgfolder + "w_b_contact.gif";
mainbutton.img_on[9].src = imgfolder + "w_b_map.gif";




paintbutton.img_off[1].src = imgfolder + "b_b_painting.gif";
paintbutton.img_off[2].src = imgfolder + "b_b_sculpture.gif";
paintbutton.img_off[3].src = imgfolder + "b_b_glass.gif";
paintbutton.img_off[4].src = imgfolder + "b_b_ceramics.gif";
paintbutton.img_off[5].src = imgfolder + "b_b_misc.gif";

paintbutton.img_on[1].src = imgfolder + "w_b_painting.gif";
paintbutton.img_on[2].src = imgfolder + "w_b_sculpture.gif";
paintbutton.img_on[3].src = imgfolder + "w_b_glass.gif";
paintbutton.img_on[4].src = imgfolder + "w_b_ceramics.gif";
paintbutton.img_on[5].src = imgfolder + "w_b_misc.gif";




giftbutton.img_off[1].src = imgfolder + "b_b_personalized.gif";
giftbutton.img_off[2].src = imgfolder + "b_b_miniature.gif";
giftbutton.img_off[3].src = imgfolder + "b_b_jewelry.gif";
giftbutton.img_off[4].src = imgfolder + "b_b_glass_gift.gif";
giftbutton.img_off[5].src = imgfolder + "b_b_ceramics_gift.gif";
giftbutton.img_off[6].src = imgfolder + "b_b_judaica.gif";
giftbutton.img_off[7].src = imgfolder + "b_b_corp_gift.gif";

giftbutton.img_on[1].src = imgfolder + "w_b_personalized.gif";
giftbutton.img_on[2].src = imgfolder + "w_b_miniature.gif";
giftbutton.img_on[3].src = imgfolder + "w_b_jewelry.gif";
giftbutton.img_on[4].src = imgfolder + "w_b_glass_gift.gif";
giftbutton.img_on[5].src = imgfolder + "w_b_ceramics_gift.gif";
giftbutton.img_on[6].src = imgfolder + "w_b_judaica.gif";
giftbutton.img_on[7].src = imgfolder + "w_b_corp_gift.gif";



generalgiftbutton.img_off[1].src = imgfolder + "b_b_stationary.gif";
generalgiftbutton.img_off[2].src = imgfolder + "b_b_baby.gif";


generalgiftbutton.img_on[1].src = imgfolder + "w_b_stationary.gif";
generalgiftbutton.img_on[2].src = imgfolder + "w_b_baby.gif";




whatsnewbutton.img_off[1].src = imgfolder + "b_b_customized_framing_06.gif";
whatsnewbutton.img_off[2].src = imgfolder + "b_b_newwork.gif";
whatsnewbutton.img_off[3].src = imgfolder + "b_b_new_tab.gif";

whatsnewbutton.img_on[1].src = imgfolder + "w_b_customized_framing_06.gif";
whatsnewbutton.img_on[2].src = imgfolder + "w_b_newwork.gif";
whatsnewbutton.img_on[3].src = imgfolder + "w_b_new_tab.gif";





// --- define the HTML code for the main menu layer (this function is the main togglefunction) ---

var mainHTML = "";
mainHTML = mainHTML + "  <table width=\"135\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',1);\" onmouseover=\"togglebutton(\'main\', 1, \'on\'); togglemenu(\'button\',\'paint\',true);  togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 1, \'off\')\"><img name=\"main1\" id=\"main1\" src=\""+ mainbutton.img_off[1].src +"\" border=0 vspace=3><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',2);\" onmouseover=\"togglebutton(\'main\', 2, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',true);  togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 2, \'off\')\"><img name=\"main2\" id=\"main2\" src=\""+ mainbutton.img_off[2].src +"\" border=0 vspace=5><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',3);\" onmouseover=\"togglebutton(\'main\', 3, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',true);  togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 3, \'off\')\"><img name=\"main3\" id=\"main3\" src=\""+ mainbutton.img_off[3].src +"\" border=0 vspace=5><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',4);\" onmouseover=\"togglebutton(\'main\', 4, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',true)\"  onmouseout=\"togglebutton(\'main\', 4, \'off\')\"><img name=\"main4\" id=\"main4\" src=\""+ mainbutton.img_off[4].src +"\" border=0 vspace=7><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',5);\" onmouseover=\"togglebutton(\'main\', 5, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 5, \'off\')\"><img name=\"main5\" id=\"main5\" src=\""+ mainbutton.img_off[5].src +"\" border=0 vspace=8><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',6);\" onmouseover=\"togglebutton(\'main\', 6, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 6, \'off\')\"><img name=\"main6\" id=\"main6\" src=\""+ mainbutton.img_off[6].src +"\" border=0 vspace=5><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',7);\" onmouseover=\"togglebutton(\'main\', 7, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 7, \'off\')\"><img name=\"main7\" id=\"main7\" src=\""+ mainbutton.img_off[7].src +"\" border=0 vspace=6><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr>  ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',8);\" onmouseover=\"togglebutton(\'main\', 8, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 8, \'off\')\"><img name=\"main8\" id=\"main8\" src=\""+ mainbutton.img_off[8].src +"\" border=0 vspace=6><\/a><\/td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "    <tr> ";
mainHTML = mainHTML + "      <td><a href=\"javascript:buttonlink('main',9);\" onmouseover=\"togglebutton(\'main\', 9, \'on\'); togglemenu(\'button\',\'paint\',false); togglemenu(\'button\',\'gift\',false); togglemenu(\'button\',\'generalgift\',false); togglemenu(\'button\',\'whatsnew\',false)\" onmouseout=\"togglebutton(\'main\', 9, \'off\')\"><img name=\"main9\" id=\"main9\" src=\""+ mainbutton.img_off[9].src +"\" border=0 vspace=0><\/a></td> ";
mainHTML = mainHTML + "    <\/tr> ";
mainHTML = mainHTML + "  <\/table> ";


// --- define the HTML code for the painting menu layer ---

var paintHTML = "";
paintHTML = paintHTML + "  <table width=\"100\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> ";
paintHTML = paintHTML + "    <tr> ";
paintHTML = paintHTML + "      <td><a href=\"javascript:togglemenu(\'button\',\'paint\',false);\" onmouseover=\"togglemenu(\'menu\',\'paint\',true)\" ><img id=\"paint_header\" src=\"../../web_images/b_paint_header.gif\" border=0><\/a><\/td> ";
paintHTML = paintHTML + "    <\/tr> ";
for (i=1; i<=paintbutnum; i++)
{
	paintHTML = paintHTML + "    <tr> ";
	paintHTML = paintHTML + "      <td><a href=\"javascript:buttonlink('paint'," + i + ");\" onmouseover=\"togglebutton(\'paint\', " + i + ", \'on\'); togglemenu(\'menu\',\'paint\',true)\" onmouseout=\"togglebutton(\'paint\', " + i + ", \'off\')\"><img name=\"paint" + i + "\" id=\"paint" + i + "\" src=\""+ paintbutton.img_off[i].src +"\" border=0><\/a><\/td> ";
	paintHTML = paintHTML + "    <\/tr> ";
}
paintHTML = paintHTML + "    <tr> ";
paintHTML = paintHTML + "      <td><a href=\"#\" onmouseover=\"togglemenu(\'menu\',\'paint\',true)\" ><img src=\"../../web_images/b_paint_footer.gif\" border=0><\/a><\/td> ";
paintHTML = paintHTML + "    <\/tr> ";
paintHTML = paintHTML + "  <\/table> ";


// --- define the HTML code for the gift menu layer ---

var giftHTML = "";
giftHTML = giftHTML + "  <table width=\"123\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
giftHTML = giftHTML + "    <tr> ";
giftHTML = giftHTML + "      <td><a href=\"javascript:togglemenu(\'button\',\'gift\',false);\" onmouseover=\"togglemenu(\'menu\',\'gift\',true)\" ><img src=\"../../web_images/b_gift_header.gif\" border=0><\/a><\/td> ";
giftHTML = giftHTML + "    <\/tr> ";
for (i=1; i<=giftbutnum; i++)
{
	giftHTML = giftHTML + "    <tr>";
	giftHTML = giftHTML + "      <td><a href=\"javascript:buttonlink('gift'," + i + ");\" onmouseover=\"togglebutton(\'gift\', " + i + ", \'on\'); togglemenu(\'menu\',\'gift\',true)\" onmouseout=\"togglebutton(\'gift\', " + i + ", \'off\')\"><img name=\"gift" + i + "\" id=\"gift" + i + "\" src=\""+ giftbutton.img_off[i].src +"\" border=0><\/a><\/td>";
	giftHTML = giftHTML + "    <\/tr>";
}
giftHTML = giftHTML + "    <tr> ";
giftHTML = giftHTML + "      <td><a href=\"#\" onmouseover=\"togglemenu(\'menu\',\'gift\',true)\" ><img src=\"../../web_images/b_gift_footer.gif\" border=0><\/a><\/td> ";
giftHTML = giftHTML + "    <\/tr> ";
giftHTML = giftHTML + "  <\/table>";


// --- define the HTML code for the generalgift menu layer ---
var generalgiftHTML = "";
generalgiftHTML = generalgiftHTML + "  <table width=\"123\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
generalgiftHTML = generalgiftHTML + "    <tr> ";
generalgiftHTML = generalgiftHTML + "      <td><a href=\"javascript:togglemenu(\'button\',\'generalgift\',false);\" onmouseover=\"togglemenu(\'menu\',\'generalgift\',true)\" ><img src=\"../../web_images/b_generalgift_header.gif\" border=0><\/a><\/td> ";
generalgiftHTML = generalgiftHTML + "    <\/tr> ";
for (i=1; i<=generalgiftbutnum; i++)
{
	generalgiftHTML = generalgiftHTML + "    <tr>";
	generalgiftHTML = generalgiftHTML + "      <td><a href=\"javascript:buttonlink('generalgift'," + i + ");\" onmouseover=\"togglebutton(\'generalgift\', " + i + ", \'on\'); togglemenu(\'menu\',\'generalgift\',true)\" onmouseout=\"togglebutton(\'generalgift\', " + i + ", \'off\')\"><img name=\"generalgift" + i + "\" id=\"generalgift" + i + "\" src=\""+ generalgiftbutton.img_off[i].src +"\" border=0><\/a><\/td>";
	generalgiftHTML = generalgiftHTML + "    <\/tr>";
}
generalgiftHTML = generalgiftHTML + "    <tr> ";
generalgiftHTML = generalgiftHTML + "      <td><a href=\"#\" onmouseover=\"togglemenu(\'menu\',\'generalgift\',true)\" ><img src=\"../../web_images/b_generalgift_footer.gif\" border=0><\/a><\/td> ";
generalgiftHTML = generalgiftHTML + "    <\/tr> ";
generalgiftHTML = generalgiftHTML + "  <\/table>";


// --- define the HTML code for the what's on menu layer ---

var whatsnewHTML = "";
whatsnewHTML = whatsnewHTML + "  <table width=\"100\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> ";
whatsnewHTML = whatsnewHTML + "    <tr> ";
whatsnewHTML = whatsnewHTML + "      <td><a href=\"javascript:togglemenu(\'button\',\'whatsnew\',false);\" onmouseover=\"togglemenu(\'menu\',\'whatsnew\',true)\" ><img id=\"whatsnew_header\" src=\"../../web_images/b_whatsnew_header.gif\" border=0><\/a><\/td> ";
whatsnewHTML = whatsnewHTML + "    <\/tr> ";
for (i=1;i<=whatsnewbutnum; i++)
{
	whatsnewHTML = whatsnewHTML + "    <tr> ";
	whatsnewHTML = whatsnewHTML + "      <td><a href=\"javascript:buttonlink('whatsnew'," + i + ");\" onmouseover=\"togglebutton(\'whatsnew\', " + i + ", \'on\'); togglemenu(\'menu\',\'whatsnew\',true)\" onmouseout=\"togglebutton(\'whatsnew\', " + i + ", \'off\')\"><img name=\"whatsnew" + i + "\" id=\"whatsnew" + i + "\" src=\""+ whatsnewbutton.img_off[i].src +"\" border=0><\/a><\/td> ";
	whatsnewHTML = whatsnewHTML + "    <\/tr> ";
}
whatsnewHTML = whatsnewHTML + "    <tr> ";
whatsnewHTML = whatsnewHTML + "      <td><a href=\"#\" onmouseover=\"togglemenu(\'menu\',\'whatsnew\',true)\" ><img src=\"../../web_images/b_whatsnew_footer.gif\" border=0><\/a><\/td> ";
whatsnewHTML = whatsnewHTML + "    <\/tr> ";
whatsnewHTML = whatsnewHTML + "  <\/table> ";







//----- detect browser type ------

var bUser="";

if (document.layers)
	bUser = "NN4";
else if (document.all && !document.getElementById)
	bUser = "IE4";
else if (document.getElementById && navigator.appName=="Netscape")
	  bUser = "NN6"; 
else if (document.all || document.getElementById)
	  bUser = "IE5";




// ++++++++++++++++++ all javascript functions =++++++++++++++++++++++++++

var button_paint = false;
var button_gift = false;
var button_generalgift = false;
var button_whatsnew = false;
var menu_paint = false;
var menu_gift = false;
var menu_generalgift = false;
var menu_whatsnew = false;


function togglemenu(whichobj, whichlayer, status)
{


	
	
	eval(whichobj + "_" + whichlayer + "=" + status);

	var tmp1 = eval("button_"+whichlayer);
	var tmp2 = eval("menu_"+whichlayer);

	if (tmp1==false)   // || tmp2==false)
	{
	        if (bUser=="IE4") {
	            eval(whichlayer + ".style.visibility='hidden'");
			}
	        else if (bUser=="NN4") {
	            eval("document.layers['" + whichlayer + "'].visibility='hide'");
	        }
		else if (bUser=="IE5" || bUser=="NN6") {
	            eval("document.getElementById('" + whichlayer + "').style.visibility='hidden'");
		}

	}
	else
	{
	        if (bUser=="IE4") {
	            eval(whichlayer + ".style.visibility='visible'");
			}
	        else if (bUser=="NN4") {
	            eval("document.layers['" + whichlayer + "'].visibility='show'");
	        }
		else if (bUser=="IE5" || bUser=="NN6") {
	            eval("document.getElementById('" + whichlayer + "').style.visibility='visible'");
		}

	}
}


function buttonlink(whichmenu, whichbutton)
{
	var tmp;
	tmp = whichmenu + "button.urllink[" + whichbutton + "];";
	window.open(eval(tmp), "middle");

}

function togglebutton(imgmenu, imgnum, onoff)
{
     if (bUser=="NN4")
	eval("document.layers['"+ imgmenu +"'].document.images['" + imgmenu + imgnum + "'].src = " + imgmenu + "button.img_"+ onoff + "["+ imgnum +"].src;" );

     else if (bUser=="NN6" || bUser=="IE5" || bUser=="IE4")
 	eval("document.images['" + imgmenu + imgnum + "'].src = "+ imgmenu +"button.img_"+ onoff + "[" + imgnum + "].src");


	
}




var l;		// layer object for NN4
function CreateLayer(layername, layerHTML, lmargin, tmargin, mwidth, mheight, onoff) 
{

		    // create div layer here with visibility control

		    //-------=================----------- Netscape 4 -----------================----------
		    if (document.layers)
		    {
			l = new Layer(mwidth);
			l.position="absolute";
			l.left = lmargin;
			l.top = tmargin;
			l.width = mwidth;
			l.height = mheight;
			l.visibility = onoff;

			l.document.open();
			l.document.write(layerHTML);
			l.document.close();
			document.layers[layername] = l;

		    }

		    //-------=================----------- IE4 -----------================----------
		    else if (document.all)
		    {
			var lHTML = "<div id='"+ layername +"' ";
			lHTML += "style='";
			lHTML += "position:absolute;";
			lHTML += "left:" + lmargin + ";";
			lHTML += "top:" + tmargin + ";";
			lHTML += "Width:" + mwidth + ";";
			lHTML += "Height:" + mheight + ";";
			lHTML += "visibility:"+ onoff +";";

			lHTML += "'>";
			lHTML += layerHTML;
			lHTML += "<\/div>";
			document.body.insertAdjacentHTML('beforeEnd', lHTML);
	   	    }

		    //-------=================----------- IE5/6, Netscape 6 -----------================----------
		    else if (document.getElementById)
		    {
	  		l = document.createElement('DIV');
  			l.id = layername;
  			l.style.position = 'absolute';
    			l.style.left = lmargin + "px";
    			l.style.top = tmargin + "px";
  			l.style.width = mwidth + "px";
    			l.style.height = mheight + "px";

 			l.style.textAlign="center";
                        l.style.visibility=onoff;
    			l.innerHTML = layerHTML;
			document.body.appendChild(l);
		    }

}


//-=-=-=-=-=-=-=-=-=-=-=-=-=-= this is for screen refresh -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);



function init()
{
	CreateLayer('main', mainHTML, mainleft, maintop, mainwidth, mainheight, "visible");

	CreateLayer('paint', paintHTML, paintleft, painttop, paintwidth, paintheight, "hidden");

	CreateLayer('gift', giftHTML, giftleft, gifttop, giftwidth, giftheight, "hidden");

	CreateLayer('generalgift', generalgiftHTML, generalgiftleft, generalgifttop, generalgiftwidth, generalgiftheight, "hidden");

	CreateLayer('whatsnew', whatsnewHTML, whatsnewleft, whatsnewtop, whatsnewwidth, whatsnewheight, "hidden");

}