Inside a WordPress theme options page I am creating I've got a selection dropdown box that allows a person choose between two stylesheets: one that's dynamically modified according to user input and the other stylesheet that starts over everything to the default, the initial heading tag. However the dropdowns aren't switching the stylesheets. I am quite sure it is because my if/elseif statement is written improperly. W3 Schools website states when claims follow this syntax: if (condition) code to be executed if condition is true;. I am unsure exactly what the "condition" should be during my situation.

This is actually the theme options page's code:

    <?php
// This options page mainly follows the WordPress Settings API Tutorial at
// http://ottodestruct.com/blog/2009/wordpress-settings-api-tutorial/
add_action('admin_menu', 'theme_admin_add_page');
function theme_admin_add_page()
{
    add_theme_page('Cool Orange Theme Options', 'Cool Orange Theme Options', 'manage_options', 'coolorange', 'theme_options_page');
}

function theme_options_page()
{
?>

<div class="wrap">
  <div id="icon-themes" class="icon32"><br />
  </div>
  <h2>Cool Orange Theme Options</h2>
  <?php
    if ($_REQUEST['updated'] == 'true') {
        echo '<div id="message" class="updated fade"><p>Cool Orange options saved.</p></div>';
    }
?>
  <form action="options.php" method="post" name="options_form">
    <?php
    settings_fields('coolorange_theme_options');
?>
    <?php
    do_settings_sections('coolorange');
?>
    <input name="Submit" class="button-primary" type="submit" value="<?php
    esc_attr_e('Save Changes');
?>" />
  </form>
</div>
<?php
}

add_action('admin_init', 'theme_admin_init');
function theme_admin_init()
{
    register_setting('coolorange_theme_options', 'coolorange_theme_options', 'coolorange_options_validate');

    // what each parameter represents: add_settings_field($id, $title, $callback, $page, $section, $args);
    add_settings_section('coolorange_logo_main', 'Logo Section Settings', 'logo_section_text', 'coolorange');
    add_settings_field('upload_image_button', '<strong>Upload logo to the Media Folder</strong>', 'file_upload_button', 'coolorange', 'coolorange_logo_main'); // Upload Logo button
    add_settings_field('logo_textfields', '<strong>Logo location</strong>', 'file_location', 'coolorange', 'coolorange_logo_main'); // logo url, width and height text fields
    add_settings_field('restore_selectbox', '<strong>Restore original heading</strong>', 'restore_dropdown', 'coolorange', 'coolorange_logo_main');
}

function logo_section_text()
{
    echo '<p>In this section, you can replace the standard blog title heading with a custom logo. The logo cannot be wider than <strong>960 pixels</strong>.</p>';
}

function file_upload_button()
{
    $options = get_option('coolorange_theme_options');
    echo '<input id="upload_image_button" class="button-secondary" type="button" name="coolorange_theme_options[upload_image_button]" value="Upload Logo" />';
}

//Scripts to load WP's Media Library panel
//http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/
// Associated with file_upload_button function
function my_admin_scripts()
{
    wp_enqueue_script('media-upload');
    wp_enqueue_script('thickbox');
    wp_register_script('my-upload', trailingslashit(get_stylesheet_directory_uri()) . 'scripts/invoke_uploader.js', array(
        'jquery',
        'media-upload',
        'thickbox'
    ));
    wp_enqueue_script('my-upload');
}

function my_admin_styles()
{
    wp_enqueue_style('thickbox');
}

if (isset($_GET['page']) && $_GET['page'] == 'coolorange') {
    add_action('admin_print_scripts', 'my_admin_scripts');
    add_action('admin_print_styles', 'my_admin_styles');
}

