$(function() {
	initHovers();
	initBranches();
	initSearch();
	initAccordion();
	initPageNav();
});

function initHovers() {

	//Top nav
	$('#nav a')
		.bind('mouseover', function() { 
		$('span.hover', this).animate({opacity:1}, {queue:false, duration:300})
	})
		.bind('mouseout', function() {
		$('span.hover', this).animate({opacity:0}, {queue:false, duration:300})
	});

}

function initBranches() {

	$('#branchNav a:first').addClass('active');
	$('#branchDetail li:first').addClass('active');
	
	$('#branchNav a').bind('click', function(e) {
		
		e.preventDefault();
		var selectedIndex = $('#branchNav a').index(this);
		
		$('#branchNav a').removeClass('active');
		$(this).addClass('active');
		
		$('#branchDetail li').removeClass('active');
		$($('#branchDetail li')[selectedIndex]).addClass('active');
		
	});

}

function initSearch() {

	var searchText = "Search for products";
	var searchBox = $('.accordionContent .searchBox');
	
	if (searchBox.val() == '' || searchBox.val() == searchText) {
		searchBox.addClass('watermark');
		searchBox.val(searchText);
	}
	
	searchBox.bind('focus', function() {
		searchBox.removeClass('watermark');
		if (searchBox.val() == searchText) searchBox.val('');
	});
	
	searchBox.bind('blur', function() {
		if (searchBox.val() == '') {
			searchBox.addClass('watermark');
			searchBox.val(searchText);
		}
	});
}

function initAccordion() {

	$('.expandable h3').click(function() {
		$(this).toggleClass('active').next().toggle('blind', {}, 500);
		return false;
	});

}

function collapseAccordion() {
	
	$('.expandable h3').removeClass('active').next().hide();

}

function initPageNav() {

	$('#pageNav li').click(function() {
		$('#pageNav li').removeClass('active');
		$(this).addClass('active');
		collapseAccordion();
		$($('.accordion h3')[$('#pageNav li').index(this)]).addClass('active').next().show();
	});

}