var site_url = '';
var nav  = [ '#1', '#2', '#services', '#solutions', '#contact' ];

var nav = $('.thumb');

$(document).ready(function(){
	setBkgPos();
	

		$('.thumb').bind( 'mouseover', mMouseOver );
		$('.thumb').bind( 'mouseout', mMouseOut );
		$('.thumb').bind( 'click', mClick );


}); 


function setBkgPos()
{

		$('.thumb').css({backgroundPosition: '-15px 0px'});

}

function mMouseOver(e)
{

	$(this)
		// stop any animation that took place before this
		.stop()
		// step 1. change the image file
		.css({cursor: 'pointer'})
		// step.2 move up the navigation item a bit
		.animate({ backgroundPosition:'(-70px 0px)'},"slow"
			);
}

function mMouseOut(e)
{			
	$(this)
		// stop any animation that took place before this
		.stop()
		// step.1 move down navigation item
		.animate({backgroundPosition:'(0px 0px )'}, "slow", 
			// this section will be executed after the step.1 is done
			function(){
				
				// step 3. move navigation item up
				$(this).animate( {backgroundPosition:'(-15px 0px)'}, "normal")
			})
		.css({cursor: ''});
}

function mClick(e)
{
	location.href = this.id;
}