$(document).ready(function() {

    /**** Functions for revealing and hiding each principle picture and text ****/
    
    function fadeOutPicture() {
        
        var currentPicture = $(this).attr('id');
        
        if (currentPicture == 'one' ||
            currentPicture == 'seven' ||
            currentPicture == 'eight') {
        
            $('#one-hover').fadeOut();
            $('#seven-hover').fadeOut();
            $('#eight-hover').fadeOut();
        
        }
        else if (currentPicture == 'two') {
            $('#two-hover').fadeOut();
        }
        else if (currentPicture == 'three' ||
                 currentPicture == 'six' ||
                 currentPicture == 'ten') {
            $('#three-hover').fadeOut();
            $('#six-hover').fadeOut();
            $('#ten-hover').fadeOut();      
        }
        else if (currentPicture == 'four' ||
                 currentPicture == 'five') {
            $('#four-hover').fadeOut();
            $('#five-hover').fadeOut();      
        }
        else if (currentPicture == 'eleven') {
            $('#eleven-hover').fadeOut();
        }
        
    }
    
    function fadeInPicture() {
        
        var currentPicture = $(this).attr('id');
        
        if (currentPicture == 'one' ||
            currentPicture == 'seven' ||
            currentPicture == 'eight') {
        
            $('#one-hover').fadeIn();
            $('#seven-hover').fadeIn();
            $('#eight-hover').fadeIn();
        
        }
        else if (currentPicture == 'three' ||
                 currentPicture == 'six' ||
                 currentPicture == 'ten') {
            $('#three-hover').fadeIn();
            $('#six-hover').fadeIn();
            $('#ten-hover').fadeIn();      
        }
        else if (currentPicture == 'two') {
            $('#two-hover').fadeIn();
        }
        else if (currentPicture == 'four' ||
                 currentPicture == 'five') {
            $('#four-hover').fadeIn();
            $('#five-hover').fadeIn();      
        }
        else if (currentPicture == 'eleven') {
            $('#eleven-hover').fadeIn();
        }
    }
    
    function linkToPage() {
        
        var currentPicture = $(this).attr('id');
        
        if (currentPicture == 'one' ||
            currentPicture == 'seven' ||
            currentPicture == 'eight') {
            location.href="familyworkshops_intro.htm";   
        }
        else if (currentPicture == 'three' ||
                 currentPicture == 'six' ||
                 currentPicture == 'ten') {
            location.href="returntoexcellence.htm";        
        }
        else if (currentPicture == 'two') {
            location.href="/resources/";
        }
        else if (currentPicture == 'four' ||
                 currentPicture == 'five') {
            location.href="clinicalservices.htm";
        }
        else if (currentPicture == 'eleven') {
            location.href="staff.htm";
        }
        
    }
    
    /**** Event listeners to activate above functions *****/
    
    $('#one, #two, #three, #four, #five, #six, #seven, #eight, #ten, #eleven').hover(fadeOutPicture, fadeInPicture);
    $('#one, #two, #three, #four, #five, #six, #seven, #eight, #ten, #eleven').click(linkToPage);
    
    
});