var gadgets = new Array('', 'rss', 'contacts', 'print', 'search', 'access', 'gmap', 'sitemap', 'iphone', 'photo');
var links = new Array('', 
   '?info=rss','mailto:info@galleriascagliola.com','?info=stampa','?info=search','?info=access','?info=map','?info=mappa','?info=i','?info=photo');
var movedist = 90;

function setGadgets(){
  var a = document.createElement('DIV')
  a.setAttribute('id','gadgets')
  document.body.appendChild(a)
  
  var b = $('gadgets').style
  b.top = screenInfo()[1] +'px';
  b.left = $('midl').getDimensions().width + 40 +'px';

  iH = '';
  for(var x=1;x<gadgets.length;x++){
     iH+= '<span>';
     iH+= '<a id="l'+ x +'" href="'+links[x]+'" onmouseout="swap(this.id)" onmouseover="swap(this.id)">';
     iH+= '<img id="w'+x+'" src="supp/wid' + x + 'b.png" />';
     iH+= '</a></span>';
  }
  iH+= '<span class="arrow"><a href=javascript:moveOn()>^</a>'
  $('gadgets').innerHTML=iH;

  new Effect.Move($('gadgets'), { y:-20, x:0, mode: 'relative' });
}

function swap(id){
   var n = id.substr(1);
   if(($('w'+n).src.indexOf('b.png'))>0) $('w'+n).src='supp/wid'+n+'.png'
   else $('w'+n).src='supp/wid'+n+'b.png'
   cnt = 0;
}

function moveOn(){
   if(cnt==0) new Effect.Move($('gadgets'), { y:-1*movedist, x:0, mode: 'relative' });
   countdown();
}

cnt = 0;
function countdown(){
   cnt++;
   if(cnt<150) setTimeout('countdown()',100)
   else {
      new Effect.Move($('gadgets'), { y:movedist, x: 0, mode: 'relative' });
      cnt=0;
   }
}

Event.observe(window, 'load', setGadgets);