// Main Navigation Handlers
//

console.log("Loading navigation.js...");

homeBtnOff = new Image();
homeBtnOff.src = '/images/nin_graphics_nav_top/nav_home_off.gif';
homeBtnOn = new Image();
homeBtnOn.src = '/images/nin_graphics_nav_top/nav_home_on.gif';

listenBtnOff = new Image();
listenBtnOff.src = '/images/nin_graphics_nav_top/nav_listen_off.gif';
listenBtnOn = new Image();
listenBtnOn.src = '/images/nin_graphics_nav_top/nav_listen_on.gif';

mixBtnOff = new Image();
mixBtnOff.src = '/images/nin_graphics_nav_top/nav_mix_off.gif';
mixBtnOn = new Image();
mixBtnOn.src = '/images/nin_graphics_nav_top/nav_mix_on.gif';

loginBtnOff = new Image();
loginBtnOff.src = '/images/nin_graphics_nav_top/nav_login_off.gif';
loginBtnOn = new Image();
loginBtnOn.src = '/images/nin_graphics_nav_top/nav_login_on.gif';

logoutBtnOff = new Image();
logoutBtnOff.src = '/images/nin_graphics_nav_top/nav_logout_off.gif';
logoutBtnOn = new Image();
logoutBtnOn.src = '/images/nin_graphics_nav_top/nav_logout_on.gif';

profileBtnOff = new Image();
profileBtnOff.src = '/images/nin_graphics_nav_top/nav_profile_off.gif';
profileBtnOn = new Image();
profileBtnOn.src = '/images/nin_graphics_nav_top/nav_profile_on.gif';

registerBtnOff = new Image();
registerBtnOff.src = '/images/nin_graphics_nav_top/nav_register_off.gif';
registerBtnOn = new Image();
registerBtnOn.src = '/images/nin_graphics_nav_top/nav_register_on.gif';

faqBtnOff = new Image();
faqBtnOff.src = '/images/nin_graphics_nav_top/nav_faq_off.gif';
faqBtnOn = new Image();
faqBtnOn.src = '/images/nin_graphics_nav_top/nav_faq_on.gif';

feedBtnOff = new Image();
feedBtnOff.src = '/images/nin_graphics_nav_top/nav_feeds_off.gif';
feedBtnOn = new Image();
feedBtnOn.src = '/images/nin_graphics_nav_top/nav_feeds_on.gif';

Event.addBehavior({
    "#nav-home": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    FwDispatch.content($('nav-home').href,'view-container',null,handleNews);
	    updateActiveUsers();
	});
    },

    "#nav-home-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-home-img').src=homeBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-home-img').src=homeBtnOff.src;
	});	
    },

    "#nav-listen": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideActiveUsers();
	    FwDispatch.punt('view-container',handleListen);
	});	
    },

    "#nav-listen-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-listen-img').src=listenBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-listen-img').src=listenBtnOff.src;
	});	
    },

    "#nav-mix": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    hideActiveUsers();
	    FwDispatch.content($('nav-mix').href,'view-container',null,handleUploadIntro);
	});	
    },

    "#nav-mix-login": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    dispatchLogin(gotoMix);
	});	
    },

    "#nav-mix-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-mix-img').src=mixBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-mix-img').src=mixBtnOff.src;
	});	
    },

    "#nav-login": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    FwDispatch.content($('nav-login').href,'view-container',null,handleLogin);
	});	
    },

    "#nav-login-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-login-img').src=loginBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-login-img').src=loginBtnOff.src;
	});	
    },

    "#nav-reset-password": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    FwDispatch.content($('nav-reset-password').href,'view-container',null,handleResetPassword);
	});	
    },

    "#nav-logout": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    FwDispatch.content($('nav-logout').href,'view-container',null,handleLogout);
	    updateActiveUsers();
	});	
    },

    "#nav-logout-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-logout-img').src=logoutBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-logout-img').src=logoutBtnOff.src;
	});	
    },

    "#nav-profile": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    hideActiveUsers();
	    FwDispatch.content($('nav-profile').href,'view-container',null,handleProfile);
	});	
    },

    "#nav-profile-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-profile-img').src=profileBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-profile-img').src=profileBtnOff.src;
	});	
    },

    "#nav-register": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    hideActiveUsers();
	    FwDispatch.content($('nav-register').href,'view-container',null,handleRegister);
	});	
    },

    "#nav-register-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-register-img').src=registerBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-register-img').src=registerBtnOff.src;
	});	
    },

    "#nav-faq": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    hideActiveUsers();
	    FwDispatch.content($('nav-faq').href,'view-container',null,handleFAQ);
	});	
    },

    "#nav-faq-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-faq-img').src=faqBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-faq-img').src=faqBtnOff.src;
	});	
    },

    "#nav-feed": function() {
	this.observe('click', function(event) {
	    Event.stop(event);
	    hideListen();
	    hideActiveUsers();
	    FwDispatch.content($('nav-feed').href,'view-container',null,handleFeed);
	});	
    },

    "#nav-feed-img": function() {
	this.observe('mouseover', function(event) {
	    Event.stop(event);
      $('nav-feed-img').src=feedBtnOn.src;
	});
	
	this.observe('mouseout', function(event) {
	    Event.stop(event);
      $('nav-feed-img').src=feedBtnOff.src;
	});	
    }
});

function handleMainNavigation(res) {
    if($('logo')) {
	$('logo').update('<a href="http://www.nin.com" id="nav-nin"><img src="/images/logo_nin.gif" alt="nine inch nails"></a>');
    }

    if($('nav-home')) {
	$('nav-home').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_home_off.gif" id="nav-home-img" alt="Home">');
    }

    if($('nav-listen')) {
	$('nav-listen').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_listen_off.gif" id="nav-listen-img" alt="Listen">');
    }

    if($('nav-mix')) {
	$('nav-mix').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_mix_off.gif" id="nav-mix-img" alt="Mix">');
    }

    if($('nav-mix-login')) {
	$('nav-mix-login').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_mix_off.gif" id="nav-mix-img" alt="Mix">');
    }

    if($('nav-login')) {
	$('nav-login').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_login_off.gif" id="nav-login-img" alt="Login">');
    }

    if($('nav-logout')) {
	$('nav-logout').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_logout_off.gif" id="nav-logout-img" alt="Logout">');
    }

    if($('nav-profile')) {
	$('nav-profile').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_profile_off.gif" id="nav-profile-img" alt="Logout">');
    }

    if($('nav-register')) {
	$('nav-register').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_register_off.gif" id="nav-register-img" alt="Register">');
    }

    if($('nav-faq')) {
	$('nav-faq').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_faq_off.gif" id="nav-faq-img" alt="FAQ">');
    }

    if($('nav-feed')) {
	$('nav-feed').update('<img class="nav-img" src="/images/nin_graphics_nav_top/nav_feeds_off.gif" id="nav-feed-img" alt="Feeds">');
    }
}