var usando=0;

$ = function(el){
    if(document.getElementById) return document.getElementById(el);
    else alert("Erro ao capturar elemento via 'id'");
}

$TAG = function(tag){
    if(document.getElementsByTagName) return document.getElementsByTagName(tag);
    else alert("Erro ao capturar elementos via 'tag'");
}

function iloader(imagem_){
    var ns = (navigator.appName == "Netscape")?true:false;
    var caixa_ = document.createElement('div');
    caixa_.setAttribute("id",'caixa');
    document.body.appendChild(caixa_);
    caixa_.innerHTML = "<div id='fechar'><a href='#'>Fechar [x]</a></div><img src='"+imagem_+"'/>";
    var mouseX;
    var mouseY;
    var arrastando;
    document.body.onmousedown = function(e){
        mouseX = (ns)?e.pageX:event.clientX;
        mouseY = (ns)?e.pageY:event.clientY;
        mouseX = mouseX - caixa_.offsetLeft;
        mouseY = mouseY - caixa_.offsetTop;
        arrastando = true;
    }
    document.body.onmousemove = function(e){
        if(arrastando == true){
            var mmX = (ns)?e.pageX:event.clientX;
            var mmY = (ns)?e.pageY:event.clientY;
            caixa_.style.top = mmY - mouseY+'px';
            caixa_.style.left = mmX - mouseX+'px';
        }
    }
    document.body.onmouseup = function(){
        arrastando = false;
    }
    $('fechar').onclick = function(){
        usando=0;
        document.body.removeChild(this.parentNode);
    }
}

window.onload = function(){
    var ligacao = $TAG('a');
    for(var i in ligacao){
        if(ligacao[ i ].rel == "iloader"){
            ligacao[ i ].onclick = function(){
                usando++;
                (usando < 2)?iloader(this.href):false;
                return false;
            }
        }
    }
}