// JScript 文件

var common={

bind:function(o,ev,fn){
if (document.all){
   o.attachEvent('on'+ev,fn);////////////IE绑定上但是fn里this指向window
}
else{
   o.addEventListener(ev,fn,false);
}
return o;
},

addClass:function (el,cls){
var arrCls=cls.split(/[ ]+/);
if(el.className){
   for(var i=0;i<arrCls.length;i++){
    if(el.className.indexOf(arrCls[i])>=0){
     cls=cls.replace(new RegExp('[ ]*'+arrCls[i]+'[ ]*'),' ');////////有缺陷
    }
   }
   el.className=[el.className].concat(cls).join(' ');
}
else{
   el.className=cls;
}
},

removeClass:function (el,cls){
if(el.className){
   if(el.className.indexOf(cls)>=0){
    el.className=el.className.replace(new RegExp('[ ]*'+cls+'[ ]*','g'),' ');
   }
}
}

};

function init(){
var drag1=document.getElementById('addnew');
var drag1bar=drag1.getElementsByTagName('h3')[0];
new DragObject({module:drag1,handle:drag1bar});

var addnewPop=new Popup({module:drag1,background:document.getElementById('transparent')});
document.getElementById('addnew_btnclz').onclick=addnewPop.hide;
addnewPop.hide();
document.getElementById('con1').onclick=addnewPop.show1;
document.getElementById('con2').onclick=addnewPop.show2;
document.getElementById('con3').onclick=addnewPop.show3;
document.getElementById('con4').onclick=addnewPop.show4;
document.getElementById('con5').onclick=addnewPop.show5;
}

common.bind(window,'load',init);


function DragObject(args){
var module=typeof(args.module)=='string'?document.getElementById(args.module):args.module;
var handle=typeof(args.handle)=='string'?document.getElementById(args.handle):args.handle;

function startDrag(e){
   var e=e||window.event;
   //var elem=e.target||e.srcElement;
  
   document.onmousemove=onDrag;
   document.onmouseup=stopDrag;
  
   //储存当前坐标差值参数
   module.subX=module.offsetLeft-e.clientX;
   module.subY=module.offsetTop-e.clientY;
  
   return false;
}

function onDrag(e){
   e=e||window.event;
  
   module.style.left=module.subX+e.clientX+'px';
   module.style.top=module.subY+e.clientY+'px';
  
   return false;
}

function stopDrag(){
   document.onmousemove=null;
   document.onmouseup=null;
}

handle.onmousedown=startDrag;

}

function Popup(args){
var module=typeof(args.module)=='string'?document.getElementById(args.module):args.module;
var background=args.background?(typeof(args.background)=='string'?document.getElementById(args.background):args.background):null;
document.getElementById("absbox").style.display="";

this.show1=function(){
   common.addClass(module,'active');
   if(background){
    common.addClass(background,'active');
   }
   document.getElementById('content1').style.display="block";
   document.getElementById('content2').style.display="none";
   document.getElementById('content3').style.display="none";
   document.getElementById('content4').style.display="none";
   document.getElementById('content5').style.display="none";
   document.getElementById('conTitle1').style.display="block";
   document.getElementById('conTitle2').style.display="none";
   document.getElementById('conTitle3').style.display="none";
   document.getElementById('conTitle4').style.display="none";
   document.getElementById('conTitle5').style.display="none";
};

this.show2=function(){
   common.addClass(module,'active');
   if(background){
    common.addClass(background,'active');
   }
    document.getElementById('content1').style.display="none";
   document.getElementById('content2').style.display="block";
   document.getElementById('content3').style.display="none";
   document.getElementById('content4').style.display="none";
   document.getElementById('content5').style.display="none";
   document.getElementById('conTitle1').style.display="none";
   document.getElementById('conTitle2').style.display="block";
   document.getElementById('conTitle3').style.display="none";
   document.getElementById('conTitle4').style.display="none";
   document.getElementById('conTitle5').style.display="none";
};

this.show3=function(){
   common.addClass(module,'active');
   if(background){
    common.addClass(background,'active');
   }
    document.getElementById('content1').style.display="none";
   document.getElementById('content2').style.display="none";
   document.getElementById('content3').style.display="block";
   document.getElementById('content4').style.display="none";
   document.getElementById('content5').style.display="none";
   document.getElementById('conTitle1').style.display="none";
   document.getElementById('conTitle2').style.display="none";
   document.getElementById('conTitle3').style.display="block";
   document.getElementById('conTitle4').style.display="none";
   document.getElementById('conTitle5').style.display="none";
};

this.show4=function(){
   common.addClass(module,'active');
   if(background){
    common.addClass(background,'active');
   }
    document.getElementById('content1').style.display="none";
   document.getElementById('content2').style.display="none";
   document.getElementById('content3').style.display="none";
   document.getElementById('content4').style.display="block";
   document.getElementById('content5').style.display="none";
   document.getElementById('conTitle1').style.display="none";
   document.getElementById('conTitle2').style.display="none";
   document.getElementById('conTitle3').style.display="none";
   document.getElementById('conTitle4').style.display="block";
   document.getElementById('conTitle5').style.display="none";
};

this.show5=function(){
   common.addClass(module,'active');
   if(background){
    common.addClass(background,'active');
   }
    document.getElementById('content1').style.display="none";
   document.getElementById('content2').style.display="none";
   document.getElementById('content3').style.display="none";
   document.getElementById('content4').style.display="none";
   document.getElementById('content5').style.display="block";
   document.getElementById('conTitle1').style.display="none";
   document.getElementById('conTitle2').style.display="none";
   document.getElementById('conTitle3').style.display="none";
   document.getElementById('conTitle4').style.display="none";
   document.getElementById('conTitle5').style.display="block";
};

this.hide=function(){
   common.removeClass(module,'active');
   if(background){
    common.removeClass(background,'active');
   }
};
}