$(document).ready(function(){
    $('div.pane').hide();
    resetTabs();
    prepareOnClickTabsListner();
    hideCaseStudies();
    hideLightboxContent();
    
    $('#pagecontent').hide().fadeIn('500');
    
    $("#banner").hide().animate({
        height: 'show',
        opacity: 'show'
    }, 700);
    
    
    $('#our-work-switcher a').click(function(){
        if ($(this).hasClass('active')) 
            return false;
        else {
            $('#our-work-switcher a').removeClass('active');
            $(this).addClass('active');
            
            if ($(this).attr('id') == 'portfolio-switcher') {
                $('#case-studies').hide("slide", {
                    direction: "right"
                }, 500);
                $('#portfolio').show("slide", {
                    direction: "left"
                }, 500);
            }
            else {
                $('#portfolio').hide("slide", {
                    direction: "left"
                }, 500);
                $('#case-studies').show("slide", {
                    direction: "right"
                }, 500);
                
            }
        }
        return false;
    });
    
    
    $('#intro-switcher a').click(function(){
        if ($(this).hasClass('active')) 
            return false;
        else {
            $('#intro-switcher a').removeClass('active');
            $(this).addClass('active');
            console.log(this);
            if ($(this).attr('id') == 'introduction-button') {
                $('#content-intro').css("height", "400px");
                $('#intro-why-video').hide("slide", {
                    direction: "right"
                }, 500);
                $('#intro-who-are-you').show("slide", {
                    direction: "left"
                }, 500);
            }
            else {
                $('#content-intro').css("height", "1300px");
                $('#intro-who-are-you').hide("slide", {
                    direction: "left"
                }, 500);
                $('#intro-why-video').show("slide", {
                    direction: "right"
                }, 500);
            }
        }
        return false;
    });
    
    
    $("img.thumbtop").hover(function(){
        $(this).stop().animate({
            "opacity": "0"
        }, "fast");
    }, function(){
        $(this).stop().animate({
            "opacity": "1"
        }, "fast");
    });
    
    
    
});


$(document).ready(function(){

    /* This is basic - uses default settings */
    
    $("a#test").fancybox();
    $("#portfolio-grid a, #case-studies-grid a").fancybox();
    $("#showShowreel").fancybox();
    
    /* Using custom settings */
    
    $("a#inline").fancybox({
        'hideOnContentClick': true
    });
    
    /* Apply fancybox to multiple items */
    
    $("a.group").fancybox({
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 600,
        'speedOut': 200,
        'overlayShow': false
    });
    
});


function resetTabs(){
    // setting the tabs in the sidebar hide and show, setting the current tab
    $('div#tabbed div.tab-content').hide();
    $('div#tabbed ul#tabs li a:first').addClass('tab-current');
    $('div#tabbed div:first').show();
};



function prepareOnClickTabsListner(){
    // SIDEBAR TABS
    $('div#tabbed ul li a').click(function(){
        var thisClass = $(this).attr('id');
        if (thisClass != 'introduction-button' && thisClass != 'why-video-button') {
            $('div#tabbed div.tab-content').hide();
            $('div#content-' + thisClass).fadeIn();
            $('div#tabbed ul#tabs li a').removeClass('tab-current');
            $(this).addClass('tab-current');
            return false;
        }
        
    });
}

function hideCaseStudies(){
    $('#case-studies').hide();
    $('#case-studies, #portfolio').css({
        'position': 'absolute'
    });
    $('#portfolio-switcher').addClass('active');
    $('#intro-why-video').hide();
    
}

function hideLightboxContent(){
    //$('.case-study').hide();
}




