. */ var dom = (document.getElementById) ? true : false; var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ns4 = (document.layers && !dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false; // resize fix for ns4 var origWidth, origHeight; if (ns4) { origWidth = window.innerWidth; origHeight = window.innerHeight; window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); } } // 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= 200; var offX= 20; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "12pt"; // 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= "#FFFFFF"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#333333"; var tipBorderWidth= 3; var tipBorderStyle= "ridge"; var tipPadding= 4; // 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('diamastone_images/01-lg.jpg','Diamastone
Amarillo',"#000000"); messages[1] = new Array('diamastone_images/02-lg.jpg','Diamastone
Almond',"#000000"); messages[2] = new Array('diamastone_images/03-lg.jpg','Diamastone
Bisque Beige',"#000000"); messages[3] = new Array('diamastone_images/04-lg.jpg','Diamastone
Blanco Antico',"#000000"); messages[4] = new Array('diamastone_images/05-lg.jpg','Diamastone
Blanco Fresco',"#000000"); messages[5] = new Array('diamastone_images/06-lg.jpg','Diamastone
Blanco Frutilla',"#000000"); messages[6] = new Array('diamastone_images/07-lg.jpg','Diamastone
Blanco Moreno',"#000000"); messages[7] = new Array('diamastone_images/08-lg.jpg','Diamastone
Candida Beige',"#000000"); messages[8] = new Array('diamastone_images/09-lg.jpg','Diamastone
Cremo Puro',"#000000"); messages[9] = new Array('diamastone_images/10-lg.jpg','Diamastone
Cristal Black',"#000000"); messages[10] = new Array('diamastone_images/11-lg.jpg','Diamastone
Cristal Blue',"#000000"); messages[11] = new Array('diamastone_images/12-lg.jpg','Diamastone
Cristal Brown',"#000000"); messages[12] = new Array('diamastone_images/13-lg.jpg','Diamastone
Cristal Green',"#000000"); messages[13] = new Array('diamastone_images/14-lg.jpg','Diamastone
Cristal Rose',"#000000"); messages[14] = new Array('diamastone_images/15-lg.jpg','Diamastone
Cristal Sky',"#000000"); messages[15] = new Array('diamastone_images/16-lg.jpg','Diamastone
Cristal White',"#000000"); messages[16] = new Array('diamastone_images/17-lg.jpg','Diamastone
Giallo Toscano',"#000000"); messages[17] = new Array('diamastone_images/18-lg.jpg','Diamastone
Grey Dust',"#000000"); messages[18] = new Array('diamastone_images/19-lg.jpg','Diamastone
Gris Vulcano',"#000000"); messages[19] = new Array('diamastone_images/20-lg.jpg','Diamastone
Latte',"#000000"); messages[20] = new Array('diamastone_images/21-lg.jpg','Diamastone
Luce Aquamarin',"#000000"); messages[21] = new Array('diamastone_images/22-lg.jpg','Diamastone
Luce Cerise',"#000000"); messages[22] = new Array('diamastone_images/23-lg.jpg','Diamastone
Luce Claro',"#000000"); messages[23] = new Array('diamastone_images/24-lg.jpg','Diamastone
Luce Emeraldo',"#000000"); messages[24] = new Array('diamastone_images/25-lg.jpg','Diamastone
Luce Fresca',"#000000"); messages[25] = new Array('diamastone_images/26-lg.jpg','Diamastone
Luce Laguna',"#000000"); messages[26] = new Array('diamastone_images/27-lg.jpg','Diamastone
Luce Liza',"#000000"); messages[27] = new Array('diamastone_images/28-lg.jpg','Diamastone
Luce Limone',"#000000"); messages[28] = new Array('diamastone_images/29-lg.jpg','Diamastone
Luce Marquis',"#000000"); messages[29] = new Array('diamastone_images/30-lg.jpg','Diamastone
Luce Noce',"#000000"); messages[30] = new Array('diamastone_images/31-lg.jpg','Diamastone
Luce Oceano',"#000000"); messages[31] = new Array('diamastone_images/32-lg.jpg','Diamastone
Luce Oro',"#000000"); messages[32] = new Array('diamastone_images/33-lg.jpg','Diamastone
Luce Sapphire',"#000000"); messages[33] = new Array('diamastone_images/34-lg.jpg','Diamastone
Luce Tope',"#000000"); messages[34] = new Array('diamastone_images/35-lg.jpg','Diamastone
Mountain Grey',"#000000"); messages[35] = new Array('diamastone_images/36-lg.jpg','Diamastone
Naron',"#000000"); messages[36] = new Array('diamastone_images/37-lg.jpg','Diamastone
Nero Puro',"#000000"); messages[37] = new Array('diamastone_images/38-lg.jpg','Diamastone
Placid Grey',"#000000"); messages[38] = new Array('diamastone_images/39-lg.jpg','Diamastone
River Grey',"#000000"); messages[39] = new Array('diamastone_images/40-lg.jpg','Diamastone
Rustic',"#000000"); messages[40] = new Array('diamastone_images/41-lg.jpg','Diamastone
Sand Beige',"#000000"); messages[41] = new Array('diamastone_images/42-lg.jpg','Diamastone
Sea Blue',"#000000"); messages[42] = new Array('diamastone_images/43-lg.jpg','Diamastone
Amarillo',"#000000"); messages[43] = new Array('diamastone_images/44-lg.jpg','Diamastone
Stone Grey',"#000000"); messages[44] = new Array('diamastone_images/45-lg.jpg','Diamastone
Terrazzo Beige',"#000000"); messages[45] = new Array('diamastone_images/46-lg.jpg','Diamastone
Topaz Beige',"#000000"); messages[46] = new Array('diamastone_images/47-lg.jpg','Diamastone
Topaz Brown',"#000000"); messages[47] = new Array('diamastone_images/48-lg.jpg','Diamastone
Verde Pacifico',"#000000"); messages[48] = new Array('diamastone_images/49-lg.jpg','Diamastone
Textured Stone Grey',"#000000"); messages[49] = new Array('diamastone_images/50-lg.jpg','Diamastone
Textured Topaz Brown',"#000000"); messages[50] = new Array('diamastone_images/51-lg.jpg','Diamastone
Textured Bisque Beige',"#000000"); messages[51] = new Array('diamastone_images/52-lg.jpg','Diamastone
Textured Blanco Antico',"#000000"); messages[52] = new Array('diamastone_images/53-lg.jpg','Diamastone
Textured Grey Dust',"#000000"); messages[53] = new Array('diamastone_images/54-lg.jpg','Diamastone
Textured Nero Puro',"#000000"); messages[54] = new Array('diamastone_images/55-lg.jpg','Diamastone
Textured Placid Grey',"#000000"); messages[55] = new Array('diamastone_images/56-lg.jpg','Diamastone
Textured Rustic',"#000000"); messages[56] = new Array('diamastone_images/57-lg.jpg','Diamastone
Textured Topaz Beige',"#000000"); messages[57] = new Array('diamastone_images/08_2lg.jpg','Diamastone
Candelight',"#000000"); messages[58] = new Array('diamastone_images/08_3lg.jpg','Diamastone
Chestnut ',"#000000"); messages[59] = new Array('diamastone_images/12_2lg.jpg','Diamastone
Clay',"#000000"); messages[60] = new Array('diamastone_images/12_3lg.jpg','Diamastone
CoCoa ',"#000000"); messages[61] = new Array('diamastone_images/16_2lg.jpg','Diamastone
Eggplant ',"#000000"); messages[62] = new Array('diamastone_images/18_2lg.jpg','Diamastone
Hazelnut ',"#000000"); messages[63] = new Array('diamastone_images/18_3lg.jpg','Diamastone
Honey ',"#000000"); messages[64] = new Array('diamastone_images/34_2lg.jpg','Diamastone
Mint ',"#000000"); messages[65] = new Array('diamastone_images/57_2lg.jpg','Diamastone
White Opal ',"#000000"); messages[66] = new Array('diamastone_images/57_3lg.jpg','Diamastone
Yogurt ',"#000000"); //////////////////// 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'; var endStr = ''; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles for all but ns4. // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = (ns4)? document.tipDiv: 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) { if (ns4) document.captureEvents(Event.MOUSEMOVE); 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 (ns4) { var tip = '
'+ startStr + messages[num][0] + midStr + '' + messages[num][1] + '' + endStr + '
'; tooltip.write(tip); tooltip.close(); } else if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '' + messages[num][1] + '' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.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) { mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop; } // tooltip width and height var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft; var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px"; else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px"; else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false; } //-->
HOME | MEDIA |CUSTOMER TESTIMONIALS | FAQ | CONTACT
CSS Drop Down Menu by PureCSSMenu.com


Contemporary Series
Amarillo
Almond
Bisque Beige
Blanco Antico
Blanco Frutilla
         
Blanco Moreno
Candida Beige
Chestnut
Cremo Puro
Cristal Black
         
Cristal Brown
Cristal White
Eggplant
Grey Dust
Luce Fresca
         
Luce Laguna
Luce Marquis
Luce Noce
Luce Oceano
Luce Oro
         
Luce Sapphire
Nero Puro
Placid Grey
River Grey
Terrazzo Beige
         
Topaz Beige
Topaz Brown
Textured Topaz Brown
Textured Bisque Beige
Textured Blanco Antico
         
Textured
Grey Dust
Textured
Nero Puro
Textured Placid Grey
Textured
Topaz Beige
White Opal
         
       
Yogurt