function file_location() //opens file_location function
{
    $options = get_option('coolorange_theme_options');
?>
<h3>How to upload a logo to replace the heading</h3>
<div style="background-color: #FFFFFF; border: 1px solid #BBBBBB; padding: 30px;">
  <ul style="list-style: disc;">
    ...instructions on how to upload logo
  </ul>
</div>
<p> <strong>File URL:</strong>
  <input id="image_url" type="text" value="<?php
    $options['image_url'];
?>" size="60" name="coolorange_theme_options[image_url]" />
  <br />
  <strong>Logo width:</strong>
  <input id="image_width" type="text" value="<?php
    $options['image_width'];
?>" size="6" name="coolorange_theme_options[image_width]" />
  Enter logo width in pixels (for example <strong>800px</strong>)<br />
  <strong>Logo height:</strong>
  <input id="image_height" type="text" value="<?php
    $options['image_height'];
?>" size="6" name="coolorange_theme_options[image_height]" />
  Enter logo height in pixels (for example <strong>90px</strong>) </p>
<?php
} //closes file_location function

function restore_dropdown() //opens restore_dropdown function
{
    $options = get_option('coolorange_theme_options');
    // http://codex.wordpress.org/Function_Reference/selected 
?>
<select name="coolorange_theme_options[select_options]" id="co_restore_selectbox">
  <option value="default" <?php
    if ($coolorange_theme_options['select_options'] == 'default')
        echo 'selected="selected"';
?>>select an option</option>
  <option value="restore" <?php
    if ($coolorange_theme_options['select_options'] == 'restore')
        echo 'selected="selected"';
?>>Restore CSS</option>
</select>
<?php
} // closes restore_dropdown function

function css_switcher()
{
    global $coolorange_theme_options;
    $coolorange_settings = get_option('coolorange_theme_options');
    $backgroundurl       = "url('" . $coolorange_settings['image_url'] . "') top center no-repeat";
    $imagewidth          = $coolorange_settings['image_width'];
    $imageheight         = $coolorange_settings['image_height'];
?>
<?php
    if ($coolorange_settings['select_options'] == 'default') {
?>
<style type="text/css">
    <!--
    #logo {
    background: <?php
        echo $backgroundurl;
?>;
    width: <?php
        echo $imagewidth;
?>;
    height: <?php
        echo $imageheight;
?>;
    padding: 1em 2em 0 2em;
    margin: 0 auto;
    }

    #blog-title a {
    display: block;
    width: <?php
        echo $imagewidth;
?>;
    height: <?php
        echo $imageheight;
?>;
    text-indent: -2000px;
    }

    #blog-description {
    text-indent: -2000px;
    }
    -->
    </style>
<?php
    } elseif ($coolorange_settings['select_options'] == 'restore') {
?>
<style type="text/css">
    <!--
    #logo {
    background: transparent;
    width: auto;
    height: auto;
    padding: 1em 2em 1em 2em;
    margin: 0 auto;
    }

    #blog-title a {
    display: inline;
    width: auto;
    height: auto;
    text-indent: 0;
    }

    #blog-description {
    text-indent: 0;
    }
    -->
    </style>
<?php
    } // closes if/elseif statement
} // closes css_switcher function

add_action('wp_head', 'css_switcher');

//Validation
function coolorange_options_validate($input) // opens coolorange_options_validate function
{
    $options = get_option('coolorange_theme_options');

    //check filetypes for image url
    $options['image_url'] = trim($input['image_url']);
    if (!preg_match('/\.(gif|jpg|jpeg|png)$/', $options['image_url'])) { //opens if statement
        $options['image_url'] = '';
        echo '<div id="message" style="color: red;"><p>File type must have the file extension .jpg, .jpeg, .gif or .png</p></div>';
    } // closes if statement
    return $options;

    //check input on width to make sure it includes only numbers, letters and the precentage sign
    $options['image_width'] = trim($input['image_width']);
    if (!preg_match('/[0-9](px|em|%)/', $options['image_width'])) { //opens if statement
        $options['image_width'] = '';
        echo '<div id="message" style="color: red;"><p>Width must be specified in px, em or %</p></div>';
    } // closes if statement
    else {
        echo '';
    }
    return options;

    //check input on height to make sure it includes only numbers, letters and the precentage sign
    $options['image_height'] = trim($input['image_height']);
    if (!preg_match('/[0-9](px|em|%)/', $options['image_height'])) {
        $options['image_height'] = '';
        echo '<div id="message" style="color: red;"><p>Height must be specified in px, em or %</p></div>';
    }
    return options;

} // closes coolorange_options_validate function
if (isset($_GET['page']) == 'coolorange')
    add_action('admin_notices', 'coolorange_options_validate'); //shows validation errors at the top of the page
