$(document).ready(function() {


    $('#playallButton').click(function(){startPlaying()});

	// Mouseover - FUNDAMENTALS button
    $('#fundButton').hover(
        function() {
            $(this).attr("src", "/images/fundamentals-mouseover.gif")
        },
        function() {
            $(this).attr("src", "/images/fundamentals.gif")
        }
    );
	
    // Mouseover - NEWS button
    $('#playallButton').hover(
        function() {
            $(this).attr("src", "/images/playall-over.gif")
        },
        function() {
            $(this).attr("src", "/images/playall.gif")
        }
    );

    // Mouseover - NEWS button
    $('#newsButton').hover(
        function() {
            $(this).attr("src", "/images/news-button-over.gif")
        },
        function() {
            $(this).attr("src", "/images/news-button.gif")
        }
    );

    // Mouseover - BACK button
    $('#backButton').hover(
        function() {
            $(this).attr("src", "/images/back-over.gif")
        },
        function() {
            $(this).attr("src", "/images/back.gif")
        }
    );

    // Mouseover - ENTER button
    $('#enterButton').hover(
        function() {
            $(this).attr("src", "/images/enter-over.gif")
        },
        function() {
            $(this).attr("src", "/images/enter.gif")
        }
    );

    // Mouseover - CONTACT button
    $('#contactButton').hover(
        function() {
            $(this).attr("src", "/images/contact-over.gif")
        },
        function() {
            $(this).attr("src", "/images/contact.gif")
        }
    );

    // Mouseover - HOME button
    $('#homeButton').hover(
        function() {
            $(this).attr("src", "/images/home-over.gif")
        },
        function() {
            $(this).attr("src", "/images/home.gif")
        }
    );

    // Mouseover - WORSHIP button
    $('#worshipButton').hover(
        function() {
            $(this).attr("src", "/images/worship-over.gif")
        },
        function() {
            $(this).attr("src", "/images/worship.gif")
        }
    );


    // Mouseover - BIBLE button
    $('#bibleButton').hover(
        function() {
            $(this).attr("src", "/images/bible-over.gif")
        },
        function() {
            $(this).attr("src", "/images/bible.gif")
        }
    );

    // Mouseover - ENTER button
    $('#ccPhelanButton').hover(
        function() {
            $(this).attr("src", "/images/ccphelan-over.gif")
        },
        function() {
            $(this).attr("src", "/images/ccphelan.gif")
        }
    );    
	
	
	// Mouseover - ECCLESIATES STUDY 
    $('#study-eccl').hover(
        function() {
            $(this).attr("src", "/images/study-eccl-mouseover.jpg")
        },
        function() {
            $(this).attr("src", "/images/study-eccl.jpg")
        }
    );
// Mouseover - 1st Peter STUDY 
    $('#1stPeter').hover(
        function() {
            $(this).attr("src", "/images/1st Peter Button 2.jpg")
        },
        function() {
            $(this).attr("src", "/images/1st Peter Button 1.jpg")
        }
    );

	// Mouseover - HAGGAI STUDY 
    $('#study-haggai').hover(
        function() {
            $(this).attr("src", "/images/study-haggai-mouseover.jpg")
        },
        function() {
            $(this).attr("src", "/images/study-haggai.gif")
        }
    );

	// Mouseover - PHILEMON STUDY 
    $('#study-philemon').hover(
        function() {
            $(this).attr("src", "/images/study-philemon-mouseover.gif")
        },
        function() {
            $(this).attr("src", "/images/study-philemon.gif")
        }
    );	
	
	
	// Mouseover - COLOSSIANS STUDY 
    $('#study-colo').hover(
        function() {
            $(this).attr("src", "/images/study-colossians-mouseover.gif")
        },
        function() {
            $(this).attr("src", "/images/study-colossians.gif")
        }
    );	
	
	// Mouseover - TOPICAL STUDY 
    $('#study-topical').hover(
        function() {
            $(this).attr("src", "/images/study-topical-mouseover.gif")
        },
        function() {
            $(this).attr("src", "/images/study-topical.gif")
        }
    );
	
	// Mouseover - FUNDAMENTALS STUDY 
    $('#study-fund').hover(
        function() {
            $(this).attr("src", "/images/fundamentals-mouseover.gif")
        },
        function() {
            $(this).attr("src", "/images/fundamentals.gif")
        }
    );
});