/**********************************************************************************   
PopupDescriptions 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/
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()
messages=new Array()
messages[0] = "Pesce multicolore<br>- 40 x 22 cm -"
messages[1] = "Barattoli con tappo di legno<br>- altezza 10,13,17 cm -"
messages[2] = "Vaso o contenitore <br>- altezza 10 cm -"
messages[3] = "Piatto <br>- 17 x 17 cm -<br>Tagliere <br>- diametro 20 cm -<br>Vaso <br>- altezza 25 cm - "
messages[4] = "Porta grissini<br>- lunghezza 30 cm -"
messages[5] = "Vaso cilindrico con ideogrammi <br>- altezza 27 cm -"
messages[6] = "Orologio <br>(copia autore Kandisky)<br> – diametro 30 cm -"
messages[7] = "Tagliere <br>- diametro 20 cm <br> Barattolo<br> - altezza 15 cm"
messages[8] = "Biscottiere <br>(copia autori: Kandisky, Modiglioni, Mirò)<br> – altezza 19 cm -"
messages[9] = "Piatto quadrato <br> (copia autore Picasso)<br> - 30 x 30 cm -"
messages[10] = "Porta tovaglioli"
messages[11] = "Brocca<br> – altezza 20 cm -<br> Vassoio rettangolare<br>- 30 x 20 cm -"
messages[12] = "Teiera"
messages[13] = "Piatto afro <br>- diametro 42 cm -"
messages[14] = "Piatto tondo afro<br>- diametro 36 cm -<br> Vassoio / piatto rettangolare afro<br>- 35 X 24 cm -"
messages[15] = "Piatto tondo afro<br>- diametro 24 cm -<br>Vassoio / piatto quadrato afro<br>- 24 X 24 cm -<br> Vaso / Barattolo<br> – altezza 15 cm -"
messages[16] = "Biscottiera<br> – altezza 16 cm -"
messages[17] = "Biscottiera con coperchio ermetico in legno <br>– diametro 30 cm -"
messages[18] = "Piatto rotondo <br>- diametro 42 cm -"
messages[19] = "Quadro <br>(copia autore Kandisky)<br> – 60 X 50 cm -"
messages[20] = "Quadro <br>(copia autore Kandisky) <br>– 60 X 50 cm -"
messages[21] = "Quadro <br>(copia autore Kandisky)<br> – 70 X 50 cm -"
messages[22] = "Quadro fantasia <br>di Silvia Pianura<br> – 65 X 53 cm -"
messages[23] = "Quadro <br>(copia autore Kandisky) <br>– 60 X 50 cm -"
messages[24] = "Quadro <br>(copia autore Picasso)<br> – 40 X 30 cm -"
messages[25] = "Quadro (<br>copia autore Klimt)<br> –  46 X 66 cm -"
messages[26] = "Quadro <br>(copia autore Klimt)<br> –  46 X 66 cm -"
messages[27] = "Mattonelle fantasia<br> segnaposto<br>- 10 X 10 cm -"
messages[28] = "Piatti tondi multicolori <br>– diametro 42 cm -"
messages[29] = "Barattolo con coperchio in legno <br>– altezza 15 cm, diametro 10 cm -"
messages[30] = "Biscottiera <br>– altezza 16 cm -"
messages[31] = "Mattonelle afro<br>- 20 X 20 cm -"
messages[32] = "Tazze multicolori <br>- altezza 9 cm, diametro 16 cm -"
messages[33] = "Tazze ottagonali multicolori <br>– diametro 14 cm -<br> Piattini ottagonali multicolori<br> - diametro 18 cm -"
messages[34] = "Salvadanai - animaletti -"
messages[35] = "Piatto quadrato con ideogrammi<br>- 17x17 cm - <br> Piatto rettangolare<br>con ideogrammi<br> - 15x29 cm - <br>Porta penne<br>con ideogrammi<br> - altezza 13 cm -"
//To have more descriptions just add to the array.
//'<div class="clCaption">Your caption</div><br>Description of test link 4</div>'
fromX = 0 //How much from the actual mouse X should the description box appear?
fromY = 0 //How much from the actual mouse Y should the description box appear?
//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.
//Makes crossbrowser object.
function makeObj(obj){								
   	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
	if(!this.evnt) return false
	this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;	
   	this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;		
	this.writeIt=b_writeIt;																
	return this
}
// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_writeIt(text){
	if (bw.ns4){this.wref.write(text);this.wref.close()}
	else this.wref.innerHTML = text
}

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(num){
    if(oDesc){
		oDesc.writeIt('<div class="clDescription">'+messages[num]+'</div>')
		if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
		oDesc.css.left = (descx+fromX)+px
		oDesc.css.top = (descy+fromY)+px
		oDesc.css.visibility = "visible"
    }
}
//Hides it
function popout(){
	if(oDesc) oDesc.css.visibility = "hidden"
}
function setPopup(){
   	if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = popmousemove;
	oDesc = new makeObj('divDescription')
}
