/* overwrites jquery's fade functions to overcome IE7 ClearType bug */
jQuery.fn.fadeIn = function(speed, callback) {
   return this.animate({opacity: 'show'}, speed, function() { 
       if (jQuery.browser.msie)  
           this.style.removeAttribute('filter');  
       if (jQuery.isFunction(callback)) 
           callback();  
   }); 
};
jQuery.fn.fadeOut = function(speed, callback) {
   return this.animate({opacity: 'hide'}, speed, function() { 
       if (jQuery.browser.msie)  
           this.style.removeAttribute('filter');  
       if (jQuery.isFunction(callback)) 
           callback();  
   }); 
};
jQuery.fn.fadeTo = function(speed,to,callback) {
   return this.animate({opacity: to}, speed, function() { 
       if (to == 1 && jQuery.browser.msie)  
           this.style.removeAttribute('filter');  
       if (jQuery.isFunction(callback)) 
           callback();  
   }); 
};     
//Written by Scott Greenfield - Web Developer, DD|A
var a = 8; //change this number if you add or remove people
var i = 1; //leave this number alone
function swapStart(classFadeIn,url,id){
    $(classFadeIn).fadeOut(600);               
    i = 1;
    while (i <= a){
        $("#thumb"+i.toString()+"_text").fadeOut(600);    
        i=i+1;
    }    
    setTimeout( "swapEnd('"+classFadeIn+"','"+url+"','"+id+"');" , 600);}
function swapEnd(classFadeIn,url,id){
    $(classFadeIn).css('background-image',url);
    $(classFadeIn).fadeIn(600);
    bioText(id);    
}    
function bioText(bioID){
    $("#"+bioID+"_text").fadeIn(600);    
}
$(document).ready(function(){
    var id = "0";
    $(".thumbnail img").mouseup(function(){
        id = $(this).attr("id");
        var url = "url(images/people/"+id+"_big.jpg)"
        $("#main_pic_switch").removeClass();                                
        $("#main_pic_switch").addClass("main_pic");                
        swapStart("#main_pic_switch",url,id);
        i = 1;
        while (i <= a){
            if (id == "thumb"+i.toString()){
                $("#main_pic_switch").addClass(i.toString());
            }
            i=i+1;
        }
        $(".thumbnail img").removeClass("thumbnail_pic_hover");
        $(this).addClass("thumbnail_pic_hover");                        
    });        
    $(".thumbnail img").hover(function(){
        $(this).addClass("thumbnail_pic_hover");        
        $(this).removeClass("thumbnail_pic");
    },function(){
        if (id == "0"){
            var remove="yes"
            var main_pic = $("#main_pic_switch").attr("class");
            i = 1;
            while (i <= a){
                if (main_pic == "main_pic "+i.toString()){
                    if ($(this).attr("id") == "thumb"+i.toString()){
                        remove="no"
                    }
                }                    
                i=i+1;
            }                    
            if (remove == "yes"){                
                $(this).addClass("thumbnail_pic");        
                $(this).removeClass("thumbnail_pic_hover");
            }
        }else{
            id = "0";
        }
    });
    var id = "0";
    $(".resume_slider").mouseup(function(){
        id = $(this).attr("id");
        i = 1;
        while (i <= a){
            if (id == "rs"+i.toString()){
                $("#thumb"+i.toString()+"_text").slideUp(600);            
                setTimeout("$('#thumb"+i.toString()+"_text_full').slideDown(600);" , 600);                    
            }else{
                $("#thumb"+i.toString()+"_text_full").slideUp(600);
            }
            i=i+1;
        }                
    });        
    $(".resume_slider2").mouseup(function(){
        id = $(this).attr("id");
        i = 1;
        while (i <= a){
            if (id == "rst"+i.toString()){
                $("#thumb"+i.toString()+"_text_full").slideUp(600);            
                setTimeout("$('#thumb"+i.toString()+"_text').slideDown(600);" , 600);                                            
            }
            i=i+1;
        }                
    });  
    $(".thumbnail").mouseup(function(){
        i = 1;
        while (i <= a){
            $("#thumb"+i.toString()+"_text_full").fadeOut(600);
            i=i+1;
        }                
    });                
});