Event.observe(window, 'load', loaded);

function fiximage(i) {
	i.src='/images/unknown2.png';
}
         	
function loaded() {
    Sortable.create('websiteList',{tag:'li',onUpdate:saveOrder,scroll:window,handle:'dragHandle'});
    if($('address')) {
        Event.observe('address','keypress', addOnEnter);
        $('address').focus();
    }
}

function saveOrder(obj) {
    var order = Sortable.serialize('websiteList');
    new Ajax.Request('/rpc', {parameters: {action:'Order',order:order}, method:'post'});
}

function deleteSite(id) {
    new Ajax.Request('/rpc',{parameters:{action:'Delete',id:id}
		,method:'post',onSuccess:function(transport) {
	        new Effect.BlindUp($('site_'+id),{afterFinish:function(){$('site_'+id).remove();}});
        }
    });
}

function addOnEnter(event) {
    if(event.keyCode==13) {
        add();
    }
}

function add() {
    $('noSites').hide();
    $('errorMsg').hide();
    new Ajax.Request('/rpc',{parameters:{action:'Add',address:$F('address')}
        ,method:'post',evalJSON:'force',onSuccess:function(transport) {
            var result=transport.responseJSON;
            if(Object.isUndefined(result.error)) {
                var code = result.html;
                new Insertion.Top('websiteList',code);
                new Effect.BlindDown($('site_'+result.id),{afterFinish:initSort});
                $('address').value='http://';
            } else {
                $('errorMsg').innerHTML=result.error;
                $('errorMsg').show();
            }
        }
    });        
}

function initSort() {
    Sortable.create('websiteList',{tag:'li',onUpdate:saveOrder});
}