/*
 * jon vincent | 8th Dec 2007
 */

var b1src = '<a href="#" onclick="doTopButtons(1);return false;" onmouseover="rollonb1();window.status=\'b1\';return true;" onmouseout="rolloffb1();window.status=\'\';return true;"><img style="width: 150px; height: 20px;" src="pics/buttons/products_u.jpg" alt="products" name="but1" id="but1" border="0"></img></a>';
var b2src = '<a href="#" onclick="doTopButtons(2);return false;" onmouseover="rollonb2();window.status=\'b2\';return true;" onmouseout="rolloffb2();window.status=\'\';return true;"><img style="width: 150px; height: 20px;" src="pics/buttons/about_u.jpg" alt="about" name="but2" id="but2" border="0"></img></a>';
var b3src = '<a href="#" onclick="doTopButtons(3);return false;" onmouseover="rollonb3();window.status=\'b3\';return true;" onmouseout="rolloffb3();window.status=\'\';return true;"><img style="width: 150px; height: 20px;" src="pics/buttons/news_u.jpg" alt="news" name="but3" id="but3" border="0"></img></a>';
var b4src = '<a href="#" onclick="doTopButtons(4);return false;" onmouseover="rollonb4();window.status=\'b4\';return true;" onmouseout="rolloffb4();window.status=\'\';return true;"><img style="width: 150px; height: 20px;" src="pics/buttons/contact_u.jpg" alt="contact" name="but4" id="but4" border="0"></img></a>';
var b5src = '<a href="#" onclick="doTopButtons(5);return false;" onmouseover="rollonb5();window.status=\'b5\';return true;" onmouseout="rolloffb5();window.status=\'\';return true;"><img style="width: 150px; height: 20px;" src="pics/buttons/projects_u.jpg" alt="projects" name="but5" id="but5" border="0"></img></a>';

var i1src = '<img style="width: 150px; height: 20px;" src="pics/buttons/products_d.jpg" alt="products"></img>';
var i2src = '<img style="width: 150px; height: 20px;" src="pics/buttons/about_d.jpg" alt="about"></img>';
var i3src = '<img style="width: 150px; height: 20px;" src="pics/buttons/news_d.jpg" alt="orders"></img>';
var i4src = '<img style="width: 150px; height: 20px;" src="pics/buttons/contact_d.jpg" alt="contact"></img>';
var i5src = '<img style="width: 150px; height: 20px;" src="pics/buttons/projects_d.jpg" alt="projects"></img>';

onb1 = new Image();
onb1.src = "pics/buttons/products_d.jpg";
offb1 = new Image();
offb1.src = "pics/buttons/products_u.jpg";

onb2 = new Image();
onb2.src = "pics/buttons/about_d.jpg";
offb2 = new Image();
offb2.src = "pics/buttons/about_u.jpg";

onb3 = new Image();
onb3.src = "pics/buttons/news_d.jpg";
offb3 = new Image();
offb3.src = "pics/buttons/news_u.jpg";

onb4 = new Image();
onb4.src = "pics/buttons/contact_d.jpg";
offb4 = new Image();
offb4.src = "pics/buttons/contact_u.jpg";

onb5 = new Image();
onb5.src = "pics/buttons/projects_d.jpg";
offb5 = new Image();
offb5.src = "pics/buttons/projects_u.jpg";

function rollonb1(){document.but1.src = onb1.src; return true;}
function rolloffb1(){document.but1.src = offb1.src;}
function rollonb2(){document.but2.src = onb2.src; return true;}
function rolloffb2(){document.but2.src = offb2.src;}
function rollonb3(){document.but3.src = onb3.src; return true;}
function rolloffb3(){document.but3.src = offb3.src;}
function rollonb4(){document.but4.src = onb4.src; return true;}
function rolloffb4(){document.but4.src = offb4.src;}
function rollonb5(){document.but5.src = onb5.src; return true;}
function rolloffb5(){document.but5.src = offb5.src;}

function doTopButtons(whichpage)
{
	if (whichpage < 1 || whichpage > 5)
	{
		alert('eh, which page?');
		return false;
	}
	else
	{	
		//alert (whichpage);
		if (whichpage == 1)
		{
			top.document.getElementById('b1').innerHTML = i1src,
			top.document.getElementById('b2').innerHTML = b2src,
			top.document.getElementById('b3').innerHTML = b3src,
			top.document.getElementById('b4').innerHTML = b4src,
			top.document.getElementById('b5').innerHTML = b5src,
			top.frames['1a'].location.href = "html/Products_Top.html";
		}
		if (whichpage == 2)
		{
			top.document.getElementById('b1').innerHTML = b1src,
			top.document.getElementById('b2').innerHTML = i2src,
			top.document.getElementById('b3').innerHTML = b3src,
			top.document.getElementById('b4').innerHTML = b4src,
			top.document.getElementById('b5').innerHTML = b5src,
			top.frames['1a'].location.href = "html/About.html";
		}
		if (whichpage == 3)
		{
			top.document.getElementById('b1').innerHTML = b1src,
			top.document.getElementById('b2').innerHTML = b2src,
			top.document.getElementById('b3').innerHTML = i3src,
			top.document.getElementById('b4').innerHTML = b4src,
			top.document.getElementById('b5').innerHTML = b5src,
			top.frames['1a'].location.href = "html/News.html";
		}
		if (whichpage == 4)
		{
			top.document.getElementById('b1').innerHTML = b1src,
			top.document.getElementById('b2').innerHTML = b2src,
			top.document.getElementById('b3').innerHTML = b3src,
			top.document.getElementById('b4').innerHTML = i4src,
			top.document.getElementById('b5').innerHTML = b5src,
			top.frames['1a'].location.href = "html/Contact.html";
		}
		if (whichpage == 5)
		{
			top.document.getElementById('b1').innerHTML = b1src,
			top.document.getElementById('b2').innerHTML = b2src,
			top.document.getElementById('b3').innerHTML = b3src,
			top.document.getElementById('b4').innerHTML = b4src,
			top.document.getElementById('b5').innerHTML = i5src,
			top.frames['1a'].location.href = "html/Projects.html";
		}
	}
}