var Ajax;
if (Ajax && (Ajax != null)) {
	Ajax.Responders.register({
	  onCreate: function() {
        if($('spinner') && Ajax.activeRequestCount>0)
          Effect.Appear('spinner',{duration:0.5,queue:'end'});
	  },
	  onComplete: function() {
        if($('spinner') && Ajax.activeRequestCount==0)
          Effect.Fade('spinner',{duration:0.5,queue:'end'});
	  }
	});
}

$(function(){
    $('.menu li').click(function() {selectPage(this);});

    $('.infoTp2popUp').click(function() {descriptionShow(this);});

    $('#btFecharTeste').click(function() {descriptionHide();});

    $('.infoTp2').click(function() {topicShow(this);});
	
});

function topicShow(elemento){

    var esconde = {
        display : "none"
    }
    var aparece = {
        display : "block"
    }

    //$(".topicText").css(esconde);
    //$("#topic"+elemento.id).css(aparece);
	
	$(".topicText").hide();
	$("#topic"+elemento.id).show("slide", { direction: "left" }, 1000);
}

function selectPage(element){

	idPage = element.id;
	$("#descriptionDiv").hide();
	$(".labelPage").hide();
	$("#pg"+idPage).show();
	$("#ft"+idPage).show();
    topicShow(element);
}

function descriptionShow(elemento){

    var esconde = {
        display : "none"
    }
    var aparece = {
        display : "block"
    }

    $(".descriptionText").css(esconde);
    $("#description"+elemento.id).css(aparece);


    var link = $('.footer');
    var offset = link.offset();
    var descriptionDiv = $("#descriptionDiv");
    var largura = ($(window).width() / 2) - (500 / 2);

    var style = {
        position : "absolute",
        left : (largura) + "px",
        top : offset.top - 500 + "px"
    };

    descriptionDiv.css(style);
    $("#bubble-arrow").css( {
        left : "250px"
    });
    descriptionDiv.fadeIn(500);
    //$('#nomeTeste').focus();

}

function descriptionHide(){
    $("#descriptionDiv").hide();
}