var config = {
		EDITOR_URL: '/form',
		CONSTAINER_CLASS: 'content',
		CONSTAINER_CLASS2: 'item'		
}

document.observe('dom:loaded', function() {
	
	if($('wrapper')){
		$('wrapper').observe('mouseover', showMenus);
		$('wrapper').observe('mouseout', hideMenus);
	}
	
	if($('main').select('.readmore')){
		$('main').select('.readmore').each(function(e){
			$(e).observe('click', expandContent);
		});
	}

});

function expandContent(e){
	var el = e.element();
	var parentEl = $(el).up();
	var tmp_content = $(el).up().innerHTML;
	var tmp = $(el).id.split('_');
	var tableName = tmp[1];
	var contentId = tmp[2];
	
	//load the content
	new Ajax.Request(config.EDITOR_URL,
	{
	    method:'post',
	    parameters:{mode: 'load_content', content_id: contentId, table_name : tableName},
	    onLoading: function(response){
	    	ed.setProgressState(1); // Show progress
	    },
	    onComplete: function(response){
	    	
	      	var content = response.responseText;
	      	
	      	//create a close button
	      	var btn_close = new Element('em').update('Dölj');
	      	btn_close.writeAttribute({'class' : 'fold'});
	      	btn_close.observe('click', function(e2){
	      				var el2 = e2.element();
						$(parentEl).update(tmp_content);
						if($('main').select('.readmore')){
							$('main').select('.readmore').each(function(e){
								$(e).observe('click', expandContent);
							});
						}
	      	});
	      	
	      	$(parentEl).update(content);
	      	$(parentEl).appendChild(btn_close);
	     
	     
	     },
	    onFailure: function(){ alert('Something went wrong...') }
	 });
	
}


function showMenus(e){
	var el = e.element();
	if(isMouseLeaveOrEnter(e,$('wrapper'))){
	$('wrapper').select('.menu-div').each(function (div) {
	//$(div).show();
	
		Effect.Appear($(div).id, {
			duration: 0.4
		});
	
	});
	}
	
	
}

function hideMenus(e){
	var el = e.element();

	if(isMouseLeaveOrEnter(e,$('wrapper'))){
		$('wrapper').select('.menu-div').each(function (div) {
		
		//setTimeout("hideElement('" + $(el) + "')", 1);
		
		//$(div).hide();	
			
			Effect.SwitchOff($(div).id, {
				duration: 0.8
			});
			
		});
		
	}
}


function isMouseLeaveOrEnter(e, handler) {
	if (e.type != 'mouseout' && e.type != 'mouseover') return false;
	var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
	while (reltg && reltg != handler)
	reltg = reltg.parentNode;
	return (reltg != handler);
}