window.addEvent('domready', function() {
	if($('main-left-navigation'))
	{

		var menuitems = $('main-left-navigation').getElements('.subpagesummaries');

		menuitems.each(function(item,index){

			var container = new Element('div');
			container.id = 'subteaser-container-'+index;
			item.adopt(container);

			var container_top = new Element('div');
			container_top.addClass('subteaser-container-top');
			container.adopt(container_top);

			var container_mid =  new Element('div');
			container_mid.addClass('subteaser-container-mid');
			container.adopt(container_mid);

			var container_mid_content = new Element('div');
			container_mid_content.addClass('subteaser-container-mid-content');
			container_mid_content.id = 'subteaser-container-mid-content-'+index;
			container_mid_content.addClass('loading');
			container_mid.adopt(container_mid_content);

			var container_bottom = new Element('div');
			container_bottom.addClass('subteaser-container-bottom');
			container.adopt(container_bottom);

			$('subteaser-container-'+index).addClass('subteaser-container');


			item.addListener('mouseover',function(){

				menuitems[index].addClass('hassub-mouseover');

				fadein = function() {
					$('subteaser-container-'+index).setStyle('display','block');
					$('subteaser-container-'+index).fade('in');

					content = $('subteaser-container-mid-content-'+index).getChildren();
					if(content.length<1)
					{
						var container = $('subteaser-container-'+index);
						var target = $('subteaser-container-mid-content-'+index);
						$('subteaser-container-mid-content-'+index).set('load', {
							onSuccess : function(e) {
								target.removeClass('loading');
								var container_position 		= container.getPosition();
								var container_dimensions 	= container.getSize();
								var target_dimensions 		= target.getSize();
								var window_dimensions 		= window.getSize();
								if((window_dimensions['y']-container_position['y'])<(target_dimensions['y']+20))
								{
									container.setStyle('top','-'+(target_dimensions['y'])+'px');
								}
							}
						});
						uid_parts = menuitems[index].id.split('-');
						if(sys_language_uid)
							var lang = '&L='+sys_language_uid;
						else
							var lang = '';

						$('subteaser-container-mid-content-'+index).load('index.php?eID=subteaser&id='+uid_parts[1]+lang);
					}

				};
				fadein.delay(200);

			});

			item.addListener('mouseout',function(item){
				menuitems[index].removeClass('hassub-mouseover');
				fadeout = function() {
					$('subteaser-container-'+index).fade('out');
					//$('subteaser-container-'+index).setStyle('display','none');
				};
				fadeout.delay(200);
			});

		});

	}
});

