var jqn_path='/plus/JQNotes';
var jqn_notesStyleNum = 9;//小纸条种类
var jqn_noteWidth = 250;
var jqn_noteHeight = 80;
var jqn_noteWidth_up = 60;
var jqn_noteHeight_up = 25;
var jqn_fade_time = 300; //动画时间
var jqn_fade=0.2;//淡化素质
var str_notes = "<div class='JQM_notes_c'><div class='JQM_notes'><div class=con><span class=id>108</span>可以在公司主站上加上一个合作单位（类似友情链接）</div><span class=date>2010-09-05 11:46:42</span></div><div class='JQM_notes'><div class=con><span class=id>107</span>刚发现，好像系统时间不对，差了12个小时！上班的时候记得修改一下。</div><span class=date>2010-09-04 09:28:58</span></div><div class='JQM_notes'><div class=con><span class=id>106</span>今天，周六，宅了一天，魔兽，午觉，“外带全家桶”……真是太TMD的休闲啦~明天不能这样了^_^</div><span class=date>2010-09-04 09:26:34</span></div><div class='JQM_notes'><div class=con><span class=id>105</span>嘿嘿，需要知道我的密码才能留言哦。</div><span class=date>2010-09-01 05:19:13</span></div><div class='JQM_notes'><div class=con><span class=id>104</span>刚刚发现公司网站统计IP翻了20倍，很奇怪，结果一查，原来是因为前段时间公司网站被挂马后的baidu缓存引来的流量。我热，要是真的就好了^_^。希望不要被惩罚。</div><span class=date>2010-08-31 03:58:23</span></div><div class='JQM_notes'><div class=con><span class=id>102</span>测试加密留言成功，这能很好的屏蔽垃圾留言。</div><span class=date>2010-08-31 03:49:45</span></div><div class='JQM_notes'><div class=con><span class=id>101</span>测试加密留言。</div><span class=date>2010-08-31 03:48:52</span></div><div class='JQM_notes'><div class=con><span class=id>97</span>昨天开车去了一趟学校，很长时间没有安静的观察过学校了，还是颇有感触。</div><span class=date>2010-08-30 04:52:35</span></div><div class='JQM_notes'><div class=con><span class=id>96</span>昨天下班的时候，老板肯定了这次首页设计。按自己的思路设计是对的。</div><span class=date>2010-08-25 12:05:34</span></div><div class='JQM_notes'><div class=con><span class=id>95</span>今天，李总过来了。没得意思。</div><span class=date>2010-08-20 02:11:30</span></div><div class='JQM_notes'><div class=con><span class=id>94</span>Ipad真是好东西，可惜没钱买。</div><span class=date>2010-08-13 09:53:51</span></div><div class='JQM_notes'><div class=con><span class=id>93</span>吃火锅碰上停电，热得像桑拿，相当的……爽...</div><span class=date>2010-08-13 09:53:25</span></div><div class='JQM_notes'><div class=con><span class=id>92</span>整了个无线路由，120，测试了下，还行。没有网线真自在。</div><span class=date>2010-08-10 07:52:48</span></div><div class='JQM_notes'><div class=con><span class=id>91</span>webkit测试。</div><span class=date>2010-07-29 09:55:21</span></div><div class='JQM_notes'><div class=con><span class=id>90</span>IE8测试。</div><span class=date>2010-07-29 09:55:10</span></div><div class='JQM_notes'><div class=con><span class=id>89</span>正则表达式30分钟入门教程：<a target=_blank href=http://deerchao.net/tutorials/regex/regex.htm>http://deerchao.net/tutorials/regex/regex.htm</a>  [有意义！]</div><span class=date>2010-07-29 09:13:04</span></div><div class='JQM_notes'><div class=con><span class=id>87</span>刚刚做终端机网线，算是休息了一下，得出一个结论：高级网线钳不是好东西！比不上我们的老式钳。</div><span class=date>2010-07-27 03:44:55</span></div><div class='JQM_notes'><div class=con><span class=id>86</span>将原来的mouseleave收缩改为click收缩。</div><span class=date>2010-07-27 01:59:19</span></div><div class='JQM_notes'><div class=con><span class=id>85</span>似乎很好，还能用，性能一般。</div><span class=date>2010-07-27 01:15:25</span></div><div class='JQM_notes'><div class=con><span class=id>84</span>现在的背景真难看……</div><span class=date>2010-07-27 01:07:39</span></div></div>";
$(document).ready(function(){
	$("body").append('<link href="'+jqn_path+'/images/style.css" rel="stylesheet" type="text/css" />');
	$("body").append(str_notes);
	$(".JQM_notes_c").prepend("<div style='clear:both;'><input type='button' class='add' value='言'></input><span class=close title=关闭所有>x</span></div><div class='submit'><form action="+jqn_path+"/Insert.php target=ad1jh8912jndsa post=method name=asdi12 id=asdi12><textarea name='con' id='con' style='width:"+(jqn_noteWidth-12)+";height:"+jqn_noteHeight+";'></textarea><iframe name='ad1jh8912jndsa' id='ad1jh8912jndsa' frameborder='0' width='0' height='0'></iframe></form></div>");
	jqn_o = $(".JQM_notes");
	jqn_zindex = 800;
	jqn_heightDef = 0;
	jqn_o.each(function(){
		incDiv($(this));
		jqn_heightDef += jqn_noteHeight_up;
	})//jqn_o.each end
	 
	$(".JQM_notes_c .close").click(function(){$(".JQM_notes").click();});
	
	$(".JQM_notes_c .add").click(function(){
		$(this).hide();
		$(".JQM_notes_c .submit").show(300,function(){
			$(".JQM_notes_c .submit #con").html("").focus();
		}).fadeTo(1,1);
		
	})
	
	var alertCon = "";
	$(".JQM_notes_c .submit textarea").keypress(function(event){
		if(event.keyCode ==13){
			if($(this).html()==""){$(".JQM_notes_c .submit").hide(300);$(".JQM_notes_c .add").show();return 0};		
			$(".JQM_notes_c .submit").after("<div class='JQM_notes newN"+jqn_zindex+"'><div class=con><span class=newAdd>new</span>"+$(this).html().replace(/\r\n/g,"<br />")+"</div></div>");		
			incDiv($(".newN"+jqn_zindex));
			$("#asdi12").submit();
			$(this).html("");
			$(".JQM_notes_c .submit").hide(300);
			$(".JQM_notes_c .add").show();
			jqn_zindex +=1;		
			}
		}).blur(function(){
			if($(this).html()==""){$(".JQM_notes_c .submit").hide(300);$(".JQM_notes_c .add").show();};
		})
	
})

