/***********************************************

* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)

* Copyright 2002-2007 by Sharon Paine

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



var dom = (document.getElementById) ? true : false;

var ns5 = (!document.all && dom || window.opera) ? true: false;

var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;

var ie4 = (document.all && !dom) ? true : false;

var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers

if (nodyn) { event = "nope" }


///////////////////////  CUSTOMIZE HERE   ////////////////////

// settings for tooltip 

// Do you want tip to move when mouse moves over link?

var tipFollowMouse= true;	

// Be sure to set tipWidth wide enough for widest image

var tipWidth= 400;

var offX= 10;	// how far from mouse to show tip

var offY= 8; 

var tipFontFamily= "Arial, helvetica, sans-serif";

var tipFontSize= "8pt";

// set default text color and background color for tooltip here

// individual tooltips can have their own (set in messages arrays)

// but don't have to

var tipFontColor= "#000000";

var tipBgColor= "#FFFFFF"; 

var tipBorderColor= "#FFFFFF";

var tipBorderWidth= 1;

var tipBorderStyle= "ridge";

var tipPadding= 5;



// tooltip content goes here (image, description, optional bgColor, optional textcolor)

var messages = new Array();

// multi-dimensional arrays containing: 

// image and text for tooltip


// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('y.gif','#FFFFFF');
messages[1] = new Array('./arabia_applied-art/gog_giant-mug_y.jpg','<CENTER><B>HAND-PAINTED "VALENCIA" BEER MUG</B><BR>designed by renowned Finnish Art Ceramist Gunvor Olin Gr&ouml;nvist for Arabia<P></B></CENTER>This unusual large and rare Arabia mug belongs to Gunvor Olin´s limited series "Arabia HANDPAINTED MUGS".<BR>This series produced in early 1960s, and it included 4 different size mugs in 3 different decorations: cobalt blue "<B>Valencia</B>", cobalt blue and green "<B>Lines</B>", and cobalt blue and green "<B>Circles</B>".<P><B>Arabia Model ID:</B> GO-2 (the largest in the series)<BR><B>Material:</B> stoneware with hand painted decoration in cobalt blue<BR><B>Size:</B> &Oslash; 5-1/3" (13,5 cm); H 4 1/2" (11,5 cm) high<BR><B>Vol.:</B> 1.3 Ltr<BR><B>Condition:</B> in excellent condition<BR><B>Marked:</B> Arabia, Finland and the initials of the designer/painter<BR><B>Literature:</B> Arabia - Articles from the applied art department 1950s-1960s, page 56<BR><B>Order#:</B> MISC #1<BR><B>Price:</B>  $165.00<BR>1 available');
messages[2] = new Array('arabia_applied-art/gog-haarikka_y.jpg','<CENTER><B>Gunvor Olin Gr&ouml;nvist: <BR>HAND-PAINTED BEER MUG "LINES" </B></CENTER><BR>This unusual large and rare Arabia mug belongs to Gunvor Olin´s limited series "Arabia HANDPAINTED MUGS".<P><B>Arabia Model ID:</B> GO-4 (the tallest in the series)<BR><B>Measure:</B> &Oslash; 4-1/3" (11 cm) excl. the handle; and 6 1/4" (16 cm) high<BR><B>Volume:</B> 1.1 Ltr<BR><B>Condition:</B> there is two approx. 1/8" to 1/4" size fleabites on very bottom rim which doesn´t show unless you turn the mug upside down. Due to age there is also some mild hairline crazing in the glaze of the handle. Otherwise this mug appear to be as being unused, like new.<BR><B>Marked:</B> "Arabia" + initials of the designer/painter<BR><B>Order#:</B> MISC #2<BR><B>Price:</B>  $125.00<BR>1 available');
messages[3] = new Array('arabia_applied-art/gog_minimug_valencia_y.jpg','<CENTER><B>HAND-PAINTED "HAARIKKA, VALENCIA" MINIATURE MUG</B><BR>designed by renowned Finnish Art Ceramist Gunvor Olin Gr&ouml;nvist for Arabia<P></B></CENTER><B>Arabia Model ID:</B> GOG-00<BR><B>Material:</B> stoneware with handpainted decoration in cobalt blue and green under glaze<BR><B>Measure:</B> 2-1/8" (5,4 cm) high, and &Oslash; 1-7/8" (4,7 cm) excluding the handle<BR><B>Volume:</B> 0.05 Ltr<BR><B>Condition:</B> some mild crazing in the glaze of the handle due to age, otherwise in excellent condition<BR><B>Marked:</B> "Arabia Finland" + initials of the designer/painter<BR><B>Order#:</B> MISC #5<BR><B>Price:</B>  $65.00<BR>1 available');
messages[4] = new Array('arabia_applied-art/gog_beermug_mini_circles_y.jpg','<CENTER><B>HAND-PAINTED "HAARIKKA, CIRCLES" MINIATURE MUG</B><BR>designed by renowned Finnish Art Ceramist Gunvor Olin Gr&ouml;nvist for Arabia</B></CENTER><P><B>Arabia Model ID:</B> GOG-00<BR><B>Material:</B> stoneware with handpainted decoration in cobalt blue and green under glaze<BR><B>Measure:</B> 2-1/8" (5,4 cm) high, and &Oslash; 1-7/8" (4,7 cm) excluding the handle<BR><B>Volume:</B> 0.05 Ltr<BR><B>Condition:</B> some mild crazing in the glaze of the handle due to age, otherwise in excellent condition<BR><B>Marked:</B> "Arabia Finland" + initials of the designer/painter<BR><B>Order#:</B> MISC #4<BR><B>Price:</B>  $65.00<BR>1 available');
messages[5] = new Array('arabia_applied-art/gog_beermug_mini_lines_y.jpg','<CENTER><B>HAND-PAINTED "HAARIKKA, LINES" MINIATURE MUG</B><BR>designed by renowned Finnish Art Ceramist Gunvor Olin Gr&ouml;nvist for Arabia<P></B></CENTER><B>Arabia Model ID:</B> GOG-00<BR><B>Material:</B> stoneware with handpainted decoration in cobalt blue and green under glaze<BR><B>Measure:</B> 2-1/8" (5,4 cm) high, and &Oslash; 1-7/8" (4,7 cm) excluding the handle<BR><B>Volume:</B> 0.05 Ltr<BR><B>Condition:</B> some mild crazing in the glaze of the handle due to age, otherwise in excellent condition<BR><B>Marked:</B> "Arabia Finland" + initials of the designer/painter<BR><B>Order#:</B> MISC #3<BR><B>Price:</B>  $65.00<BR>1 available');

messages[6] = new Array('arabia_applied-art/sinilintu_cup-saucer_y.jpg','<CENTER><B>GORGEOUS FOOTED BREAKFAST CUP & SAUCER<BR>RARE "SINILINTU" (BLUE BIRD)<BR>designed by Raija Uosukkinen 1965<br>discontinued 1975</B></CENTER><P><B>Material:</B> hard faience with beautiful decoration in cobalt blue under glaze<BR><B>Size:</B><BR>- the cup: 3 5/8" (9,2 cm) tall; &Oslash; 4 1/8" (10,5 cm)<BR>- the saucer: 6 3/4" (15,7 cm)<B>Capacity:</B> 0.52 Qt. (0.5 Ltr.)<BR><B>Marked:</B> [Crown] Arabia Made in Finland & production lot #<BR><B>Order#:</B> MISC #7<BR><B>Price:</B>  $125.00<BR>1 available');
messages[7] = new Array('arabia_applied-art/gog_kookki_peppar_y.jpg','<CENTER><B>"KÖÖKKI" PEPPAR<BR>designed by Gunvor Olin-Grönqvist for Arabia 1960´s</B></CENTER><P><B>Material:</B> Hard faence, hand-painted in cobalt blue<BR><B>Size:</B> H 2 1/2" // 6,5 cm; &Oslash; 2" // 5,5 cm<BR><B>Order#:</B> MISC #6<BR><B>Price:</B>  $70.00<BR>1 available');
messages[8] = new Array('arabia_applied-art/sveagranlund_tray_y.jpg','<CENTER><B>1960s SQUARE HAND-PAINTED TAB TRAY</B><BR>by Anja Juurikkala (model) & Svea Grandlund (decor) for Arabia</CENTER><P><B>Size:</B> 9" by 9 1/2" (24 cm x 22,5 cm)<BR><B>Hand-signed:</B> Arabia Finland S&Aring;G/IP<BR><B>Price:</B> $175.00<BR><B>Order#:</B> MISC #8<BR>1 available');
messages[9] = new Array('arabia_applied-art/gog_graffito_plate_y.jpg','<CENTER><B>SQUARE HAND-PAINTED TAB TRAY, 1960s</B>Design:<BR> Anja Juurikkala (model) & Svea Grandlund (decor)</CENTER><P><B>Size:</B> 9" by 9 1/2" (24 cm x 22,5 cm)<BR><B>Hand-signed:</B> Arabia Finland S&Aring;G/IP<BR><B>Price:</B> $175.00<BR><B>Order#:</B> MISC #8<BR>1 available');
messages[10] = new Array('arabia_applied-art/procope-teapot_brown_c.jpg','<CENTER><B>TEA POT w/CANE HANDLE <BR>a design by Ulla Procopé, from the 1960´s</B></CENTER><P><B>Material:</B> stoneware, matte brown glaze<BR><B>Year of design:</B> 1969<BR><B>In production:</B> thru 1969-1972<BR><B>Size:</B> &Oslash; 7" (18 cm) from spout to handle<BR>Height excl. handle 4 3/4" (12 cm)<BR><B>Order#:</B> MISC #22<BR><B>Price:</B>  $95.00<BR>1 available');
messages[11] = new Array('arabia_applied-art/up_tankard_y.jpg','<CENTER><B>ARABIA HAND-MADE TANKARD, 1960´s</B><BR>Designed and signed "ARABIA UP" by Ulla Procope<BR>Stoneware, incised decoration and high glossy dark green glaze<BR></CENTER><B>Size:</B> H 4" /10 cm<BR><B>Vol.:</B> 0.5 Qt./ 0,5 Ltr<BR><B>Order#:</B> MISC #34<BR><B>Price:</B>  $45.00<BR>2 available');
messages[12] = new Array('arabia_applied-art/hovisaari_vinegar_y.jpg','<CENTER><B>1950´s CRUET FOR VINEGAR "TEEMA"<BR>designed by Annikki Hovisaari for Arabia</B></CENTER><P><B>Material:</B> hard faience, satin black glaze<BR><B>Size:</B> 6 5/8" (17 cm) tall, and Ø 2 1/2" (6,5 cm) at the base<BR><B>Order#:</B> MISC #17<BR><B>Price:</B>  $70.00<BR>1 available');
messages[13] = new Array('arabia_applied-art/hovisaari_saltcellar_y.jpg','<CENTER><B>BEAUTIFUL 1950´s SALT CELLAR<BR>designed by Annikki Hovisaari for Arabia</B><P></CENTER><B>Material:</B> hard faience, satin black glazed<BR><B>Size:</B> Ø 3 1/2" (9,2 cm),  H 1-5/8" (4 cm)<BR><B>Marked:</B> "ARABIA MADE IN FINLAND" (gold-coloured stamp)<BR><B>Order#:</B> MISC #16<BR><B>Price:</B> $40.00<BR>1 available');
messages[14] = new Array('arabia_applied-art/gog_fishbowl_y.jpg','<CENTER><B>FISH SHAPED DECORATIVE BOWL BY GUNVOR OLIN-GRONQVIST</B></CENTER><P><B>Material:</B> stoneware<BR><B>Colors:</B> hand painted brown on olive green<BR><B>In production:</B> thru 1969-1972<BR><B>Size:</B> &Oslash; 7" (18 cm), and 1 3/4" (4,5 cm) deep<BR><B>Signature:</B> ARABIA, FINLAND, GOG/IZ<BR><B>Order#:</B> MISC #21<BR><B>Price:</B>  $125.00<BR>1 available');

messages[15] = new Array('arabia_applied-art/vase_401_y.jpg','<CENTER><B>1960´s HANDMADE, BEAUTIFULLY GLAZED<BR> "ARABIA" VASE 401/2</B><BR>Wonderful modernist vase in earth tone matte colored glaze with sgraffito decoration</CENTER><P><B>Material:</B> stoneware, brown/black matte glaze<BR><B>Measure:</B> Ø 4 1/4" /11 cm); and height 5-1/2" /14 cm<BR><B>Marked:</B> "401/2" (incised) ARABIA Made in Finland 6-63<BR><B>Order#:</B> MISC #13<BR><B>Price:</B>  $85.00<BR>1 available');
messages[16] = new Array('arabia_applied-art/vase_400-1_y.jpg','<CENTER><B>Olga Osol, 1965: <BR>MID-20th CENTURY MODERNIST VASE</B><BR></CENTER>Cylindrical, slightly oval vase in matte brownish black Ruska type of glaze with impressed geometric design.<P><B>Material:</B> stoneware<BR><B>Measure:</B> Ø 2 1/2" (7 cm); and 5" (12.5 cm) tall<BR><B>Marked:</B> "400 2" (incised);<BR><B>Stamped:</B> Arabia Made in Finland 8-67<BR><B>Item#:</B> MISC #19<BR><B>Price:</B>  $70.00<BR>1 available');
messages[17] = new Array('arabia_applied-art/vase_400-2_y.jpg','<CENTER><B>Olga Osol, 1965: <BR>MID-20th CENTURY MODERNIST VASE</B><BR></CENTER>Cylindrical, slightly oval vase in matte black glaze with impressed geometric design.<P><B>Material:</B> stoneware<BR><B>Measure:</B> Ø 4 1/2" (11,5 cm); and 6 3/4" (17 cm) tall<BR><B>Marked:</B> "400 2" (incised);<BR><B>Stamped:</B> Arabia Made in Finland #<BR><B>Item#:</B> MISC #20<BR><B>Price:</B>  $85.00<BR>1 available');
messages[18] = new Array('arabia_applied-art/aho_harlekiini_2_y.jpg','<CENTER><B>Kaarina Aho, 1960´s: <BR>HARLEKIINI (Harlequin) VASE</B><BR>Cylindrical, oval vase in thick glossy glaze with impressed geometric design<P></CENTER><B>Material:</B> stoneware<BR><B>Measure:</B> Ø 4 1/8" (10,5 cm); and 6 1/4" (16 cm) tall<BR><B>Marked:</B> incised model #<BR><B>Order#:</B> MISC #14<BR><B>Price:</B>  $125.00<BR>1 available');
messages[19] = new Array('arabia_applied-art/aho_harlekiini_1_y.jpg','<CENTER><B>Kaarina Aho, 1960´s: <BR>HARLEKIINI (Harlequin) VASE</B><BR>Cylindrical, oval vase in thick glossy forrest green glaze with impressed geometric design<P></CENTER><B>Material:</B> stoneware<BR><B>Measure:</B> Ø 4 1/8" (10,5 cm); and 6 1/4" (16 cm) tall<BR><B>Marked:</B> Arabia Made in Finland 9-63<BR><B>Order#:</B> MISC #15<BR><B>Price:</B> $125.00<BR>1 available');

messages[20] = new Array('arabia_applied-art/procope_bottlevase_white_y.jpg','<CENTER><B>ARABIA BUD VASE <BR>A design by Ulla Procopé, from the 1940´s</B></CENTER><P><B>Material:</B> hard faience, light gray glaze<BR><B>Size:</B> apprx. 7" (18 cm) tall, and 4" (10 cm) at the widest<BR><B>Marked:</B> "UP" and "ARABIA MADE IN FINLAND"<BR><B>Order#:</B> MISC #25<BR><B>Price:</B>  $125.00<BR>1 available');
messages[21] = new Array('arabia_applied-art/vase_266_y.jpg','<CENTER><B>ARABIA "VASE" 266.1<BR></B>Ochre mottled with rust-brown glaze</CENTER><BR><B>Size:</B> &Oslash; 4-3/4" / 12 cm;  H 5-1/2" / 14 cm<BR><B>Marked:</B> model # (incised)<BR><B>Order#:</B> MISC #11<BR><B>Price:</B>  $65.00<BR>1 available');
messages[22] = new Array('arabia_applied-art/ara_vase_sml_y.jpg','<CENTER><B>HAND-PAINTED ARABIA "ARA" VASE<BR>designed by Kurt Eklund for Arabia, 1950´s</B><BR>Red clay with thin tin-glaze, hand-painted decoration</CENTER><BR><B>Size:</B> 4" (10 cm) tall<BR><B>Marked on the bottom:</B> monograms of Kurt Eklund "KE" in circle, and Arabia Made in Finland<BR><B>Order#:</B> MISC #29<BR><B>Price:</B>  $120.00<BR>1 available');
messages[23] = new Array('arabia_applied-art/osol_vase_white_y.jpg','<CENTER><B>Olga Osol, 1965: <BR>MID-20th CENTURY MODERNIST VASE</B><BR></CENTER>Cylindrical vase in matte white glaze.<P><B>Material:</B> hard faience<BR><B>Measure:</B> Ø 2 3/4" (7 cm); and 6" (15 cm) tall<BR><B>Marked:</B> "Arabia Made in Finland 11-64" (stamped)<BR><B>Conditon:</B> excellent, except some glaze craze due to the age<BR><B>Order#:</B> MISC #24<BR><B>Price:</B>  $35.00<BR>1 available');
messages[24] = new Array('arabia_applied-art/procope-nuance_y.jpg','<CENTER><B>ARABIA VASE "NUANCE" (S&auml;vy)<BR>A design by Ulla Procopé from the 1950´s</B><BR>Hard faience, pale blue matte glaze</CENTER><BR><B>Size:</B> H 6-1/4" (16 cm); &Oslash; 4" (10 cm)<BR><B>Marked:</B> "362" (incised) and "ARABIA MADE IN FINLAND"<BR><B>Order#:</B> MISC #39<BR><B>Price:</B>  $125.00<BR>1 available');


////////////////////  END OF CUSTOMIZATION AREA  ///////////////////


// preload images that are to appear in tooltip

// from arrays above

if (document.images) {

	var theImgs = new Array();

	for (var i=0; i<messages.length; i++) {

  	theImgs[i] = new Image();

		theImgs[i].src = messages[i][0];

  }

}



// to layout image and text, 2-row table, image centered in top cell

// these go in var tip in doTooltip function

// startStr goes before image, midStr goes between image and text

var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';

var midStr = '" border="0"></td></tr><tr><td valign="top">';

var endStr = '</td></tr></table>';



////////////////////////////////////////////////////////////

//  initTip	- initialization for tooltip.

//		Global variables for tooltip. 

//		Set styles

//		Set up mousemove capture if tipFollowMouse set true.

////////////////////////////////////////////////////////////

var tooltip, tipcss;

function initTip() {

	if (nodyn) return;

	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;

	tipcss = tooltip.style;

	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites

		tipcss.width = tipWidth+"px";

		tipcss.fontFamily = tipFontFamily;

		tipcss.fontSize = tipFontSize;

		tipcss.color = tipFontColor;

		tipcss.backgroundColor = tipBgColor;

		tipcss.borderColor = tipBorderColor;

		tipcss.borderWidth = tipBorderWidth+"px";

		tipcss.padding = tipPadding+"px";

		tipcss.borderStyle = tipBorderStyle;

	}

	if (tooltip&&tipFollowMouse) {

		document.onmousemove = trackMouse;

	}

}



window.onload = initTip;



/////////////////////////////////////////////////

//  doTooltip function

//			Assembles content for tooltip and writes 

//			it to tipDiv

/////////////////////////////////////////////////

var t1,t2;	// for setTimeouts

var tipOn = false;	// check if over tooltip link

function doTooltip(evt,num) {

	if (!tooltip) return;

	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);

	tipOn = true;

	// set colors if included in messages array

	if (messages[num][2])	var curBgColor = messages[num][2];

	else curBgColor = tipBgColor;

	if (messages[num][3])	var curFontColor = messages[num][3];

	else curFontColor = tipFontColor;

	if (ie4||ie5||ns5) {

		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;

		tipcss.backgroundColor = curBgColor;

	 	tooltip.innerHTML = tip;

	}

	if (!tipFollowMouse) positionTip(evt);

	else t1=setTimeout("tipcss.visibility='visible'",100);

}



var mouseX, mouseY;

function trackMouse(evt) {

	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;

	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;

	if (tipOn) positionTip(evt);

}



/////////////////////////////////////////////////////////////

//  positionTip function

//		If tipFollowMouse set false, so trackMouse function

//		not being used, get position of mouseover event.

//		Calculations use mouseover event position, 

//		offset amounts and tooltip width to position

//		tooltip within window.

/////////////////////////////////////////////////////////////

function positionTip(evt) {

	if (!tipFollowMouse) {

		standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;

		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;

	}

	// tooltip width and height

	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;

	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;

	// document area in view (subtract scrollbar width for ns)

	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;

	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;

	// check mouse position against tip and window dimensions

	// and position the tooltip 

	if ((mouseX+offX+tpWd)>winWd) 

		tipcss.left = mouseX-(tpWd+offX)+"px";

	else tipcss.left = mouseX+offX+"px";

	if ((mouseY+offY+tpHt)>winHt) 

		tipcss.top = winHt-(tpHt+offY)+"px";

	else tipcss.top = mouseY+offY+"px";

	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);

}



function hideTip() {

	if (!tooltip) return;

	t2=setTimeout("tipcss.visibility='hidden'",100);

	tipOn = false;

}



document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')

