$(document).ready(function(){
    
    var opened = false;
    var whichTab = '';
    
    var hideAllContent = function(){
        $('#creativeContent').hide();
        $('#digitalContent').hide();
        $('#strategyContent').hide();
        $('#ourworkContent').hide();
        $('#newsContent').hide();
    }
    
    var showSelectedTab = function(left) {
        $('#selectedTab').css('left', left);
    }
    
    $("#creativeTab").click(function(evt){
        
        if(!opened) {
            $('#creativeContent').slideDown('slow');
            $('#selectedTabContainer').show();
            showSelectedTab('90px');
            opened = true;
        } else {
            if(whichTab != 'creative') {
                hideAllContent();
                $('#creativeContent').show();
                showSelectedTab('90px');
                whichTab = 'creative';
            } else {
                $('#creativeContent').slideUp('slow', function(){
                    $('#selectedTabContainer').hide();
                });
                
                whichTab = '';
                opened = false;
            }
            
        }
        evt.preventDefault();
    });
    
    $("#digitalTab").click(function(evt){
        
        if(!opened) {
            $('#digitalContent').slideDown('slow');
            $('#selectedTabContainer').show();
            showSelectedTab('282px');
            opened = true;
        } else {
            if(whichTab != 'digital') {
                hideAllContent();
                $('#digitalContent').show();
                showSelectedTab('282px');
                whichTab = 'digital';
            } else {
                $('#digitalContent').slideUp('slow', function(){
                    $('#selectedTabContainer').hide();
                });
                whichTab = '';
                opened = false;
            }
            
        }
        evt.preventDefault();
    });
    
    $("#strategyTab").click(function(evt){
        
        if(!opened) {
            $('#strategyContent').slideDown('slow');
            $('#selectedTabContainer').show();
            showSelectedTab('474px');
            opened = true;
        } else {
            if(whichTab != 'strategy') {
                hideAllContent();
                $('#strategyContent').show();
                showSelectedTab('474px');
                whichTab = 'strategy';
            } else {
                $('#strategyContent').slideUp('slow', function(){
                    $('#selectedTabContainer').hide();
                });
                whichTab = '';
                opened = false;
            }
            
        }
        evt.preventDefault();
    });
    
    $("#ourworkTab").click(function(evt){
        
        if(!opened) {
            $('#ourworkContent').slideDown('slow');
            $('#selectedTabContainer').show();
            showSelectedTab('666px');
            opened = true;
        } else {
            if(whichTab != 'ourwork') {
                hideAllContent();
                $('#ourworkContent').show();
                showSelectedTab('666px');
                whichTab = 'ourwork';
            } else {
                $('#ourworkContent').slideUp('slow', function(){
                    $('#selectedTabContainer').hide();
                });
                whichTab = '';
                opened = false;
            }
            
        }
        evt.preventDefault();
    });
    
    $("#newsTab").click(function(evt){
        
        if(!opened) {
            $('#newsContent').slideDown('slow');
            $('#selectedTabContainer').show();
            showSelectedTab('858px');
            opened = true;
        } else {
            if(whichTab != 'news') {
                hideAllContent();
                $('#newsContent').show();
                showSelectedTab('858px');
                whichTab = 'news';
            } else {
                $('#newsContent').slideUp('slow', function(){
                    $('#selectedTabContainer').hide();
                });
                whichTab = '';
                opened = false;
            }
            
        }
        evt.preventDefault();
    });
    
})