var revert = new Array();
var inames = new Array('b-home');
// Preload
if (document.images) {
  var flipped = new Array();
  for(i=0; i< inames.length; i++) {
    flipped[i] = new Image();
    flipped[i].src = "webart/"+inames[i]+"2.jpg";
  }
}
function over(num) {
  if(document.images) {
    revert[num] = document.images[inames[num]].src;
    document.images[inames[num]].src = flipped[num].src;
  }
}
function out(num) {
  if(document.images) document.images[inames[num]].src = revert[num];
}



var revert2 = new Array();
var inames2 = new Array('b-buyers');
// Preload
if (document.images) {
  var flipped2 = new Array();
  for(i=0; i< inames2.length; i++) {
    flipped2[i] = new Image();
    flipped2[i].src = "webart/"+inames2[i]+"2.jpg";
  }
}
function over2(num) {
  if(document.images) {
    revert2[num] = document.images[inames2[num]].src;
    document.images[inames2[num]].src = flipped2[num].src;
  }
}
function out2(num) {
  if(document.images) document.images[inames2[num]].src = revert2[num];
}

var revert3 = new Array();
var inames3 = new Array('b-sellers');
// Preload
if (document.images) {
  var flipped3 = new Array();
  for(i=0; i< inames2.length; i++) {
    flipped3[i] = new Image();
    flipped3[i].src = "webart/"+inames3[i]+"2.jpg";
  }
}
function over3(num) {
  if(document.images) {
    revert3[num] = document.images[inames3[num]].src;
    document.images[inames3[num]].src = flipped3[num].src;
  }
}
function out3(num) {
  if(document.images) document.images[inames3[num]].src = revert3[num];
}

var revert4 = new Array();
var inames4 = new Array('b-links');
// Preload
if (document.images) {
  var flipped4 = new Array();
  for(i=0; i< inames4.length; i++) {
    flipped4[i] = new Image();
    flipped4[i].src = "webart/"+inames4[i]+"2.jpg";
  }
}
function over4(num) {
  if(document.images) {
    revert4[num] = document.images[inames4[num]].src;
    document.images[inames4[num]].src = flipped4[num].src;
  }
}
function out4(num) {
  if(document.images) document.images[inames4[num]].src = revert4[num];
}


var revert5 = new Array();
var inames5 = new Array('b-about');
// Preload
if (document.images) {
  var flipped5 = new Array();
  for(i=0; i< inames5.length; i++) {
    flipped5[i] = new Image();
    flipped5[i].src = "webart/"+inames5[i]+"2.jpg";
  }
}
function over5(num) {
  if(document.images) {
    revert5[num] = document.images[inames5[num]].src;
    document.images[inames5[num]].src = flipped5[num].src;
  }
}
function out5(num) {
  if(document.images) document.images[inames5[num]].src = revert5[num];
}


var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var num4 	= 0;

// open hidden layer
function mopen(id)
{
	
	if ( id == 'm2' ) {
	revert4[num4] = document.images[inames4[num4]].src;
        document.images[inames4[num4]].src = flipped4[num4].src;
    	}
    	
    	if ( id == 'm4' ){
	revert5[num4] = document.images[inames5[num4]].src;
	document.images[inames5[num4]].src = flipped5[num4].src;
    	}
    	
    	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}

// go close timer
function mclosetime(id)
{
	closetimer = window.setTimeout(mclose, timeout);
		if ( id == 'm2' ) document.images[inames4[num4]].src = revert4[num4];
		
		if ( id == 'm4' ) document.images[inames5[num4]].src = revert5[num4];
		
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;