// Offset for images in different subdirectories.
var itemLevel = window.location.href.substring(window.location.href.indexOf("BioSolutions") + 13).split("/").length -1;
var offsetText = "";
for(var i = 0; i < itemLevel; i++)
    offsetText += "../";

// Rollovers
function initRollovers() {
    if (!document.getElementById) return
    
    var aPreLoad = new Array();
    var sTempSrc;
    var aImages = document.getElementsByTagName('img');

    for (var i = 0; i < aImages.length; i++) {
        if (aImages[i].className == 'imgover') {
            var src = aImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc = src.replace(ftype, '_on'+ftype);

            aImages[i].setAttribute('hsrc', hsrc);
            
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
            
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }    
            
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc =
this.getAttribute('src').replace('_on'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
        }
    }
 }  

document.write(''+
'<table width="759" height="131" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">' +
'<tr>' +
'<td width="148">' +
'<a href="' + offsetText + 'index.htm"><img src="' + offsetText + 'images/bio_logo.gif" alt="Bio-Solutions Logo" height="92" width="148" border="0" /></a>' +
'</td>' +
'<td width="458">' +
'<img src="' + offsetText + 'images/header_3pic.gif" height="93" width="458" />' +
'</td>' +
'<td width="153" valign="top">' +
'<a href="' + offsetText + 'faq.htm" class="green">FAQs</a><br />' +
'</td>'+
'</tr>'+
'<tr>' +
'<td width="759" colspan="3"><img src="' + offsetText + 'images/nav/nav_top.gif" width="759" height="5" /></td>' +
'</tr>' +
'<tr>' +
'<td width="759" colspan="3"><a href="' + offsetText + 'overview.htm"><img src="' + offsetText + 'images/nav/overview1.gif" width="189" height="33" border="0" alt="Company Overview" class="imgover" /></a><a href="' + offsetText + 'services.htm"><img src="' + offsetText + 'images/nav/services1.gif" width="189" height="33" border="0" alt="About Our Products" class="imgover" /></a><a href="' + offsetText + 'franchise.htm"><img src="' + offsetText + 'images/nav/distributor1.gif" width="189" height="33" border="0" alt="Distributor Opportunity" class="imgover" /></a><a href="' + offsetText + 'contact.htm"><img src="' + offsetText + 'images/nav/contact1.gif" width="189" height="33" border="0" alt="Contact Us" class="imgover" /></a></td>' +
'</tr>' +
'</table>'); 	

window.onload = initRollovers;