ChangeProjectImage();

function ChangeProjectImage(){

	var img = $$("div.teaser-left img.keyvisual");
	var counter = 0;

	img.each(function(item){

		if(counter > 0){
			Effect.Fade(item, { to: 0.5 });
		}else{
			ActivateImage(item);
		}

		item.onclick = function(event){
			ResetImageHilite(item);
			var idString = item.id;
			var aId = idString.split('-');
			var id = aId[1];

			var image_id = GetImageID($(item).parentNode.parentNode.id);

			Effect.Pulsate(image_id, { pulses: 1, duration: 2.0, from: 0.3 });
			xajax_ChangeProjectImage(id, image_id);
		};

		item.onmouseover = function(event){
			Effect.Appear(item);
		}
		item.onmouseout = function(event){
			if(!$(item).hasClassName('active')){
				Effect.Fade(item, { duration: 1.0, to: 0.5 });
			}
		}
		counter ++;
	});
}

function GetImageID(item_id){
	var items = $$("#" + item_id + " div.teaser-center img.keyvisual");
	return items[0].id;
}

function ResetImageHilite(element){

	var items = $$("div.teaser-left img.keyvisual");
	items.each(function(item){
		$(item).removeClassName('active');
		Effect.Fade(item, { duration: 1.0, to: 0.5 });
	});
	ActivateImage(element);
}

function ActivateImage(element){
	Effect.Appear(element, { duration: 1.0});
	$(element).addClassName('active');
}

function HilteFirstMenu(id){

	if(id == 2){
		$('m_7').addClassName('active');
	}
}