// Drag & Drop in JavaScript

var dragObject, offsetX, offsetY, isDragging=false;
//window.onload = init;
document.onmousemove = mM;
document.onmouseup = mU;

function init(dragObject,links,oben) {
        var ob = document.getElementById(dragObject);

        ob.ondrag=function(){return false;};
        ob.onselectstart=function(){return false;};

        ob.style.left=links;
        ob.style.top=oben;
        ob.style.display="block";
}

function mD(ob,e) {
        dragObject = ob;

        if (window.event) e=window.event;

        var dragX = parseInt(dragObject.style.left);
        var dragY = parseInt(dragObject.style.top);

        var mouseX = e.clientX;
        var mouseY = e.clientY;

        offsetX = mouseX - dragX;
        offsetY = mouseY - dragY;

        isDragging = true;

        return false;
}

function mM(e) {
        if (!isDragging) return;

        if (window.event) e=window.event;

        var newX = e.clientX - offsetX;
        var newY = e.clientY - offsetY;

        dragObject.style.left = newX + "px";
        dragObject.style.top = newY + "px";

        return false;
}

function mU() {
        if (!isDragging) return;

        isDragging = false;

        return false;
}

// -----------Fader-------------


var c=0;
var obj;
var speed=1;
if(navigator.userAgent.indexOf("Chrome")>0)
speed=50;

function infade(dragObject){
obj=document.getElementById(dragObject);
obj.style.filter='alpha(opacity=0)';
obj.style.opacity=0;
//if(navigator.appName=="Microsoft Internet Explorer"){
c=0
fadeInOut('in');
}
/*else
 obj.style.display='block';
}
*/

function outfade(dragObject){
/*obj=document.getElementById(dragObject);
if(navigator.appName=="Microsoft Internet Explorer"){
c=100
fadeInOut('out');
}
else
*/
 document.getElementById(dragObject).style.display='none';
}

function fadeInOut(dir){
if(obj.filters) {
obj.style.filter='alpha(opacity='+c+')';
}
else {
obj.style.opacity=c/100;
}
if(dir=='in') {
dir1='in'
c+=5;
}
else {
dir1='out';
c-=5;
}
if(c>100){
c=100;
return;
}
if(c<0){
c=0;
obj.style.display='none';
return;
}
setTimeout('fadeInOut(dir1)',speed)
}
