var nav_bar_menu_divs = [
    'nav_bar_home',
    'nav_bar_about',
    'nav_bar_solution',
    'nav_bar_benefits',
    'nav_bar_contact',
    'nav_bar_versatile'
];

var nav_bar_menu_image_ids = [
    'nav_bar_home_image',
    'nav_bar_about_image',
    'nav_bar_solution_image',
    'nav_bar_benefits_image',
    'nav_bar_contact_image',
    'nav_bar_versatile_image'
];

var nav_bar_menu_image_urls = [
    '/slices/main/NavBar_Home.jpg',
    '/slices/main/NavBar_About.jpg',
    '/slices/main/NavBar_Solution.jpg',
    '/slices/main/NavBar_Benefits.jpg',
    '/slices/main/NavBar_Contact.jpg',
    '/slices/main/NavBar_Versatile_Corp.jpg'
];

var nav_bar_menu_image_over_urls = [
    '/slices/main/NavBar_Home_Over.jpg',
    '/slices/main/NavBar_About_Over.jpg',
    '/slices/main/NavBar_Solution_Over.jpg',
    '/slices/main/NavBar_Benefits_Over.jpg',
    '/slices/main/NavBar_Contact_Over.jpg',
    '/slices/main/NavBar_Versatile_Corp_Over.jpg'
];


function hoverOut(menu_div_id) {
    for (var i=0; i< nav_bar_menu_divs.length; i++) {
        var nav_bar_menu_div_id = nav_bar_menu_divs[i];
        if (nav_bar_menu_div_id == menu_div_id) {
            $(nav_bar_menu_image_ids[i]).src = nav_bar_menu_image_urls[i];
        }
      }
  }
  
  function hoverOver(menu_div_id) {
        for (var i=0; i< nav_bar_menu_divs.length; i++) {
          var nav_bar_menu_div_id = nav_bar_menu_divs[i];
          if (nav_bar_menu_div_id == menu_div_id) {
              $(nav_bar_menu_image_ids[i]).src = nav_bar_menu_image_over_urls[i];
          }
        }
  }

  
  Event.observe(
	window,
	'load',
	function() {
		Event.observe(
			'header_top_logo',
			'click',
			function() {
				window.location = "/";
			}
		);

		Event.observe(
			'header_top_logo',
			'mouseover',
			function() {
				var img = $('header_versatile_logo');
				img.src = "/slices/main/Header_Logo_Over.jpg";
			}
		);

		Event.observe(
			'header_top_logo',
			'mouseout',
			function() {
				var img = $('header_versatile_logo');
				img.src = "/slices/main/Header_Logo.jpg";
			}
		);

		//
		// Navigation Bar
		//
		Event.observe('nav_bar_home', 'mouseover',
			function() { hoverOver('nav_bar_home'); }
		);

		Event.observe('nav_bar_home', 'mouseout',
			function() { hoverOut('nav_bar_home'); }
		);

		Event.observe('nav_bar_about', 'mouseover',
			function() { hoverOver('nav_bar_about'); }
		);

		Event.observe('nav_bar_about', 'mouseout',
			function() { hoverOut('nav_bar_about'); }
		);

		Event.observe('nav_bar_solution', 'mouseover',
			function() { hoverOver('nav_bar_solution'); }
		);

		Event.observe('nav_bar_solution', 'mouseout',
			function() { hoverOut('nav_bar_solution'); }
		);

		Event.observe('nav_bar_benefits', 'mouseover',
			function() { hoverOver('nav_bar_benefits'); }
		);

		Event.observe('nav_bar_benefits', 'mouseout',
			function() { hoverOut('nav_bar_benefits'); }
		);

		Event.observe('nav_bar_contact', 'mouseover',
			function() { hoverOver('nav_bar_contact'); }
		);

		Event.observe('nav_bar_contact', 'mouseout',
			function() { hoverOut('nav_bar_contact'); }
		);

		Event.observe('nav_bar_versatile', 'mouseover',
			function() { hoverOver('nav_bar_versatile'); }
		);

		Event.observe('nav_bar_versatile', 'mouseout',
			function() { hoverOut('nav_bar_versatile'); }
		);

		Event.observe('header_top_logo', 'mouseover', function() {}	);
		Event.observe('header_top_left', 'mouseover', function() {}	);
		Event.observe('header_top_right', 'mouseover', function() {}	);
		Event.observe('main_left_side', 'mouseover', function() {}	);
		Event.observe('main_left_side_body', 'mouseover', function() {}	);
		Event.observe('main_content', 'mouseover', function() {}	);
		Event.observe('main_right_side_body', 'mouseover', function() {}	);
		Event.observe('main_right_side', 'mouseover', function() {}	);

	}
);