
function togglePeople (evt) {
	if (Event.element(evt).hasClassName('link'))
		return false;
	var elt = Event.findElement(evt, 'li');

	var shortbio = elt.getElementsByClassName('shortbio')[0];
	var fullbio = elt.getElementsByClassName('fullbio')[0];
	
	if (shortbio.style.display == 'block') {
		shortbio.style.display = 'none';
		fullbio.style.display = 'block';
	} else {
		fullbio.style.display = 'none';
		shortbio.style.display = 'block';
	}
	
	return true;
}

function is_home () {
	var loc = window.location.href;
	loc = loc.replace('http://www.jprofleetproducts.com', '');
	if (!loc.charAt(1) || loc.charAt(1) == '#') {
		return true;
	} else {
		return false;
	}
}
	
function toggleLogin () {
	var activate_login = $('activate_login');
	var register_link = $('register_link');
	var inline_login = $('inline_login');
	var inside_nav = $('nav_link_inside');
		
	if (inline_login.style.display == 'none' || inline_login.style.display == '') {
		if (!is_home())
			inside_nav.style.display = 'none';
		activate_login.style.display = 'none';
		register_link.style.display = 'none';
		inline_login.style.display = 'block';
	} else {
		inside_nav.style.display = 'inline';
		activate_login.style.display = 'block';
		register_link.style.display = 'block';
		inline_login.style.display = 'none';
	}
	return false;
}	

var Navigation = Class.create();
Navigation.prototype = {
	initialize : function () {
		this.bound_show_menu = this.show_menu.bindAsEventListener(this);
		this.bound_hide_menu = this.hide_menu.bindAsEventListener(this);
	
		var drop_menus = document.getElementsByClassName('primary_nav')[0].getElementsByClassName('drop');
		for (i=0; i<drop_menus.length; i++) {
			Element.extend(drop_menus[i]);
			Event.observe(drop_menus[i], 'mouseover', this.show_menu);
			Event.observe(drop_menus[i], 'mouseout', this.hide_menu);
		}
	},

	show_menu : function (event) {

		var elt = Event.element(event);
		if (elt.hasClassName('drop')) {
			elt.addClassName('over');
		} else {
			elt.up('.drop').addClassName('over');
		}

	},

	hide_menu : function (event) {
		
		var elt = Event.element(event);
		if (elt.hasClassName('drop')) {
			elt.removeClassName('over');
		} else {
			elt.up('.drop').removeClassName('over');
		}
	}
	
}

var HomepageBox = Class.create();
HomepageBox.prototype = {

	initialize : function () {
		this.menu_events();
		this.auto_swapper = setInterval(this.swap_next.bind(this), 25000); /* Delay in Miliseconds */
	},

	menu_events : function () {
		var menu = $('homepagebox_menu');
		var menu_items = menu.getElementsByTagName('li');
		
		for (i=0; i<menu_items.length; i++) {
			Element.extend(menu_items[i]);
			if (!menu_items[i].hasClassName('on_now')) {
				menu_items[i].observe('click', this.swap_homepagebox.bindAsEventListener(menu_items[i]));
				menu_items[i].observe('click', this.kill_auto.bindAsEventListener(this));
			}
		}
	},

	swap_next : function () {
		var menu = $('homepagebox_menu');
		var menu_items = menu.getElementsByTagName('li');
		
		for (i=0; i<menu_items.length; i++) {
			if (!menu_items[i].hasClassName('on_now') && menu_items[i].hasClassName('selected')) {
				if (i == 3) {
					menu_item = menu_items[0];
				} else {
					menu_item = menu_items[i + 1];
				}

				item_id = menu_items[i].id.replace(/homepagebox_/, '');
				menu_items[i].removeClassName('selected');
				item_image = $('homepagebox_image_' + item_id);
				if (item_image.style.display != 'none') {
					Effect.Fade(item_image, {duration: 0.5, queue: 'front'});
				}
			}
		}
		if (menu_item.id) {
			homepagebox_id = menu_item.id.replace(/homepagebox_/, '');
			homepagebox_image = $('homepagebox_image_' + homepagebox_id);
			Effect.Appear(homepagebox_image, {duration: 0.5, queue: 'end'});
			menu_item.addClassName('selected');
		}
	},

	kill_auto : function (event) {
		clearInterval(this.auto_swapper);
	},

	swap_homepagebox : function (event) {
		if (!this.hasClassName('selected')) {
			var homepagebox_id = this.id.replace(/homepagebox_/, '');
			var homepagebox_image = $('homepagebox_image_' + homepagebox_id);
			var menu = $('homepagebox_menu');
			var menu_items = menu.getElementsByTagName('li');
	
			for (i=0; i<menu_items.length; i++) {
				if (!menu_items[i].hasClassName('on_now')) {
					item_id = menu_items[i].id.replace(/homepagebox_/, '');
					menu_items[i].removeClassName('selected');
					item_image = $('homepagebox_image_' + item_id);
					if (item_image.style.display != 'none') {
						Effect.Fade(item_image, {duration: 0.5, queue: 'front'});
					}
				}
			}
			Effect.Appear(homepagebox_image, {duration: 0.5, queue: 'end'});
			this.addClassName('selected');
		}
	}

}

Event.observe(window, 'load', function (event) {
	var navigation = new Navigation();
});

