$(document).ready(function(){
    $.preloadCssImages();

    var slides = ['strategy', 'branding', 'mechanics'];
    var current = 'strategy';
    var j = 0;
    
    for(var i=0;i<slides.length;i++){
        $('li#' + slides[i]).click(function(){            
            if($(this).attr('id') != current){
                var temp = $(this).attr('id'); 
                $('#' + current + '-text').fadeOut('slow', function(){                                        
                    $('.home-slide').removeClass(current);                    
                    current = temp;
                    for(var l = 0;l<slides.length;l++){
                        if(slides[l] == current){
                            j = l;
                            break;
                        }
                    }                    
                    $('.home-slide').addClass(current);                    
                    $('#' + current + '-text').fadeIn('slow');
                });                                                                                                 
            }
        });
        
        $('#' + slides[i]).hover(function(){onOver = true;clearInterval(processor);}, function(){onOver = false;slideShow();})
    }
    
    var onOver = false;    
    
    var processor = null;
    
    var slideShow = function(){
        var busy = false;
                        
        processor = setInterval(function(){
            if(!busy && !onOver){
                busy = true;                                     
                                     
                $('#' + current + '-text').fadeOut('slow', function(){                    
                    $('.home-slide').removeClass(current);                    
                    j++;                                        
                    if(j == slides.length) j = 0;                    
                    current = slides[j];                                                             
                    $('.home-slide').addClass(current);                    
                    $('#' + current + '-text').fadeIn('slow', function(){busy = false});                                        
                });                                                                                                                                                               
            }
        }, 9000);
    }
    
    slideShow();
});