//-----------------IMAGE PRELOAD

image1 = new Image();
image1.src = "images/btn-about-hover.png";

image1 = new Image();
image1.src = "images/btn-approach-hover.png";

image1 = new Image();
image1.src = "images/btn-products-hover.png";

image1 = new Image();
image1.src = "images/btn-contact-hover.png";

image1 = new Image();
image1.src = "images/logo-about.png";

image1 = new Image();
image1.src = "images/btn-meet-hover.png";

image1 = new Image();
image1.src = "images/btn-join-hover.png";

image1 = new Image();
image1.src = "images/btn-map-hover.png";

image1 = new Image();
image1.src = "images/logo-webdevelopment.png";

image1 = new Image();
image1.src = "images/logo-systemdevelopment.png";

image1 = new Image();
image1.src = "images/logo-webdesign.png";

image1 = new Image();
image1.src = "images/logo-products.png";

image1 = new Image();
image1.src = "images/logo-meet.png";

image1 = new Image();
image1.src = "images/logo-details.png";

image1 = new Image();
image1.src = "images/btn-aboutexit-hover.png";



//-----------------------------MAIN MENU ACTIONS

//---------------------LOGO

function logoMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-top.png)';
document.getElementById('home-contents').style.display="block";
document.getElementById('about-contents').style.display="none";
document.getElementById('approach-contents').style.display="none";
document.getElementById('product-contents').style.display="none";
document.getElementById('fuze-details').style.display="none";
document.getElementById('meetourstaff').style.display="none";
}
YAHOO.util.Event.addListener("logo", "click", logoMouseClick);


//---------------------ABOUT

function aboutMouseOver(e) { 
document.getElementById('about').style.backgroundImage='url(images/btn-about-hover.png)';
}
YAHOO.util.Event.addListener("about", "mouseover", aboutMouseOver); 

function aboutMouseOut(e) { 
document.getElementById('about').style.backgroundImage='url(images/btn-about-norm.png)'; 
}
YAHOO.util.Event.addListener("about", "mouseout", aboutMouseOut); 

function aboutMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-about.png)';
document.getElementById('home-contents').style.display="none";
document.getElementById('fuze-details').style.display="none";
document.getElementById('about-contents').style.display="block";
document.getElementById('approach-contents').style.display="none";
document.getElementById('product-contents').style.display="none";
document.getElementById('meetourstaff').style.display="none";
}
YAHOO.util.Event.addListener("about", "click", aboutMouseClick);

//---------------------APPROACH

function approachMouseOver(e) { 
document.getElementById('approach').style.backgroundImage='url(images/btn-approach-hover.png)';
}
YAHOO.util.Event.addListener("approach", "mouseover", approachMouseOver); 

function approachMouseOut(e) { 
document.getElementById('approach').style.backgroundImage='url(images/btn-approach-norm.png)'; 
}
YAHOO.util.Event.addListener("approach", "mouseout", approachMouseOut); 


function approachMouseClick(e)
{ 
if (document.getElementById('approach-1').style.display=="block")
{
document.getElementById('logo').style.backgroundImage='url(images/logo-webdesign.png)';
}
else if (document.getElementById('approach-2').style.display=="block")
{
document.getElementById('logo').style.backgroundImage='url(images/logo-webdevelopment.png)';
}
else 
{
document.getElementById('logo').style.backgroundImage='url(images/logo-systemdevelopment.png)';
}
document.getElementById('home-contents').style.display="none";
document.getElementById('about-contents').style.display="none";
document.getElementById('fuze-details').style.display="none";
document.getElementById('meetourstaff').style.display="none";
document.getElementById('approach-contents').style.display="block";
document.getElementById('product-contents').style.display="none";
}
YAHOO.util.Event.addListener("approach", "click", approachMouseClick);


//---------------------PRODUCT

function productMouseOver(e) { 
document.getElementById('product').style.backgroundImage='url(images/btn-products-hover.png)';
}
YAHOO.util.Event.addListener("product", "mouseover", productMouseOver); 

function productMouseOut(e) { 
document.getElementById('product').style.backgroundImage='url(images/btn-products-norm.png)'; 
}
YAHOO.util.Event.addListener("product", "mouseout", productMouseOut); 

function productMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-products.png)';
document.getElementById('home-contents').style.display="none";
document.getElementById('about-contents').style.display="none";
document.getElementById('approach-contents').style.display="none";
document.getElementById('fuze-details').style.display="none";
document.getElementById('meetourstaff').style.display="none";
document.getElementById('product-contents').style.display="block";
}
YAHOO.util.Event.addListener("product", "click", productMouseClick);

//---------------------CONTACT

function contactbtnMouseOver(e) { 
document.getElementById('contactbtn').style.backgroundImage='url(images/btn-contact-hover.png)';
}
YAHOO.util.Event.addListener("contactbtn", "mouseover", contactbtnMouseOver); 

function contactbtnMouseOut(e) { 
document.getElementById('contactbtn').style.backgroundImage='url(images/btn-contact-norm.png)'; 
}
YAHOO.util.Event.addListener("contactbtn", "mouseout", contactbtnMouseOut); 


//--------------------APPROACH CHART BUTTONS

//---WEB DESIGN BUTTON


function app1MouseOver(e) { 
document.getElementById('app1-button').style.backgroundImage='url(images/btn-webdesign-hover.png)';
}
YAHOO.util.Event.addListener("app1-button", "mouseover", app1MouseOver); 

function app1MouseOut(e) { 
if (document.getElementById('approach-1').style.display=="none")
{
document.getElementById('app1-button').style.backgroundImage='url(images/btn-webdesign-norm.png)';
}
else
{}
}
YAHOO.util.Event.addListener("app1-button", "mouseout", app1MouseOut); 

