// JavaScript Document
<!-- Begin

// ADDITIONAL NOTES
// The input variables to the toggle function are the number of the submenu to open/close,
// starting with 0, and the number of pixels to move the objects below.
// For example toggle(1,60) opens/closes the second submenu and moves the objects below 60 pixels.

var nom = 6; // Number of menus
var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var url1 = "http://www.versatilebathrooms.co.uk"
var url2 = "/acatalog/showrooms.html"
var url3 = "/acatalog/delivery.html"
var url4 = "/acatalog/100satisfaction.html"
var url5 = "/acatalog/guarantees.html"
var url6 = "/acatalog/contact.html"
var url7 = "/acatalog/returns.html"
var url8 = "/acatalog/terms.html"
var url9 = "/acatalog/feedback.html"

var url10 = "/acatalog/Quadrants.html"
var url11 = "/acatalog/Walk-in.html"
var url12 = "/acatalog/Pentagon.html"
var url13 = "/acatalog/Retangular.html"
var url29 = "/acatalog/Retangular.html"

var url14 = "/acatalog/Whirlpool.html"
var url15 = "/acatalog/Standard.html"
var url16 = "/acatalog/Shower_screens.html"

var url17 = "/acatalog/accessories.html"
var url18 = "/acatalog/Basin_taps.html"
var url19 = "/acatalog/bath-fillers.html"
var url20 = "/acatalog/Shower_mixers.html"
var url21 = "/acatalog/Thermostatic_shower_unit.html"
var url22 = "/acatalog/Wastes.html"

var url23 = "/acatalog/Curved.html"
var url24 = "/acatalog/Designer.html"

var url25 = "/acatalog/Designer_sinks.html"
var url26 = "/acatalog/Sink_and_toilets.html"

var url27 = "/acatalog/White_furniture_packs.html"
var url28 = "/acatalog/Beech_furniture_packs.html"





if (document.layers) {
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}


function toggle(n) {
menu = ('submenu' + n);

if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}

//if (submenu.visibility == hidden) {
submenu.visibility = visible;
//}
//else {
//submenu.visibility = visible;
//	}
}

function untoggle(n) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
submenu.visibility = hidden;
}
//  End -->

document.write('<div class="submenu" id="submenu1" style="top: 170px; left: 600px; background-color: #080c9d; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.90; layer-background-color: #080c9d;" onMouseOut="untoggle(1);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="160px" onMouseOver="toggle(1);">');
document.write('<tr><td id="jtd13" onclick="document.location=url1;"  onmouseover="jchange(13);" onmouseout="jchangeback(13);"><div id="jlink13" class="actmenu">Home</div></td></tr>');
// document.write('<tr><td><a href="offer.html" class="submenutxt">Current offers</a></td></tr>');
document.write('<tr><td id="jtd14" style="border-top:1px solid #01047d" onclick="document.location=url2;"  onmouseover="jchange(14);" onmouseout="jchangeback(14);"><div id="jlink14" class="actmenu">Showrooms</div></td></tr>');
document.write('<tr><td id="jtd15" style="border-top:1px solid #01047d" onclick="document.location=url3;"  onmouseover="jchange(15);" onmouseout="jchangeback(15);"><div id="jlink15" class="actmenu">Shipping and handling</div></td></tr>');
document.write('<tr><td id="jtd16" style="border-top:1px solid #01047d" onclick="document.location=url4;"  onmouseover="jchange(16);" onmouseout="jchangeback(16);"><div id="jlink16" class="actmenu">100% satisfaction guarantee</div></td></tr>');
document.write('<tr><td id="jtd17" style="border-top:1px solid #01047d" onclick="document.location=url5;"  onmouseover="jchange(17);" onmouseout="jchangeback(17);"><div id="jlink17" class="actmenu">Guarantees</div></td></tr>');
document.write('<tr><td id="jtd18" style="border-top:1px solid #01047d" onclick="document.location=url6;"  onmouseover="jchange(18);" onmouseout="jchangeback(18);"><div id="jlink18" class="actmenu">Contact us</div></td></tr>');
document.write('<tr><td id="jtd19" style="border-top:1px solid #01047d" onclick="document.location=url7;"  onmouseover="jchange(19);" onmouseout="jchangeback(19);"><div id="jlink19" class="actmenu">Returns</div></td></tr>');
document.write('<tr><td id="jtd20" style="border-top:1px solid #01047d" onclick="document.location=url8;"  onmouseover="jchange(20);" onmouseout="jchangeback(20);"><div id="jlink20" class="actmenu">Terms and conditions</div></td></tr>');
document.write('<tr><td id="jtd21" style="border-top:1px solid #01047d" onclick="document.location=url9;"  onmouseover="jchange(21);" onmouseout="jchangeback(21);"><div id="jlink21" class="actmenu">Customer feedback</div></td></tr></table></div>');


