$(document).ready(function() {
	$('div#wrapper a').click(function(clickEvent) {
		clickEvent.preventDefault();
		var linkEl = $(this);
		var topOffset = $(linkEl).parent().css('top');
		var selectedLayerHtml = '<div id="selectedLayer">' + $(linkEl).parent().html() + '</div>';
		$('div#innerAnimWrapper').append(selectedLayerHtml);
		$('div#selectedLayer').css('position', 'absolute').css('width', '999px').css('z-index', '1').css('top', topOffset);
		$('div#selectedLayer a').css('float', 'left');
		
		$('div.layer').append('<img src="/template/img/white1x1.png" class="whiteImg" width="990" height="99" alt="white" />');	//ie7/8 + ff + chrome
		$('img.whiteImg').css('position', 'absolute').css('left', '0px').css('top', '0px');							//ie7/8 + ff + chrome
		$('img.whiteImg').css({opacity: 0.0}).animate({opacity: 1.0}, 800, function() {								//ie7/8 + ff + chrome
		//$('div#wrapper').animate({opacity: 0.0}, 800, 'linear', function() {										//ff + chrome

			$('div#selectedLayer').animate({'top': '45px'}, 1300, 'easeOutCubic', function() {
				document.location = linkEl.attr('href');
			});
		});
	});
});