var updateRequest = null;
window.addEvent('domready', function() {  
//console.log(window.location.href);
if($$('.confirm')[0]) {
$$('.confirm').addEvent('click', function(e) {
  e.stop();
  if(confirm("Are you sure you want to permanently delete "+ $(this).get('rel'))) window.location=$(this).get('href');
  else return false;
});
}
var applyEvents = function(el) {
  var oldvalue = $(el).get('text');
 el.addEvent('click', function(e) {
 //console.log(self);
 var editarea = new Element('input', {'id':el.get('id'),'value':el.get('text')});
 editarea.replaces($(el));
 editarea.focus();
 editarea.addEvents({
	'keyup':function(e){
		if(e.key=='enter' || e.key=='return' || e.key=='tab') { 
		keissi = 'hyvaksy';
		this.blur();
		}
		else if(e.key=='esc') {
		keissi = 'peruuta';
		this.blur();
		}
	},
	'blur': function() {
		if (this.value != oldvalue && keissi === 'hyvaksy') {
		oldvalue = this.value;
		//console.log($(this).get('id'));
		updateRequest.setOptions({'data':'msg='+oldvalue+'&id='+$(this).get('id')}).send();
		}
		else { 
		//console.log($(this).get('id'));
		oldvalue = oldvalue;
		keissi = 'peruuta';
		updateRequest.setOptions({'data':'msg='+oldvalue+'&id='+$(this).get('id')}).send();
		}
	}
   });
 });
}
updateRequest = new Request({
			'url':window.location.href,
			'method':'post',
			'onSuccess':function(resp) {
			  if(resp) {
			  var stripresp = JSON.decode(resp);
			  //console.log(stripresp.id,stripresp.message);
			  //console.log(resp);
			  if($(stripresp.id)) {
			  var nspan = new Element('span', {'id':stripresp.id, 'text':stripresp.message}).addClass('editable').replaces($(stripresp.id));
			  applyEvents(nspan);
			  }
			  }
			}
		});
 var self = this;
$$('.editable').each(function(el) {
  applyEvents(el);
});

$$('#navigaatio a').each(function(el) {  
var oldsrc = el.getElement('img').get('src'); 
var newsrc = (lang=="en")?'navbareng/'+el.getElement('img').get('id')+'_f2.jpg':'tableimages/'+el.getElement('img').get('id')+'_f2.jpg'; 
	el.addEvents({
	'mouseenter': function() {
 	  el.getElement('img').set('src', newsrc); 
	},
        'mouseleave': function() { 
	  el.getElement('img').set('src', oldsrc); 
	}   
	}); 
    }); 
});