document.write('<div class="submenu" id="submenu2" style="top: 170px; left: 132px; background-color: #080c9d; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.90; layer-background-color: #080c9d; " onMouseOut="untoggle(2);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="75px" onMouseOver="toggle(2);">');
document.write('<tr><td id="jtd22" onclick="document.location=url10;"  onmouseover="jchange(22);" onmouseout="jchangeback(22);"><div id="jlink22" class="actmenu">Quadrants</div></td></tr>');
document.write('<tr><td id="jtd23" style="border-top:1px solid #01047d" onclick="document.location=url11;"  onmouseover="jchange(23);" onmouseout="jchangeback(23);"><div id="jlink23" class="actmenu">Walk-in</div></td></tr>');
//document.write('<tr><td id="jtd24" style="border-top:1px solid #01047d" onclick="document.location=url12;"  onmouseover="jchange(24);" onmouseout="jchangeback(24);"><div id="jlink24" class="actmenu">Pentagon</div></td></tr>');
//document.write('<tr><td><a href="Wetroom.html" class="submenutxt">Wet room</a></td></tr>');
document.write('<tr><td id="jtd25" style="border-top:1px solid #01047d" onclick="document.location=url29;"  onmouseover="jchange(25);" onmouseout="jchangeback(25);"><div id="jlink25" class="actmenu">Rectangular</div></td></tr></table></div>');

document.write('<div class="submenu" id="submenu3" style="top: 170px; left: 444px; background-color: #080c9d; z-index:2; filter:alpha(opacity=90); -moz-opacity:0.90; layer-background-color: #080c9d;" onMouseOut="untoggle(3);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="100px" onMouseOver="toggle(3);">');
//document.write(' <tr><td><a href="Roll_top.html" class="submenutxt" >Roll-top</a></td></tr>');
document.write('<tr><td id="jtd26"  onclick="document.location=url14;"  onmouseover="jchange(26);" onmouseout="jchangeback(26);"><div id="jlink26" class="actmenu">Whirlpool</div></td></tr>');
document.write('<tr><td id="jtd27" style="border-top:1px solid #01047d" onclick="document.location=url15;"  onmouseover="jchange(27);" onmouseout="jchangeback(27);"><div id="jlink27" class="actmenu">Standard baths</div></td></tr>');
document.write('<tr><td id="jtd28" style="border-top:1px solid #01047d" onclick="document.location=url16;"  onmouseover="jchange(28);" onmouseout="jchangeback(28);"><div id="jlink28" class="actmenu">Shower screens</div></td></tr>');
document.write('</table></div>');

