$(function() {
	$(".linkman").css({top:document.documentElement.clientHeight -300});
	var menuYloc = $(".linkman").offset().top;
	$(window).scroll(function (){ 
		var offsetTop = menuYloc + $(window).scrollTop() +"px";
		$(".linkman").animate({top : offsetTop },{ duration:600 , queue:false });
	});
});
var divoffset = 15;
$(function() {
    $(document.body).append('<div class="mark" ></div>');
    var mark = $(".mark");
    $('.linkmancenter img:eq(0)').bind('mouseover', function(e) {
        Mouse(e);        
	mark.html('<img src="img/linkman/mark1.gif" />');
        mark.css({position: 'absolute', top: toppos, left: leftpos });
        mark.show();
    }).bind('mousemove', function(e) {
        Mouse(e);
        mark.css({ top: toppos, left: leftpos });
    }).bind('mouseout', function() {
        mark.hide();
    });
    $('.linkmancenter img:eq(1)').bind('mouseover', function(e) {
        Mouse(e);        
	mark.html('<img src="img/linkman/mark2.gif" />');
        mark.css({position: 'absolute', top: toppos, left: leftpos });
        mark.show();
    }).bind('mousemove', function(e) {
        Mouse(e);
        mark.css({ top: toppos, left: leftpos });
    }).bind('mouseout', function() {
        mark.hide();
    });
});
var Mouse = function(e) {
    mouse = new MouseEvent(e);
    leftpos = mouse.x - divoffset -80;
    toppos = mouse.y + divoffset;
    if (leftpos>document.documentElement.clientWidth-195) {
      leftpos=document.documentElement.clientWidth-195;
    }
}
var MouseEvent = function(e) {
    this.x = e.pageX
    this.y = e.pageY
}