// JavaScript Document
/*
	url: http://hector2c.wordpress.com
	autor: héctor alfredo chiguay copa
	msn: hector2c@live.com
	
	ejecutando:
		jQuery("#tab").tab();

	html:
        <div id="tab" class="tab">
            <ul>
                <li><a href="#tab1">Internet</a></li>
                <li><a href="#tab2">Wap</a></li>
                <li><a href="#tab3">jQuery</a></li>
            </ul>
            <div id="tab1">parrafo 1</div>
            <div id="tab2">parrafo 2</div>
            <div id="tab3">parrafo 3</div>
			<div class='pie'>esto es OPCIONAL</div>
		</div>

*/

jQuery.fn.tab = function() {
	var div = jQuery(this);
	jQuery(div).find("div:not(.pie)").hide().eq(0).show();
	jQuery(div).find("ul li a").eq(0).addClass('selected');
	jQuery(div).find("ul li a").click(function(){
		jQuery(div).find("ul li a").removeClass('selected');
		jQuery(this).addClass('selected');
		jQuery(div).find("div:not(.pie)").hide();
		
		jQuery( jQuery(this).attr('href') ).fadeIn("slow");
//		jQuery( jQuery(this).attr('href') ).fadeIn();

	});
}