var lastRN = 0;

function incDiv(o){
	var getRN = 0;
	
	while (lastRN == (getRN=GetRandom(jqn_notesStyleNum)));
	lastRN = getRN
	o.css("left",0).css("top",jqn_heightDef).css("width",jqn_noteWidth_up).css("height",jqn_noteHeight_up).fadeTo(1,jqn_fade).slideDown(100).addClass("n"+getRN).mouseenter(function(){jqn_zindex +=1;$(this).css("z-index",jqn_zindex).stop(true,true).css("overflow","auto").animate({width:jqn_noteWidth,height:jqn_noteHeight,opacity:0.95},jqn_fade_time );})./*mouseleave*/click(function(){$(this).stop(true,true).css("overflow","hidden").animate({width:jqn_noteWidth_up,height:jqn_noteHeight_up,opacity:jqn_fade},jqn_fade_time )});}
	//o.css("left",0).css("top",jqn_heightDef).css("width",jqn_noteWidth_up).css("height",jqn_noteHeight_up).fadeTo(1,jqn_fade).slideDown(100).addClass("n"+getRN).mouseenter(function(){jqn_zindex +=1;$(this).css("overflow","auto").css("z-index",jqn_zindex).stop(true,true).fadeTo(jqn_fade_time,1).animate({width:jqn_noteWidth,height:jqn_noteHeight},jqn_fade_time );}).mouseleave(function(){$(this).stop(true,true).css("overflow","hidden").fadeTo(jqn_fade_time,jqn_fade).animate({width:jqn_noteWidth_up,height:jqn_noteHeight_up},jqn_fade_time )});}

function GetRandom(n){return Math.floor(Math.random()*n+1)}



jQuery.fn.drag = function(){   
    return this.each(function(){   
        var draging = false;   
        var startLeft,startTop;   
        var startX,startY;   
           
        $(this).css('move');   
        $(this).mousedown(function(event){   
            var offset = $(this).offset();   
            startLeft = offset.left;   
            startTop = offset.top;   
            startX = event.clientX;   
            startY = event.clientY;   
            draging = true;   
        }).mousemove(function(event){   
            if (draging == false)return;   
            var deltaX = event.clientX - startX;   
            var deltaY = event.clientY - startY;   
            var left = startLeft + deltaX;   
            var top = startTop + deltaY;   
            $(this).css('left',left+'px').css('top',top+'px');   
        }).mouseup(function(event){   
            draging = false;   
        });   
    });   
}