/**************
 cross fade menu
***************************************/

$(document).ready(function () {
	setCrossFadeMenu('#nav li ',' 0px',' -55px');
	}
	);

function setCrossFadeMenu(ttags,baseh,heights){
	$(ttags+'a').each(function(){
		var imgurl=$(this).css("background-image");
		var pos=$(this).css("background-position");
		if( !pos ){
			pos=$(this).css("background-position-x");
			pos=pos+" "+$(this).css("background-position-y");
		}
		var w=$(this).css("width");
		var h=$(this).css("height");
		var pos2=jQuery.trim(pos).replace(baseh,heights);
		var d=$('<div />');
		d.css("position","absolute");
		d.css("left","0");
		d.css("top","0");
		d.css("line-height",h);
		d.css("background",imgurl+" "+pos+" no-repeat");
		d.css("width",w);
		d.css("height",h);
		d.appendTo(this);
		var cln=d.clone();
		cln.css("background-position",pos2)
		cln.appendTo(this);
		cln.hide();
			
	});
	$(ttags).css("background","none");
	$(ttags).css("class","");
	$(ttags+ 'a').css("background","none");

	$(ttags+ 'a').hover(
		function() {
			var fade = $('> div:last', this);
			if (fade.is(':animated')) {
				fade.stop().fadeTo(500, 1);
			} else {
				fade.fadeIn(500);
			}
		}, function () {
			var fade = $('> div:last', this);
			/*
			if (fade.is(':animated')) {
				//fade.stop();//.fadeTo(500, 0);
				fade.fadeTo(500, 0);
			} else {
				fade.fadeOut(500);
			}
			*/
			fade.fadeOut(500);
		});
}