if(window.addEventListener){
	window.addEventListener('load', int_load_itsmenuani_load, false);
} else {
	window.attachEvent('onload', int_load_itsmenuani_load);	
}
var lisubs =  new Array();
var paraeffect = 0;

function contains (this1,node) {
		if(node == this1) { return true; }
		if(node == null) { return false; }
		else { return contains(this1,node.parentNode); }

}

function int_load_itsmenuani_load () {
	

	var count = 0;
	var moveout = 100;
	var movein = 50;
	var anispeed = 0.5
	var width = $('tri_con_w1_inner').getWidth();
	$('tri_con_w1_inner').style.width=width+'px';
	$('tri_con_w1_inner').style.overflow='hidden';
	Event.observe('tri_con_w1_inner', 'mouseout', function(e) {	
		var target = e ? e.relatedTarget : event.toElement;

		e.stop();
		if(!contains(this, target)) {
			
			try {
				paraeffect.cancel();
			} catch (e) {
			}
		
			var effect1 = new Array();

			for (var i=0, item; item=lisubs[i]; i++) {
				lisubs[i].effect = new Effect.Tween(lisubs[i].item, $(lisubs[i].item).getWidth(),lisubs[i].width, { 					
					transition:Effect.Transitions.sinoidal,
					sync: true
					},
					function(p) { 
						this.style.width = p + 'px';
					}.bind($(lisubs[i].item))
				);
				effect1[i] = lisubs[i].effect;
			}
			paraeffect = new Effect.Parallel(effect1,{ 
				duration: anispeed,
				transition:Effect.Transitions.sinoidal
  			});
		}
	});
	$('tri_con_w1_inner').childElements().each( function (item) {
		var it =  new Array();
		it['width'] = item.getWidth();
		it['item'] = item.identify();
		lisubs[count] = it;
		count ++;		
		Event.observe(item, 'mouseover', function(e) {	
			e.stop();
			try {
				paraeffect.cancel();
			} catch (e) {
			}
			
			var activeid = this.id;
			for (var i=0, item; item=lisubs[i]; i++) {				
				if (this.id == lisubs[i].item ) {						
					lisubs[i].effect = new Effect.Tween(lisubs[i].item, $(lisubs[i].item).getWidth(),lisubs[i].width+moveout, { 
							transition:Effect.Transitions.sinoidal,
							sync: true
							},
							function(p) { 
								this.style.width = p + 'px';
							}.bind($(lisubs[i].item))
					);
						
					for (var j=0, item; item=lisubs[j]; j++) {
						
						if ( activeid != lisubs[j].item ) {
											
							lisubs[j].effect = new Effect.Tween(lisubs[j].item, $(lisubs[j].item).getWidth(),lisubs[j].width-movein, { 
									transition:Effect.Transitions.sinoidal,
									sync: true
									},
									function(p) { 
										this.style.width = p + 'px';
									}.bind($(lisubs[j].item))
								);					
						}
					}
				}		
			}
			var effect1 = new Array();

			for (var i=0, item; item=lisubs[i]; i++) {
				try {
					effect1[i] = lisubs[i].effect;
				} catch (e) {
				}
			}

			paraeffect = new Effect.Parallel(effect1,{ 
  				duration: anispeed,
  				transition:Effect.Transitions.sinoidal
  			});
		});
		
	}
	
	);
	if (count > 1) {
		movein=moveout/(count-1);
	}
	for (var i=0, item; item=lisubs[i]; i++) {
		$(lisubs[i].item).style.overflow='hidden';
	}
}