/**
 * @author Ricardo Mendieta
 */
$(document).ready(function(){
	$('#content').fadeIn(2000);
	$('#menulat').fadeIn(1000);
	$('#containerIntro').fadeIn(2000);
	
	var $fbIframe = $('<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FIn2Teck%2F201431119888121&amp;width=240&amp;colorscheme=light&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=60"'+
              		'scrolling="no" frameborder="0"'+
               		'style="border:none; overflow:hidden; width:265px; height:60px;" allowTransparency="true">'+
              		'</iframe>');

	var $twittFrame = $('<a href="http://twitter.com/In2Teck" class="twitter-follow-button" data-show-count="false" data-lang="es">Follow @In2Teck</a>'+
'<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>')

	var $titleFooter = $('<p class="copyright">In2Teck Soluciones S.A de C.V. 2011. Todos los derechos reservados. Dise&ntilde;o por '+
                '<a href="http://www.caramelovisual.com" target="_blank">CarameloVisual</a>.</p>');

	var $tumblrFrame = $('<a href="http://blog.in2teck.com" title="In2Teck en Tumblr" style="margin-right: 60px;" target="_blank"><img src="http://platform.tumblr.com/v1/share_2.png"></a>');
	
	$('.footer').append($fbIframe, $tumblrFrame, $twittFrame, $titleFooter);


    $(".rss-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
	
	 $(".maria-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
	
	 $(".coders-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
	
	$(".red-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
	
	$(".vasconia-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
	
	$(".grid-popup a").hover(function(){
        $(this).next("em").stop(true, true).animate({
            opacity: "show",
            top: "-60"
        }, "slow");
    }, 
	function(){
        $(this).next("em").animate({
            opacity: "hide",
            top: "-70"
        }, "fast");
    });
    
});

function showLogos(){
	$('#logo1').fadeOut(0).delay(500).fadeIn(1000);
	$('#logo2').fadeOut(0).delay(2000).fadeIn(1000);
	$('#logo3').fadeOut(0).delay(3500).fadeIn(1000);
	$('#logo4').fadeOut(0).delay(5000).fadeIn(1000);
	$('#logo5').fadeOut(0).delay(6500).fadeIn(1000);
	$('#logo6').fadeOut(0).delay(8000).fadeIn(1000);
	$('#logo7').fadeOut(0).delay(9500).fadeIn(1000);
	$('#logo8').fadeOut(0).delay(11000).fadeIn(1000);
}