﻿jQuery(document).ready(function() {
	jQuery(".OrangeButtonContent").parent().children(".OrangeButtonLeft").css("background-image", "url(/images/OrangeLeft.gif)");
	jQuery(".OrangeButtonContent").css("background-image", "url(/images/OrangeBG.gif)");
	jQuery(".OrangeButtonContent").parent().children(".OrangeButtonRight").css("background-image", "url(/images/OrangeRight.gif)");

    //Blue
    jQuery(".BlueButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/BlueLeftOn.gif)");
            jQuery(this).parent().children(".BlueButtonContent").css("background-image", "url(/images/MoreBlueBGOn.gif)");
            jQuery(this).parent().children(".BlueButtonRight").css("background-image", "url(/images/MoreBlueRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/MoreBlueLeft.gif)");
            jQuery(this).parent().children(".BlueButtonContent").css("background-image", "url(/images/MoreBlueBG.gif)");
            jQuery(this).parent().children(".BlueButtonRight").css("background-image", "url(/images/MoreBlueRight.gif)");
        }
    );
    jQuery(".BlueButtonContent").hover(
        function() {
            jQuery(this).parent().children(".BlueButtonLeft").css("background-image", "url(/images/MoreBlueLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/MoreBlueBGOn.gif)");
            jQuery(this).parent().children(".BlueButtonRight").css("background-image", "url(/images/MoreBlueRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".BlueButtonLeft").css("background-image", "url(/images/MoreBlueLeft.gif)");
            jQuery(this).css("background-image", "url(/images/MoreBlueBG.gif)");
            jQuery(this).parent().children(".BlueButtonRight").css("background-image", "url(/images/MoreBlueRight.gif)");
        }
    );
    jQuery(".BlueButtonRight").hover(
        function() {
            jQuery(this).parent().children(".BlueButtonLeft").css("background-image", "url(/images/MoreBlueLeftOn.gif)");
            jQuery(this).parent().children(".BlueButtonContent").css("background-image", "url(/images/MoreBlueBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/MoreBlueRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".BlueButtonLeft").css("background-image", "url(/images/MoreBlueLeft.gif)");
            jQuery(this).parent().children(".BlueButtonContent").css("background-image", "url(/images/MoreBlueBG.gif)");
            jQuery(this).css("background-image", "url(/images/MoreBlueRight.gif)");
        }
    );
    
    //Pink
    jQuery(".PinkButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/MorePinkLeftOn.gif)");
            jQuery(this).parent().children(".PinkButtonContent").css("background-image", "url(/images/MorePinkBGOn.gif)");
            jQuery(this).parent().children(".PinkButtonRight").css("background-image", "url(/images/MorePinkRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/MorePinkLeft.gif)");
            jQuery(this).parent().children(".PinkButtonContent").css("background-image", "url(/images/MorePinkBG.gif)");
            jQuery(this).parent().children(".PinkButtonRight").css("background-image", "url(/images/MorePinkRight.gif)");
        }
    );
    jQuery(".PinkButtonContent").hover(
        function() {
            jQuery(this).parent().children(".PinkButtonLeft").css("background-image", "url(/images/MorePinkLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/MorePinkBGOn.gif)");
            jQuery(this).parent().children(".PinkButtonRight").css("background-image", "url(/images/MorePinkRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PinkButtonLeft").css("background-image", "url(/images/MorePinkLeft.gif)");
            jQuery(this).css("background-image", "url(/images/MorePinkBG.gif)");
            jQuery(this).parent().children(".PinkButtonRight").css("background-image", "url(/images/MorePinkRight.gif)");
        }
    );
    jQuery(".PinkButtonRight").hover(
        function() {
            jQuery(this).parent().children(".PinkButtonLeft").css("background-image", "url(/images/MorePinkLeftOn.gif)");
            jQuery(this).parent().children(".PinkButtonContent").css("background-image", "url(/images/MorePinkBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/MorePinkRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PinkButtonLeft").css("background-image", "url(/images/MorePinkLeft.gif)");
            jQuery(this).parent().children(".PinkButtonContent").css("background-image", "url(/images/MorePinkBG.gif)");
            jQuery(this).css("background-image", "url(/images/MorePinkRight.gif)");
        }
    );
    //Turquoise
    jQuery(".TurquoiseButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/TurquoiseLeftOn.gif)");
            jQuery(this).parent().children(".TurquoiseButtonContent").css("background-image", "url(/images/TurquoiseBGOn.gif)");
            jQuery(this).parent().children(".TurquoiseButtonRight").css("background-image", "url(/images/TurquoiseRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/TurquoiseLeft.gif)");
            jQuery(this).parent().children(".TurquoiseButtonContent").css("background-image", "url(/images/TurquoiseBG.gif)");
            jQuery(this).parent().children(".TurquoiseButtonRight").css("background-image", "url(/images/TurquoiseRight.gif)");
        }
    );
    jQuery(".TurquoiseButtonContent").hover(
        function() {
            jQuery(this).parent().children(".TurquoiseButtonLeft").css("background-image", "url(/images/TurquoiseLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/TurquoiseBGOn.gif)");
            jQuery(this).parent().children(".TurquoiseButtonRight").css("background-image", "url(/images/TurquoiseRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".TurquoiseButtonLeft").css("background-image", "url(/images/TurquoiseLeft.gif)");
            jQuery(this).css("background-image", "url(/images/TurquoiseBG.gif)");
            jQuery(this).parent().children(".TurquoiseButtonRight").css("background-image", "url(/images/TurquoiseRight.gif)");
        }
    );
    jQuery(".TurquoiseButtonRight").hover(
        function() {
            jQuery(this).parent().children(".TurquoiseButtonLeft").css("background-image", "url(/images/TurquoiseLeftOn.gif)");
            jQuery(this).parent().children(".TurquoiseButtonContent").css("background-image", "url(/images/TurquoiseBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/TurquoiseRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".TurquoiseButtonLeft").css("background-image", "url(/images/TurquoiseLeft.gif)");
            jQuery(this).parent().children(".TurquoiseButtonContent").css("background-image", "url(/images/TurquoiseBG.gif)");
            jQuery(this).css("background-image", "url(/images/TurquoiseRight.gif)");
        }
    );
    //Green
    jQuery(".GreenButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/GreenLeftOn.gif)");
            jQuery(this).parent().children(".GreenButtonContent").css("background-image", "url(/images/GreenBGOn.gif)");
            jQuery(this).parent().children(".GreenButtonRight").css("background-image", "url(/images/GreenRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/GreenLeft.gif)");
            jQuery(this).parent().children(".GreenButtonContent").css("background-image", "url(/images/GreenBG.gif)");
            jQuery(this).parent().children(".GreenButtonRight").css("background-image", "url(/images/GreenRight.gif)");
        }
    );
    jQuery(".GreenButtonContent").hover(
        function() {
            jQuery(this).parent().children(".GreenButtonLeft").css("background-image", "url(/images/GreenLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/GreenBGOn.gif)");
            jQuery(this).parent().children(".GreenButtonRight").css("background-image", "url(/images/GreenRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".GreenButtonLeft").css("background-image", "url(/images/GreenLeft.gif)");
            jQuery(this).css("background-image", "url(/images/GreenBG.gif)");
            jQuery(this).parent().children(".GreenButtonRight").css("background-image", "url(/images/GreenRight.gif)");
        }
    );
    jQuery(".GreenButtonRight").hover(
        function() {
            jQuery(this).parent().children(".GreenButtonLeft").css("background-image", "url(/images/GreenLeftOn.gif)");
            jQuery(this).parent().children(".GreenButtonContent").css("background-image", "url(/images/GreenBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/GreenRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".GreenButtonLeft").css("background-image", "url(/images/GreenLeft.gif)");
            jQuery(this).parent().children(".GreenButtonContent").css("background-image", "url(/images/GreenBG.gif)");
            jQuery(this).css("background-image", "url(/images/GreenRight.gif)");
        }
    );
    //Purple
    jQuery(".PurpleButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleLeftOn.gif)");
            jQuery(this).parent().children(".PurpleButtonContent").css("background-image", "url(/images/PurpleBGOn.gif)");
            jQuery(this).parent().children(".PurpleButtonRight").css("background-image", "url(/images/PurpleRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleLeft.gif)");
            jQuery(this).parent().children(".PurpleButtonContent").css("background-image", "url(/images/PurpleBG.gif)");
            jQuery(this).parent().children(".PurpleButtonRight").css("background-image", "url(/images/PurpleRight.gif)");
        }
    );
    jQuery(".PurpleButtonContent").hover(
        function() {
            jQuery(this).parent().children(".PurpleButtonLeft").css("background-image", "url(/images/PurpleLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleBGOn.gif)");
            jQuery(this).parent().children(".PurpleButtonRight").css("background-image", "url(/images/PurpleRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleButtonLeft").css("background-image", "url(/images/PurpleLeft.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleBG.gif)");
            jQuery(this).parent().children(".PurpleButtonRight").css("background-image", "url(/images/PurpleRight.gif)");
        }
    );
    jQuery(".PurpleButtonRight").hover(
        function() {
            jQuery(this).parent().children(".PurpleButtonLeft").css("background-image", "url(/images/PurpleLeftOn.gif)");
            jQuery(this).parent().children(".PurpleButtonContent").css("background-image", "url(/images/PurpleBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleButtonLeft").css("background-image", "url(/images/PurpleLeft.gif)");
            jQuery(this).parent().children(".PurpleButtonContent").css("background-image", "url(/images/PurpleBG.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleRight.gif)");
        }
    );
    //PurpleOpen
    jQuery(".PurpleOpenButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleReadLeftOn.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonContent").css("background-image", "url(/images/PurpleReadBGOn.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonRight").css("background-image", "url(/images/PurpleReadRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleReadLeft.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonContent").css("background-image", "url(/images/PurpleReadBG.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonRight").css("background-image", "url(/images/PurpleReadRight.gif)");
        }
    );
    jQuery(".PurpleOpenButtonContent").hover(
        function() {
            jQuery(this).parent().children(".PurpleOpenButtonLeft").css("background-image", "url(/images/PurpleReadLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleReadBGOn.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonRight").css("background-image", "url(/images/PurpleReadRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleOpenButtonLeft").css("background-image", "url(/images/PurpleReadLeft.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleReadBG.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonRight").css("background-image", "url(/images/PurpleReadRight.gif)");
        }
    );
    jQuery(".PurpleOpenButtonRight").hover(
        function() {
            jQuery(this).parent().children(".PurpleOpenButtonLeft").css("background-image", "url(/images/PurpleReadLeftOn.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonContent").css("background-image", "url(/images/PurpleReadBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleReadRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleOpenButtonLeft").css("background-image", "url(/images/PurpleReadLeft.gif)");
            jQuery(this).parent().children(".PurpleOpenButtonContent").css("background-image", "url(/images/PurpleReadBG.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleReadRight.gif)");
        }
    );
    //PurpleClose
    jQuery(".PurpleCloseButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleCloseLeftOn.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonContent").css("background-image", "url(/images/PurpleCloseBGOn.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonRight").css("background-image", "url(/images/PurpleCloseRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/PurpleCloseLeft.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonContent").css("background-image", "url(/images/PurpleCloseBG.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonRight").css("background-image", "url(/images/PurpleCloseRight.gif)");
        }
    );
    jQuery(".PurpleCloseButtonContent").hover(
        function() {
            jQuery(this).parent().children(".PurpleCloseButtonLeft").css("background-image", "url(/images/PurpleCloseLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleCloseBGOn.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonRight").css("background-image", "url(/images/PurpleCloseRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleCloseButtonLeft").css("background-image", "url(/images/PurpleCloseLeft.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleCloseBG.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonRight").css("background-image", "url(/images/PurpleCloseRight.gif)");
        }
    );
    jQuery(".PurpleCloseButtonRight").hover(
        function() {
            jQuery(this).parent().children(".PurpleCloseButtonLeft").css("background-image", "url(/images/PurpleCloseLeftOn.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonContent").css("background-image", "url(/images/PurpleCloseBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleCloseRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".PurpleCloseButtonLeft").css("background-image", "url(/images/PurpleCloseLeft.gif)");
            jQuery(this).parent().children(".PurpleCloseButtonContent").css("background-image", "url(/images/PurpleCloseBG.gif)");
            jQuery(this).css("background-image", "url(/images/PurpleCloseRight.gif)");
        }
    );

    //Orange
    jQuery(".OrangeButtonLeft").hover(
        function() {
            jQuery(this).css("background-image", "url(/images/OrangeLeftOn.gif)");
            jQuery(this).parent().children(".OrangeButtonContent").css("background-image", "url(/images/OrangeBGOn.gif)");
            jQuery(this).parent().children(".OrangeButtonRight").css("background-image", "url(/images/OrangeRightOn.gif)");
        },
        function() {
            jQuery(this).css("background-image", "url(/images/OrangeLeft.gif)");
            jQuery(this).parent().children(".OrangeButtonContent").css("background-image", "url(/images/OrangeBG.gif)");
            jQuery(this).parent().children(".OrangeButtonRight").css("background-image", "url(/images/OrangeRight.gif)");
        }
    );
    jQuery(".OrangeButtonContent").hover(
        function() {
            jQuery(this).parent().children(".OrangeButtonLeft").css("background-image", "url(/images/OrangeLeftOn.gif)");
            jQuery(this).css("background-image", "url(/images/OrangeBGOn.gif)");
            jQuery(this).parent().children(".OrangeButtonRight").css("background-image", "url(/images/OrangeRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".OrangeButtonLeft").css("background-image", "url(/images/OrangeLeft.gif)");
            jQuery(this).css("background-image", "url(/images/OrangeBG.gif)");
            jQuery(this).parent().children(".OrangeButtonRight").css("background-image", "url(/images/OrangeRight.gif)");
        }
    );
    jQuery(".OrangeButtonRight").hover(
        function() {
            jQuery(this).parent().children(".OrangeButtonLeft").css("background-image", "url(/images/OrangeLeftOn.gif)");
            jQuery(this).parent().children(".OrangeButtonContent").css("background-image", "url(/images/OrangeBGOn.gif)");
            jQuery(this).css("background-image", "url(/images/OrangeRightOn.gif)");
        },
        function() {
            jQuery(this).parent().children(".OrangeButtonLeft").css("background-image", "url(/images/OrangeLeft.gif)");
            jQuery(this).parent().children(".OrangeButtonContent").css("background-image", "url(/images/OrangeBG.gif)");
            jQuery(this).css("background-image", "url(/images/OrangeRight.gif)");
        }
    );
});