?>

I transformed my code again by placing the logo design css code and restore css code to their own functions, it now appears like the next (beginning using the restore_dropdown function):

<?php
function restore_dropdown() { //opens restore_dropdown function
    $options = get_option('coolorange_theme_options'); 
    // http://codex.wordpress.org/Function_Reference/selected ?>
    <select name="coolorange_theme_options[select_options]" id="co_restore_selectbox">
        <option value="default" <?php if ( $coolorange_theme_options['select_options'] == 'default' )
            echo 'selected="selected"'; ?>>select an option</option>
        <option value="restore" <?php if ( $coolorange_theme_options['select_options'] == 'restore' )
            echo 'selected="selected"'; ?>>Restore CSS</option>
    </select>
    <?php 
} // closes restore_dropdown function

function logo_css() {
    global $coolorange_theme_options;
    $coolorange_settings = get_option('coolorange_theme_options');
    $backgroundurl = "url('" . $coolorange_settings['image_url'] . "') top center no-repeat";
    $imagewidth = $coolorange_settings['image_width'];
    $imageheight = $coolorange_settings['image_height']; ?>
    <style type="text/css">
        <!--
        #logo {
            background: <?php echo $backgroundurl; ?>;
            width: <?php echo $imagewidth; ?>;
            height: <?php echo $imageheight; ?>;
            padding: 1em 2em 0 2em;
            margin: 0 auto;
        }

        #blog-title a {
            display: block;
            width: <?php echo $imagewidth; ?>;
            height: <?php echo $imageheight; ?>;
            text-indent: -2000px;
        }

        #blog-description {
            text-indent: -2000px;
        }
        -->
        </style>
<?php }

function restore_css() { ?>
    <style type="text/css">
        <!--
        #logo {
            background: transparent;
            width: auto;
            height: auto;
            padding: 1em 2em 1em 2em;
            margin: 0 auto;
        }

        #blog-title a {
            display: inline;
            width: auto;
            height: auto;
            text-indent: 0;
        }

        #blog-description {
            text-indent: 0;
        }
        -->
        </style>
<?php }

function css_switcher() {
    if ( $coolorange_theme_options['select_options'] == "restore" ) {//opens if statement
        restore_css();
    } else { 
        logo_css();
    }// closes if/else statement
} // closes css_switcher function

add_action('wp_head', 'css_switcher');

//Validation
function coolorange_options_validate($input) { // opens coolorange_options_validate function
$options = get_option('coolorange_theme_options');

//check filetypes for image url
$options['image_url'] = trim($input['image_url']);
if ( !preg_match ( '/\.(gif|jpg|jpeg|png)$/', $options['image_url'] ) ) { //opens if statement
    $options['image_url'] = ''; 
    echo '<div id="message" style="color: red;"><p>File type must have the file extension .jpg, .jpeg, .gif or .png</p></div>';
    } // closes if statement
    return $options;

//check input on width to make sure it includes only numbers, letters and the percentage sign
$options['image_width'] = trim($input['image_width']);
if ( !preg_match ( '/[0-9](px|em|%)/', $options['image_width'] ) ) { //opens if statement
    $options['image_width'] = '';
    echo '<div id="message" style="color: red;"><p>Width must be specified in px, em or %</p></div>';
    } // closes if statement
    return options;

//check input on height to make sure it includes only numbers, letters and the percentage sign
$options['image_height'] = trim($input['image_height']);
if ( !preg_match ( '/[0-9](px|em|%)/', $options['image_height'] ) ) {
    $options['image_height'] = '';
    echo '<div id="message" style="color: red;"><p>Height must be specified in px, em or %</p></div>';
    }
    return options;

} // closes coolorange_options_validate function
if (isset($_GET['page']) == 'coolorange')
    add_action('admin_notices', 'coolorange_options_validate'); //shows validation errors at the top of the page

Any help could be greatly appreciated.