function show(id)
{
	var active = $('#container').data('tab_active');
	$('#container').data('tab_active', id);
	
	$('#'+active).fadeOut('fast', 
	    function() { 
	        $('#'+$('#container').data('tab_active')).fadeIn('slow'); 
	    } 
	);
	$('.nav_active').removeClass('nav_active');
	$('#nav_'+id).addClass('nav_active');
}

/**
 *
 * @access public
 * @return void
 **/
function loadstream(ele)
{
   $('#'+ele).twit('_zetta');
}


$(document).ready(function()
{
    $('#content').css('min-height', '210px');
	$('#container').data('tab_active', 'about');
    $('.trigger').click(function(){  
        show( $(this).attr('href').replace('#','') );
    });
    if(document.location.toString().match('#'))
        show(document.location.toString().split('#')[1]);
    loadstream('stream_content');
    
    loadGithubRepos('zetta','zettaProjects');
});

function loadGithubRepos(user,id)
{
    jQuery.ajax({
        url: 'http://github.com/api/v2/json/repos/show/'+user,
        data: {},
        dataType: 'jsonp',
        success: function (data) {
             $.each(data.repositories, function(i,item){
                var isFork = item.fork ? "<img src='pix/icons/famfamfam/arrow_divide.png' alt='a fork' />" : '';
                $('#'+id).append("<div class=project><img src='pix/icons/60/github.png' alt='"+item.name+"' />"+isFork+"<div>"+
                    "<div class='project_name'><a href='"+item.url+"'>"+item.name+"</a></div>"+
                    "<div class='project_description'>"+item.description+"</div>"+
                    "</div></div>");
            });
        }
    });
}