// ---------------------------------------------------------------------------

function highlight (index, className) {
	var logo = $(_logos).get(index);
	$(logo).attr("class",className);
	var client = $(_clients).get(index);
	$(client).attr("class",className);
}

// ---------------------------------------------------------------------------

$(document).ready(function(){
	
	_clients = $('#sideNavMenu ul li');
	_logos = $('#content img');
	
	$(_clients).each(function(i){
		this.onclick = function(){
			return false;
		};
		this.onmouseover = function(){
			highlight(i, 'over');
		};
		this.onmouseout = function(){
			highlight(i, 'out');
		};
	});
	
	$(_logos).each(function(i){
		this.onclick = function(){
			return false;
		};
		this.onmouseover = function(){
			highlight(i, 'over');
		};
		this.onmouseout = function(){
			highlight(i, 'out');
		};
	});
});

// ---------------------------------------------------------------------------