// Delay 'plugin'
$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}

// Check that the page has loaded
$(document).ready(function() {

    /* HOMEPAGE */
    // Quote show none
    $('.home .quote').hide();

    var numQuotes = $('.home .quote').length;    
    var i = 0;
    
    // Fade in, pause, fade out
    function fade(val) {   
        $('.home .quote:eq('+i+')').fadeIn(1000, function() {
            $('.home .quote:eq('+i+')').fadeOut(1000, function() {
                
                // Evaluate - go to next quote or back to first
                if(i < numQuotes-1) {
                    i++;
                } else {
                    i=0;
                }            
                
                fade(i);
            
            });
        }).delay(6500); // pause 2000 seconds once faded in
    }
    
    fade(i);
    
    
    /* OUR WORK */    
    // Portfolio arrow animation
    $('#portfolio .portfolioItemImage').hover(
        
        //Mouseover
        function(){
            $(this).find('.overlay').dequeue();
            $(this).find('.overlay').animate({bottom: "43px"}, 600);        
        }, 
        
        // Mouseout
        function(){
            $(this).find('.overlay').animate({bottom: "-55px"}, 600);
        }
    );
    // Hover class for arrow
    $('#portfolio .portfolioItemImage .overlay').hover(
        
        //Mouseover
        function(){
            $(this).parents('.portfolioItem').find('.portfolioItemImage A').addClass('hover');
        }, 
        
        // Mouseout
        function(){
            $(this).parents('.portfolioItem').find('.portfolioItemImage A').removeClass('hover');
        }
    );  
    
    
    /* SELECTED WORK */
    // thumbnail arrow animation
    $('.selectedWorkThumb').hover(
        
        //Mouseover
        function(){
            $(this).find('.overlay').dequeue();
            $(this).find('.overlay').animate({left: "15px"}, 600);        
        }, 
        
        // Mouseout
        function(){
            $(this).find('.overlay').animate({left: "138px"}, 600);
        }
    );
    // Gallery
    $('.selectedWorkThumb A').click(function(){
    
        // Find out which image to load
        var img = $(this).attr('href');
        
        // Change image
        $('#selectedWorkCol2 IMG').attr('src', img);
        
        return false;
    });
    
    
    /* MEET THE TEAM */
    
    // Hide all team members but first
    $('.teamMember').hide();
    $('.teamMember:first').show();
    $('.teamLink:first').find('img').attr('src', 'i/teamUpArrow.gif');
    
    
    $('.teamLink').click(function() {
    
        var teamMember = $(this).attr('id');
        teamMember = teamMember.substring(8);
        
        if ($('#teamMember' + teamMember).css("display") != "none")
        {
            $('.teamMember').slideUp();
            $('.teamLink img').attr('src', 'i/teamDownArrow.gif');
        }
        else 
        {
            $('.teamMember').slideUp();
            $('.teamLink img').attr('src', 'i/teamDownArrow.gif');
            $(this).find('img').attr('src', 'i/teamUpArrow.gif');
            $('#teamMember' + teamMember).slideDown();
        }
        return false;
    });
    
    $('#teamImage AREA').click(function() {
        
        // Find out which team member clicked
        var teamMember = $(this).attr('class');
        
        // Hide all team members
        $('.teamMember').hide();
        
        // Display correct Team member
        $('.teamMember:eq('+ (teamMember-1) +')').show();
        
        return false;
    });
    
    
    
    /* EVENTS/RESEARCH/LITERATURE/VIDEO */
    
    // Show no quotes
    $('.imageTitle').hide();
    
    var numQuoteTitles = $('.imageTitle').length;        
    var i = 0;
    
    // Fade in, pause, fade out
    function fadeQuote(val) {   
        $('.imageTitle:eq('+i+')').fadeIn(1000, function() {
            $('.imageTitle:eq('+i+')').fadeOut(1000, function() {
                
                // Evaluate - go to next quote or back to first
                if(i < numQuoteTitles-1) {
                    i++;
                } else {
                    i=0;
                }            
                
                fadeQuote(i);
            
            });
        }).delay(2000); // pause 2000 seconds once faded in
    }
    
    fadeQuote(i);
    
    for (var count = 0; count < 20; count++)
    {
        setTimeout("resetInputs()", 50 * count);
    }
    timer = setInterval("resetInputs()", 250);

});

function resetInputs(){
    $('input').css("background-color", "#404040");

}