$(document).ready(init);
	var txt;
	function init() {
		tips();
	}
	function tips() {
		var mj01 = $('img#mj01');
		var mj02 = $('img#mj02');
		var mj03 = $('img#mj03');
		var mj04 = $('img#mj04');
		
		mj01.mouseover(over);
		mj01.mouseout(out);
		mj02.mouseover(over);
		mj02.mouseout(out);
		mj03.mouseover(over);
		mj03.mouseout(out);
		mj04.mouseover(over);
		mj04.mouseout(out);
	}
	
	function over(evt) {
		//alert(evt.target.id);
		$('body').append('<div id="tips"></div>');
		$('div#tips').append('<img src="../img/campaign/tips_'+evt.currentTarget.id+'.gif" />');
		
		$('div#tips').css({'position':'absolute','top':'0','left':'0'});
		$('div#tips').css('background-color','transparent');
		$('div#tips').css('display','none');
		
		$('div#tips').fadeIn(300);
		
		$(evt.currentTarget).mousemove(moves);

	}
	
	function moves(evt) {
		var clX = evt.clientX;
		var clY = evt.clientY;
		if(evt.currentTarget.id == "mj01") {
			$('div#tips').css({'top':evt.pageY,'left':evt.pageX + 30});
		}
		if(evt.currentTarget.id == "mj02") {
			$('div#tips').css({'top':evt.pageY,'left':evt.pageX - 290});
		}
		if(evt.currentTarget.id == "mj03") {
			$('div#tips').css({'top':evt.pageY,'left':evt.pageX - 275});
		}
		if(evt.currentTarget.id == "mj04") {
			$('div#tips').css({'top':evt.pageY,'left':evt.pageX + 30});
		}
	}
	
	function out(evt) {
		$('div#tips').fadeOut(150,function() {
			$(this).remove();	
		});
	}