/**
 * JS
 * (c) 2008 Darío G. Ruellan / ecimTech
 * http://www.ecimtech.com
 * @import:jquery/jquery.ahover.js
 */

$(function()
{
	$('#mainheader').prepend('<div id="anim"><div class="main_ecimpress"></div></div>');
	$('#main_menu a').mouseover(function()
	{
		var id = $(this).attr("id");
		headerTransition(id);
	});
	$('#main_menu li').ahover( { toggleEffect: "width", toggleSpeed: 150, hoverSpeed: 150 } );
	
});

/**
 * Realiza transicion de header y otros efectos
 * @param id string
 * @return void
 */
function headerTransition(id)
{
	var idClass		= '.'+id;
	var classExists	= $(idClass).get();
	var elements	= $("#anim div").size();
	var idPosition	= $("#anim div").index( $(idClass)[0] );
	
	if ( elements == idPosition+1 )
		return;
	
	if ( classExists == "" )
		$('#anim').append('<div class="'+ id +'"></div>');
	else
		$(idClass).appendTo("#anim");
		
	$(idClass).ready(function()
	{
			$(idClass).hide().css("top", -20).animate(
			{
					opacity: 'show',
					top: 0
			}, "normal")
	});
}