function app1MouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-webdesign.png)';
document.getElementById('app2-button').style.backgroundImage='url(images/btn-webdevelopment-norm.png)';
document.getElementById('app3-button').style.backgroundImage='url(images/btn-systemdevelopment-norm.png)';
document.getElementById('approach-1').style.display="block";
document.getElementById('approach-2').style.display="none";
document.getElementById('approach-3').style.display="none";
}
YAHOO.util.Event.addListener("app1-button", "click", app1MouseClick);



//---WEB DEVELOPMENT BUTTON


function app2MouseOver(e) { 
document.getElementById('app2-button').style.backgroundImage='url(images/btn-webdevelopment-hover.png)';
}
YAHOO.util.Event.addListener("app2-button", "mouseover", app2MouseOver); 

function app2MouseOut(e) { 
if (document.getElementById('approach-2').style.display=="none")
{
document.getElementById('app2-button').style.backgroundImage='url(images/btn-webdevelopment-norm.png)';
}
else
{}
}
YAHOO.util.Event.addListener("app2-button", "mouseout", app2MouseOut); 

function app2MouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-webdevelopment.png)';
document.getElementById('app1-button').style.backgroundImage='url(images/btn-webdesign-norm.png)';
document.getElementById('app3-button').style.backgroundImage='url(images/btn-systemdevelopment-norm.png)';
document.getElementById('approach-1').style.display="none";
document.getElementById('approach-2').style.display="block";
document.getElementById('approach-3').style.display="none";
}
YAHOO.util.Event.addListener("app2-button", "click", app2MouseClick);


//---SYSTEM DEVELOPMENT BUTTON

function app3MouseOver(e) { 
document.getElementById('app3-button').style.backgroundImage='url(images/btn-systemdevelopment-hover.png)';
}
YAHOO.util.Event.addListener("app3-button", "mouseover", app3MouseOver); 

function app3MouseOut(e) { 
if (document.getElementById('approach-3').style.display=="none")
{
document.getElementById('app3-button').style.backgroundImage='url(images/btn-systemdevelopment-norm.png)';
}
else
{}
}
YAHOO.util.Event.addListener("app3-button", "mouseout", app3MouseOut); 

function app3MouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-systemdevelopment.png)';
document.getElementById('app1-button').style.backgroundImage='url(images/btn-webdesign-norm.png)';
document.getElementById('app2-button').style.backgroundImage='url(images/btn-webdevelopment-norm.png)';
document.getElementById('approach-1').style.display="none";
document.getElementById('approach-2').style.display="none";
document.getElementById('approach-3').style.display="block";
}
YAHOO.util.Event.addListener("app3-button", "click", app3MouseClick);

//--MEET OUR STAFF
function meetMouseOver(e) { 
document.getElementById('meet').style.backgroundImage='url(images/btn-meet-hover.png)';
}
YAHOO.util.Event.addListener("meet", "mouseover", meetMouseOver); 

function meetMouseOut(e) { 
document.getElementById('meet').style.backgroundImage='url(images/btn-meet-norm.png)'; 
}
YAHOO.util.Event.addListener("meet", "mouseout", meetMouseOut); 

function meetMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-meet.png)';
document.getElementById('meetourstaff').style.display="block";
document.getElementById('about-contents').style.display="none";

}
YAHOO.util.Event.addListener("meet", "click", meetMouseClick);

//--JOIN THE TEAM
function joinMouseOver(e) { 
document.getElementById('join').style.backgroundImage='url(images/btn-join-hover.png)';
}
YAHOO.util.Event.addListener("join", "mouseover", joinMouseOver); 

function joinMouseOut(e) { 
document.getElementById('join').style.backgroundImage='url(images/btn-join-norm.png)'; 
}
YAHOO.util.Event.addListener("join", "mouseout", joinMouseOut); 


//--ADDRESS & MAP
function mapMouseOver(e) { 
document.getElementById('map').style.backgroundImage='url(images/btn-map-hover.png)';
}
YAHOO.util.Event.addListener("map", "mouseover", mapMouseOver); 

function mapMouseOut(e) { 
document.getElementById('map').style.backgroundImage='url(images/btn-map-norm.png)'; 
}
YAHOO.util.Event.addListener("map", "mouseout", mapMouseOut); 

function mapMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-details.png)';
document.getElementById('fuze-details').style.display="block";
document.getElementById('about-contents').style.display="none";

}
YAHOO.util.Event.addListener("map", "click", mapMouseClick);

//--ABOUT RETURN
function aboutexitMouseOver(e) { 
document.getElementById('aboutexit').style.backgroundImage='url(images/btn-aboutexit-hover.png)';
document.getElementById('aboutexit3').style.backgroundImage='url(images/btn-aboutexit-hover.png)';
}
YAHOO.util.Event.addListener(["aboutexit","aboutexit3"], "mouseover", aboutexitMouseOver); 

function aboutexitMouseOut(e) { 
document.getElementById('aboutexit').style.backgroundImage='url(images/btn-aboutexit-norm.png)'; 
document.getElementById('aboutexit3').style.backgroundImage='url(images/btn-aboutexit-norm.png)'; 
}
YAHOO.util.Event.addListener(["aboutexit","aboutexit3"], "mouseout", aboutexitMouseOut); 

function aboutexitMouseClick(e)
{ 
document.getElementById('logo').style.backgroundImage='url(images/logo-about.png)';
document.getElementById('meetourstaff').style.display="none";
document.getElementById('fuze-details').style.display="none";
document.getElementById('about-contents').style.display="block";
}
YAHOO.util.Event.addListener(["aboutexit","aboutexit3"], "click", aboutexitMouseClick);