// Improved browser detect to catch Netscape 6
var ie4 = false;
var ns4 = false;
var ns6 = false;
if (document.layers) {
	ns4 = true;
} else if (document.all) {
	ie4 = true;
} else if (document.getElementById) {
	ns6 = true;
} else {
	ie4 = true;
}


// variables used to set the id for the squares OnMouseOver/OnClick
var n = 0;
var id = 0;


// declare images used / preload
villamenu_off = new Image();
villamenu_off.src = "images/villamenu_off.gif"
villamenu_on = new Image();
villamenu_on.src = "images/villamenu_on.gif"
appartmenu_off = new Image();
appartmenu_off.src = "images/appartmenu_off.gif"
appartmenu_on = new Image();
appartmenu_on.src = "images/appartmenu_on.gif"
parcomenu_off = new Image();
parcomenu_off.src = "images/parcomenu_off.gif"
parcomenu_on = new Image();
parcomenu_on.src = "images/parcomenu_on.gif"
servizimenu_off = new Image();
servizimenu_off.src = "images/servizimenu_off.gif"
servizimenu_on = new Image();
servizimenu_on.src = "images/servizimenu_on.gif"
dovemenu_off = new Image();
dovemenu_off.src = "images/dovemenu_off.gif"
dovemenu_on = new Image();
dovemenu_on.src = "images/dovemenu_on.gif"
storiamenu_off = new Image();
storiamenu_off.src = "images/storiamenu_off.gif"
storiamenu_on = new Image();
storiamenu_on.src = "images/storiamenu_on.gif"
infomenu_off = new Image();
infomenu_off.src = "images/infomenu_off.gif"
infomenu_on = new Image();
infomenu_on.src = "images/infomenu_on.gif"
richiestamenu_off = new Image();
richiestamenu_off.src = "images/richiestamenu_off.gif"
richiestamenu_on = new Image();
richiestamenu_on.src = "images/richiestamenu_on.gif"
darkgreensq = new Image();
darkgreensq.src = "images/darkgreensq.gif"
lgtgreensq = new Image();
lgtgreensq.src = "images/lgtgreensq.gif"

var Squares = new Array()
 Squares["square1"] = new Image();
 Squares["square1"].src = "images/darkgreensq.gif";
 Squares["square2"] = new Image();
 Squares["square2"].src = "images/lgtgreensq.gif";
 Squares["square3"] = new Image();
 Squares["square3"].src = "images/lgtgreensq.gif"
 Squares["square4"] = new Image();
 Squares["square4"].src = "images/lgtgreensq.gif"
 Squares["square5"] = new Image();
 Squares["square5"].src = "images/lgtgreensq.gif"
 Squares["square6"] = new Image();
 Squares["square6"].src = "images/lgtgreensq.gif"

 //function hides all layers and checks if squares are dark and if yes changes them to lightgreen square
 function imgChangeall(id,imgName,src,citta,layer) {
 	// ie code
	if (document.all) {
		document.all.square1.src = "images/lgtgreensq.gif" 
		document.all.desc1.style.visibility = "visible"


		}
	// ns4 code
	if (document.layers) {
		if (document.layers[desc1].style.visibility = "show")
		document.layers[desc1].style.visibility = "hide"
		if (document.layers[desc2].style.visibility = "show")
		document.layers[desc2].style.visibility = "hide"
		if (document.layers[desc3].style.visibility = "show")
		document.layers[desc3].style.visibility = "hide"
		if (document.layers[desc4].style.visibility = "show")
		document.layers[desc4].style.visibility = "hide"
		if (document.layers[desc5].style.visibility = "show")
		document.layers[desc5].style.visibility = "hide"

		}
		
//jump to changeID function to set id number
	changeID(id,imgName,src,citta,layer)

 }

 
//changes id for square to not change on rollover & main image change.
function changeID(id,imgName,src,citta,layer){
//alert("n = " + n)
//alert("id = " + id)
if (n == 0){
id = 0;
document.images.square1.src = "images/darkgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.citta.src = "images/background.jpg";
document.all.desc1.style.visibility = "visible"
document.all.desc2.style.visibility = "hidden"
document.all.desc3.style.visibility = "hidden"
document.all.desc4.style.visibility = "hidden"
}
if (n == 1){
id = 1;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/darkgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_02.jpg"
}
if (n == 2){
id = 2;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/darkgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_03.jpg"
} 
if (n == 3){
id = 3;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/darkgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_04.jpg"
} 
if (n == 4){
id = 4;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/darkgreensq.gif";
document.images.mainpic.src = "images/parco_05.jpg"
}
if (n == 5){
id = 5;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_06.jpg"
}
if (n == 6){
id = 6;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_07.jpg"
}
if (n == 7){
id = 7;
document.images.square1.src = "images/lgtgreensq.gif";
document.images.square2.src = "images/lgtgreensq.gif";
document.images.square3.src = "images/lgtgreensq.gif";
document.images.square4.src = "images/lgtgreensq.gif";
document.images.square5.src = "images/lgtgreensq.gif";
document.images.mainpic.src = "images/parco_08.jpg"
}
return true;
chgImageOff(id,imgName,src,citta,layer)
}

 
//Squares rollover
function chgImageOn(imgName,src,citta,layer)
{
	document.all.desc1.style.visibility = "hidden";
	document.images[imgName].src = src;
	document.images.citta.src = "images/" + citta;
	document.all[layer].style.visibility = "visible"
	}

function chgImageOff(id,imgName,src,citta,layer)
{
	document.images[imgName].src = src;
	document.images.citta.src = "images/" + citta;
	document.all[layer].style.visibility = "hidden"
}
//Squares rollover end

//menu rollover
function chgMenuOn(imgName,src)
{
 document.images[imgName].src = src;
}

function chgMenuOff(imgName,src)
{
    document.images[imgName].src = src;
}
//menu rollover finishes

//squares onclick
function chgSquareOn(imgName,villapic)
{
    document.images[imgName].src = "images/darkgreensq.gif";
}

function chgSquareOff(imgName)
{
    document.images[imgName].src = eval(imgName + "_off.src");
}
//squares onclick ends

//show description layers
function show(id) {
	if (document.layers)
		document.layers[id].visibility = "show";
	else if (document.all)
		document.all[id].style.visibility = "visible";
	else if (document.getElementById) {
		document.getElementById(id).style.visibility = "visible";
	}
}

function hide(id) {
	if (document.layers)
		document.layers[id].visibility = "hidden";
	else if (document.all)
		document.all[id].style.visibility = "hidden";
	else if (document.getElementById)
		document.getElementById(id).style.visibility = "hidden";
}
//show description layers ends

//show room blurb
function showtext(id,id2) {
	if (document.layers)
		document.layers[id].visibility = "show";
	else if (document.all)
		document.all[id].style.visibility = "visible";
	else if (document.getElementById) {
		document.getElementById(id).style.visibility = "visible";
	}
	showdesc(id2)
}
//show room blurb
//img description line
function showdesc(id2) {
	if (document.layers)
		document.layers[id2].visibility = "show";
	else if (document.all)
		document.all[id2].style.visibility = "visible";
	else if (document.getElementById) {
		document.getElementById(id2).style.visibility = "visible";
	}
}
//img description line ends