// CSS multi-piattaforma
if (document.layers) document.write('<link rel="stylesheet" type="text/css" href="css/ns.css">')
else document.write('<link rel="stylesheet" type="text/css" href="css/ie.css">')
     	
// Preload delle immagini menu principale

var imgs = new Array(17);
var imgnames = ['img/moderne.gif', 'img/moderne1.gif', 'img/arte_povera.gif', 'img/arte_povera1.gif', 'img/cornici_tela.gif', 'img/cornici_tela1.gif', 'img/classiche.gif', 'img/classiche1.gif', 'img/varie.gif', 'img/varie1.gif', 'img/azienda.gif', 'img/azienda1.gif', 'img/prodotti.gif', 'img/prodotti1.gif', 'img/natura.gif', 'img/natura1.gif', 'img/contatti.gif', 'img/contatti1.gif'];
for (i=0; i<=17; i++) {
imgs[i] = new Image();
imgs[i].src = imgnames[i]; 
}

// Preload delle immagini menu di destra

var menudx = new Array(85);
var imgnames = [

 'img/belfort.gif', 'img/belfort1.gif','img/zurich.gif', 'img/zurich1.gif','img/metz.gif',
 
 'img/metz1.gif','img/graz.gif', 'img/graz1.gif','img/toronto.gif', 'img/toronto1.gif','img/reims.gif', 'img/reims1.gif',
 
 'img/dax.gif', 'img/dax1.gif','img/chambery.gif', 'img/chambery1.gif','img/bergen.gif', 'img/bergen1.gif',
 
 'img/stoccolma.gif','img/stoccolma1.gif','img/tallin.gif', 'img/tallin1.gif','img/edimburgo.gif', 'img/edimburgo1.gif',
 
 'img/dublin.gif', 'img/dublin1.gif','img/glasgow.gif', 'img/glasgow1.gif', 'img/madrid.gif', 'img/madrid1.gif',
 
 'img/siena.gif', 'img/siena1.gif','img/napoli.gif', 'img/napoli1.gif','img/salerno.gif', 'img/salerno1.gif',
 
 'img/nola.gif', 'img/nola1.gif','img/pompei.gif', 'img/pompei1.gif', 'img/siena.gif', 'img/siena1.gif',
 
 'img/porto.gif', 'img/porto1.gif','img/lisboa.gif', 'img/lisboa1.gif','img/lateis.gif', 'img/lateis1.gif',
 
 'img/arezzo.gif', 'img/arezzo1.gif','img/firenze.gif', 'img/firenze1.gif','img/certaldo.gif', 'img/certaldo1.gif',
 
 'img/orleans.gif', 'img/orleans1.gif','img/nantes.gif', 'img/nantes1.gif','img/granada.gif', 'img/granada1.gif',
 
 'img/malaga.gif', 'img/malaga1.gif','img/sondrio.gif', 'img/sondrio1.gif','img/sangiminiano.gif', 'img/sangiminiano1.gif',
 
 'img/santander.gif','img/santander1.gif', 'img/sauris.gif','img/sauris1.gif', 'img/ginevra.gif','img/ginevra1.gif', 
 
 'img/belluno.gif','img/belluno1.gif', 'img/treviso.gif','img/treviso1.gif', 'img/versailles.gif','img/versailles1.gif', 
 
 'img/louvre.gif','img/louvre1.gif', 'img/nizza.gif','img/nizza1.gif', 'img/verona.gif','img/verona1.gif', 
  ];
 
for (i=0; i<=85; i++) {
menudx[i] = new Image();
menudx[i].src = imgnames[i]; 
}



function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()


/*** variables you can configure ***/

FoldNumber = 4					//How many toplinks do you have?
var stayFolded = false			//Stay open when you click a new toplink?
foldImg = 1						//Do you want images (if not set to 0 and remove the images from the body)?
mainOffsetY = 0					//Vertical space adjustment between the main items, in pixels.

//This is the default image.
//Remember to change the actual images in the page as well, but remember to keep the name of the image.

var unImg = new Array(4);
var path = ['img/moderne_menu.gif', 'img/arte_povera_menu.gif', 'img/cornici_tela_menu.gif', 'img/classiche_menu.gif', 'img/varie_menu.gif'];
for (i=0; i<=4; i++) {
unImg[i] = new Image();
unImg[i].src = path[i]; 
}

var exImg = new Array(3);
var path = ['img/moderne_roll.gif', 'img/arte_povera_roll.gif', 'img/cornici_tela_roll.gif', 'img/classiche_roll.gif'];
for (i=0; i<=3; i++) {
exImg[i] = new Image();
exImg[i].src = path[i]; 
}

/*** There should be no need to change anything beyond this. ***/


if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ //Opera 5 resize fix.
	scrX= innerWidth; scrY= innerHeight;
	document.onmousemove= function(){
		if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){
			scrX = innerWidth;
			scrY = innerHeight;
			initFoldout();
		}
	};
}

//object constructor...
function makeMenu(obj,nest){
	nest= (!nest)?"":'document.'+nest+'.';
	this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj);	
   	this.css= bw.ns4?this.el:this.el.style;
	this.ref= bw.ns4?this.el.document:document;		
	this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft;
	this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop;
	this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0;
    this.vis= b_vis;
	this.hideIt= b_hideIt;
    this.showIt= b_showIt;
    this.moveIt= b_moveIt;
	return this
}

//object methods...
function b_showIt(){this.css.visibility='visible'}
function b_hideIt(){this.css.visibility='hidden'}
function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/
function menu(num){
	if(bw.bw){
		if(!stayFolded){
			for(i=0;i<oSub.length;i++){
				if(i!=num){
					oSub[i].hideIt()
					if(foldImg)oTop[i].ref["imgA"+i].src=unImg[i].src
				}
			}
			for(i=1;i<oTop.length;i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h)
			}
		}
		if(oSub[num].vis()){
			oSub[num].showIt()
			if(foldImg)oTop[num].ref["imgA"+num].src=exImg[num].src
		}else{
			oSub[num].hideIt()
			if(foldImg)oTop[num].ref["imgA"+num].src=unImg[num].src
		}
		for(i=1;i<oTop.length;i++){ 
			if (!oSub[i-1].vis()) oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY) 
			else oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY)
		}
	}
}

/*********************************************************************
The init function... there should be no need to change anything here.
**********************************************************************/
function initFoldout(){
	//Fixing the browsercheck for opera... this can be removed if the browsercheck has been fixed!!
	bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0

	oTop = new Array()
	oSub = new Array()
	//Making the objects and hiding the subs...
	for (var i=0; i<FoldNumber; i++){
		oTop[i] = new makeMenu('divTop'+i,'divCont')
		oSub[i] = new makeMenu('divSub'+i,'divCont.document.divTop'+i)
			if (i!=2){
				oSub[i].hideIt()
			}
	}
	
	//Positioning the top objects...
	oTop[0].moveIt(0,0)
	for (var i=1; i<oTop.length; i++){
		if (i==3){
			oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY+oSub[i-1].h)
		} else {
			oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY)
		}
	}
	
	//Making the containing menu object and showing it...
	oCont = new makeMenu('divCont')
	oCont.showIt()
}

// If the browser is ok, the script is started onload...
if(bw.bw) onload = initFoldout;