$(document).ready(function(){
    /* This code is executed after the DOM has been completely loaded */
    /* Script original adaptado pelo Maujor */
    /* Defining an array with the tab text and AJAX pages: */
    var Tabs = {
        'Bredi pela Bredi'	: 'paginas-ajax/sobre/informacoes.php',
        'Nós fazemos'	: 'paginas-ajax/sobre/o-que-fazemos.php',
    }

    /* The available colors for the tabs: */
    var colors = ['','','',''];

    /* The colors of the line above the tab when it is active:
	var topLineColor = {
		blue:'lightblue',
		green:'lightgreen',
		red:'red',
		orange:'orange'
	}*/

    /* Looping through the Tabs object: */
    var s=0
    $.each(Tabs,function(i,j){
        /* Sequentially creating the tabs and assigning a color from the array: */
        var tmp = $('<li class="tab_sobre'+(++s)+'"><a href="#" class="tab">'+i+'</a></li>');

        /* Setting the page data for each hyperlink: */
        tmp.find('a').data('page',j);

        /* Adding the tab to the UL container: */
        $('ul.tabContainer').append(tmp);
    })

    /* Caching the tabs into a variable for better performance: */
    var the_tabs = $('.tab');

    the_tabs.click(function(e){
        var element = $(this);
        element.parent('li').siblings('li').children('a').removeClass('corrente');
        element.addClass('corrente');




        /* Checking whether the AJAX fetched page has been cached: */
		
        if(!element.data('cache'))
        {
            /* If no cache is present, show the gif preloader and run an AJAX request: */
            $('#contentHolder').html('<img src="imagens/ajax_preloader.gif" width="64" height="64" class="preloader" />');

            $.get(element.data('page'),function(msg){
                $('#contentHolder').html(msg);

                /* After page was received, add it to the cache for the current hyperlink: */
                element.data('cache',msg);
            });
        }
        else $('#contentHolder').html(element.data('cache'));

        e.preventDefault();
    })

    /* Emulating a click on the first tab so that the content area is not empty: */
    the_tabs.eq(0).click();
});