var mainElements= new Array();
function addEvnts() {
    var hash=({}); var images=["/images/navi/links/stuehle.gif","/images/navi/links/sessel.gif","/images/navi/links/liegen.gif","/images/navi/links/sofas.gif","/images/navi/links/tische.gif","/images/navi/links/regale.gif","/images/navi/links/leuchten.gif","/images/navi/links/accessoires.gif", "/images/navi/links/basics.gif","/img/dot.gif"];
    images.each(function (el) {var p= el.replace(/^\/images\/navi\/links\//, '');p= p.replace(/\.gif$/, '');hash[p]=el;});
    new Asset.images(images,{onComplete:function(){bind2Navi(hash);}});
}
function blendEl()
{
    var el= mainElements.shift(); if(! el) return;
    var ef=new Fx.Styles(el,{duration:400,transition: Fx.Transitions.Quad.easeOut,wait:false,onStart:function(){if(!$(el).hasClass('lastElmnt')) var tOut=setTimeout("blendEl()", 120);}});
    el.setStyles({opacity:'1'});ef.start({'width':[0,100],"height":[0,100]});
}
function bind2Navi(hash) {
   var blendIn=[];var blendOut=[];
   $$("#startNavTable img[class^=smallPicOut]").each(function (el) { 
      blendIn[el.id]= new Fx.Styles(el,{duration:1500,wait:false,transition:Fx.Transitions.Quad.easeOut});
      blendOut[el.id]= new Fx.Styles(el,{duration:700,wait:false,transition:Fx.Transitions.Quad.easeOut});
   });
   $$("#startNavTable img[class^=mainPicOut]").each(function (el) {
      mainElements.push(el);
      el.alt="";el.title="";
      el.addEvent('mouseenter', function(e) {
	 e.stop();
	 el.className="mainPicOver";
	 var id= el.getParent().id.split(/,/);
	 $(id[0]).src= hash[id[1]];
	 blendOut[id[0]].stop();
	 blendIn[id[0]].start({'opacity':[0,1]});
      }.bindWithEvent(this));
      el.addEvent('mouseleave', function(e) {
	 e.stop();
	 el.className="mainPicOut";
	 var id= el.getParent().id.split(/,/);
	 blendIn[id[0]].stop();
	 blendOut[id[0]].start({'opacity':[1,0]});
      }.bindWithEvent(this));
   });
   blendEl();
}