document.write('<div class="submenu" id="submenu4" style="top: 170px; left: 370px; background-color: #080c9d; z-index:2; filter:alpha(opacity=95); -moz-opacity:0.95 layer-background-color: #080c9d;" onMouseOut="untoggle(4);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="135px" onMouseOver="toggle(4);">');
//document.write('<tr><td id="jtd29"  onclick="document.location=url17;"  onmouseover="jchange(29);" onmouseout="jchangeback(29);"><div id="jlink29" class="actmenu">Accessories</div></td></tr>');
document.write('<tr><td id="jtd30" style="border-top:1px solid #01047d" onclick="document.location=url18;"  onmouseover="jchange(30);" onmouseout="jchangeback(30);"><div id="jlink30" class="actmenu">Basin taps</div></td></tr>');
document.write('<tr><td id="jtd31" style="border-top:1px solid #01047d" onclick="document.location=url19;"  onmouseover="jchange(31);" onmouseout="jchangeback(31);"><div id="jlink31" class="actmenu">Bath fillers</div></td></tr>');
document.write('<tr><td id="jtd32" style="border-top:1px solid #01047d" onclick="document.location=url20;"  onmouseover="jchange(32);" onmouseout="jchangeback(32);"><div id="jlink32" class="actmenu">Shower mixers</div></td></tr>');
document.write('<tr><td id="jtd33" style="border-top:1px solid #01047d" onclick="document.location=url21;"  onmouseover="jchange(33);" onmouseout="jchangeback(33);"><div id="jlink33" class="actmenu">Thermostatic shower unit</div></td></tr></table></div>');
//document.write('<tr><td id="jtd34" style="border-top:1px solid #01047d" onclick="document.location=url22;"  onmouseover="jchange(34);" onmouseout="jchangeback(34);"><div id="jlink34" class="actmenu">Wastes</div></td></tr></table></div>');

document.write('<div class="submenu" id="submenu5" style="top: 170px; left: 523px; background-color: #080c9d; z-index:2; filter:alpha(opacity=95); -moz-opacity:0.95; layer-background-color: #080c9d;" onMouseOut="untoggle(5);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="55px" onMouseOver="toggle(5);">');
document.write('<tr><td id="jtd35" onclick="document.location=url23;"  onmouseover="jchange(35);" onmouseout="jchangeback(35);"><div id="jlink35" class="actmenu">Curved</div></td></tr>');
document.write('<tr><td id="jtd36" style="border-top:1px solid #01047d" onclick="document.location=url24;"  onmouseover="jchange(36);" onmouseout="jchangeback(36);"><div id="jlink36" class="actmenu">Designer</div></td></tr></table></div>');

document.write('<div class="submenu" id="submenu6" style="top: 170px; left: 579px; background-color: #080c9d; z-index:2; filter:alpha(opacity=95); -moz-opacity:0.95; layer-background-color: #080c9d;" onMouseOut="untoggle(6);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="90px" onMouseOver="toggle(6);">');
document.write('<tr><td id="jtd37"  onclick="document.location=url25;"  onmouseover="jchange(37);" onmouseout="jchangeback(37);"><div id="jlink37" class="actmenu">Designer sinks</div></td></tr>');
document.write('<tr><td id="jtd38" style="border-top:1px solid #01047d" onclick="document.location=url26;"  onmouseover="jchange(38);" onmouseout="jchangeback(38);"><div id="jlink38" class="actmenu">Sinks and toilets</div></td></tr><tr></tr></table></div>');

document.write('<div class="submenu" id="submenu7" style="top: 170px; left: 645px; background-color: #080c9d; z-index:2; filter:alpha(opacity=95); -moz-opacity:0.95; layer-background-color: #080c9d;" onMouseOut="untoggle(7);">');
document.write('<table border="0" cellspacing="1" cellpadding="2" width="115px" onMouseOver="toggle(7);">');
document.write('<tr><td id="jtd39" onclick="document.location=url27;"  onmouseover="jchange(39);" onmouseout="jchangeback(39);"><div id="jlink39" class="actmenu">White furniture packs</div></td></tr>');
document.write('<tr><td id="jtd40" style="border-top:1px solid #01047d" onclick="document.location=url28;"  onmouseover="jchange(40);" onmouseout="jchangeback(40);"><div id="jlink40" class="actmenu">Beech furniture packs</div></td></tr><tr></tr></table></div>');
document.write('<a name="top"></a>');
