function showContent(which){
    $('#silverContent').hide();
    $('#goldContent').hide();
    $('#platinumContent').hide();
    $('#'+which+'Content').show();

    $('#silverTab').css('z-index',1);
    $('#platinumTab').css('z-index',1);
    
    $('#silverTab').css('margin-top',0);
    $('#goldTab').css('margin-top',0);			
    $('#platinumTab').css('margin-top',0);
    
    $('#silverTab').css('height','14px');
    $('#goldTab').css('height','14px');
    $('#platinumTab').css('height','14px');
    
    $('#'+which+'Tab').css('margin-top','-5px');
    $('#'+which+'Tab').css('height','19px');
}

function showSilver(){
    showContent('silver');
    $('#silverTab').css('z-index',3);
	$('#buttonOutliner').css('top','3px');
	$('#buttonOutliner').css('left','91px');
	$('#buttonOutliner').css('backgroundImage','url("img/silverActive.png")');
	$('#buttonOutliner').removeClass("filterGold filterPlatinum");
	$('#buttonOutliner').addClass("filterSilver");
}

function showGold(){ 
	showContent('gold'); 
	$('#buttonOutliner').css('top','17px');
	$('#buttonOutliner').css('left','246px');
	$('#buttonOutliner').css('backgroundImage','url("img/goldActive.png")');
	$('#buttonOutliner').removeClass("filterSilver filterPlatinum");
	$('#buttonOutliner').addClass("filterGold");
}
	
function showPlatinum(){
    showContent('platinum');
    $('#platinumTab').css('z-index',3);
	$('#buttonOutliner').css('top','3px');
	$('#buttonOutliner').css('left','401px');
	$('#buttonOutliner').css('backgroundImage','url("img/platinumActive.png")');
	$('#buttonOutliner').removeClass("filterSilver filterGold");
	$('#buttonOutliner').addClass("filterPlatinum");
}

$('#silverTab').hover(
    function() { showSilver(); }
);
$('#mapSilver').hover (
    function(event) { 
		showSilver(); 
		event.preventDefault();
	}
);

$('#goldTab').hover(
    function() { showGold(); }
);
$('#mapGold').hover(
    function(event) { 
		showGold(); 
		event.preventDefault();		
	}
);
        
$('#platinumTab').hover(
    function() { showPlatinum(); }
);
$('#mapPlatinum').hover(
    function(event) { 
		showPlatinum(); 
		event.preventDefault();		
	}
);		

