function init()
{	
	$('.navigation').each(function (elem) {									
		$(this).click( function() {
			mainNavClick(this);
		});
		
		$(this).mouseover( function() {
			mainNavOver(this);
		});
		
		$(this).mouseout( function() {
			mainNavOut(this);
		});
		
		mainNavOut(this);
	});
}

function initMyservices()
{
	$('.right-transactionsContainerDiv').each(function (elem) {									
		$(this).click( function() {
			transactionClick(this);
		});
		
		$(this).mouseover( function() {
			transactionOver(this);
		});
		
		$(this).mouseout( function() {
			transactionOut(this);
		});
		
		transactionOut(this);
	});
	
	$('.transactionsContainerDiv').each(function (elem) {									
		$(this).click( function() {
			transactionClick(this);
		});
		
		$(this).mouseover( function() {
			transactionOver(this);
		});
		
		$(this).mouseout( function() {
			transactionOut(this);
		});
		
		transactionOut(this);
	});

}

function mainNavClick(item) 
{
    location.href = $(item).attr('navLink');
}

function mainNavOver(item)
{
	$(item).children()[ 0 ].style.background = "url('images/navigation/on_left.gif') no-repeat";
	$(item).children()[ 1 ].style.background = "url('images/navigation/on_right.gif') no-repeat";
	$(item).children()[ 2 ].style.background = '#6ea443';
	$(item).children()[ 2 ].style.color = '#fff';
}

function mainNavOut(item) 
{
	$(item).children()[ 0 ].style.background = '#fff';
	$(item).children()[ 1 ].style.background = '#fff';
	$(item).children()[ 2 ].style.background = '#fff';
	$(item).children()[ 2 ].style.color = '#000';
}

function transactionClick(item)
{
	//location.href = $(item).attr('transactionLink');
	alert($(item).attr('transactionLink'));
}

function transactionOver(item)
{
	item.style.background = '#c5dbb4';
	item.style.border = '1px solid #c1d4b1';
}

function transactionOut(item)
{
	item.style.background = '#f2f2f2';
	item.style.border = '1px solid #dadada';
}