<?php echo $header; ?>

<div id="content">
  <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>
  <?php if ($error_warning) { ?>
  <div class="warning"><?php echo $error_warning; ?></div>
  <?php } ?>
  <div class="box fixed">
    <div class="heading">
      <h1><?php echo $heading_title; ?></h1>
      <div class="buttons"><a onclick="$('#form').submit();" class="button"><span><?php echo $button_save; ?></span></a><a onclick="location = '<?php echo $cancel; ?>';" class="button"><span><?php echo $button_cancel; ?></span></a></div>
    </div>
    <div class="column_1">
    <div class="content">
    <h2 class="layout"><span>Layout and skin settings</span></h2>
    <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
      <table class="form">
        <tr>
          <td>Boxed or full width layout</td>
          <td><select name="theme_control_layout" class="spicy">
              <?php if (isset($theme_control_layout)) {
              $selected4 = 'selected="selected"';
              ?>
              <option value="container" <?php if($theme_control_layout=='container'){echo $selected4;} ?>>Full width</option>
              <option value="container_boxed" <?php if($theme_control_layout=='container_boxed'){echo $selected4;} ?>>Boxed layout</option>
              <?php } else { ?>
              <option value="container" selected="selected">Full width</option>
              <option value="container_boxed">Boxed layout</option>
              <?php } ?>
            </select>
            <span class="default_value">Default value: Full width</span></td>
        </tr>
        <tr>
          <td>Light or dark skin</td>
          <td><select name="theme_control_skin" class="spicy">
              <?php if (isset($theme_control_skin)) {
              $selected5 = 'selected="selected"';
              ?>
              <option value="stylesheet" <?php if($theme_control_skin=='stylesheet'){echo $selected4;} ?>>Light skin</option>
              <option value="stylesheet_dark" <?php if($theme_control_skin=='stylesheet_dark'){echo $selected4;} ?>>Dark skin</option>
              <?php } else { ?>
              <option value="stylesheet" selected="selected">Light skin</option>
              <option value="stylesheet_dark">Dark skin</option>
              <?php } ?>
            </select></td>
        </tr>
      </table>
      <span class="helper"><strong>*</strong>Light skin is optimized for ligther backgrounds and Dark skin is optimized for dark backgrounds. Choose the skin which suits your content colors best. Both skins are fully customizable and only have the basic stylings optimized for content over dark or light backgrounds.</span>
      </div>
      <div class="content">
        <h2 class="colors"><span>Color Settings</span></h2>
        <p>Click inside the field and choose a color. When ready, click on the circle icon in lower-right corner. <span class="helper"><strong>*</strong>Default values will be used for empty fields!</span></p>
        <table class="form">
          <tr>
            <td>Headings (H1-H6) color:</td>
            <td><input id="theme_control_headings_color" type="text" name="theme_control_headings_color" value="<?php echo $theme_control_headings_color; ?>" class="spicy" >
              <span class="default_value">Default value: 777777</span></td>
          </tr>
          <tr>
            <td>Body text color:</td>
            <td><input id="theme_control_text_color" type="text" name="theme_control_text_color" value="<?php echo $theme_control_text_color; ?>" class="spicy" >
              <span class="default_value">Default value: 999999</span></td>
          </tr>
          <tr>
            <td>Links color:</td>
            <td><input id="theme_control_links_color" type="text" name="theme_control_links_color" value="<?php echo $theme_control_links_color; ?>" class="spicy" >
              <span class="default_value">Default value: d06464</span></td>
          </tr>
          <tr>
            <td>Hovered Links color:</td>
            <td><input id="theme_control_links_color_hover" type="text" name="theme_control_links_color_hover" value="<?php echo $theme_control_links_color_hover; ?>" class="spicy" >
              <span class="default_value">Default value: 333333</span></td>
          </tr>
          <tr>
            <td>Left / Right column - Box Titles color:</td>
            <td><input id="theme_control_column_box_title" type="text" name="theme_control_column_box_title" value="<?php echo $theme_control_column_box_title; ?>" class="spicy" >
              <span class="default_value">Default value: 777777</span></td>
          </tr>
          <tr>
            <td>Footer column title color:</td>
            <td><input id="theme_control_footer_box_title" type="text" name="theme_control_footer_box_title" value="<?php echo $theme_control_footer_box_title; ?>" class="spicy" >
              <span class="default_value">Default value: f9f9f9</span></td>
          </tr>
          <tr>
            <td>Footer links color:</td>
            <td><input id="theme_control_footer_link_color" type="text" name="theme_control_footer_link_color" value="<?php echo $theme_control_footer_link_color; ?>" class="spicy" >
              <span class="default_value">Default value: 8C8C8C</span></td>
          </tr>
          <tr>
            <td>Footer links border-bottom color:</td>
            <td><input id="theme_control_footer_link_border" type="text" name="theme_control_footer_link_border" value="<?php echo $theme_control_footer_link_border; ?>" class="spicy" >
              <span class="default_value">Default value: 404040</span></td>
          </tr>
          <tr>
            <td>Main menu link color:</td>
            <td><input id="theme_control_main_menu_color" type="text" name="theme_control_main_menu_color" value="<?php echo $theme_control_main_menu_color; ?>" class="spicy" >
              <span class="default_value">Default value: F5F5F5</span></td>
          </tr>
          <tr>
            <td>Category menu link color:</td>
            <td><input id="theme_control_category_menu_color" type="text" name="theme_control_category_menu_color" value="<?php echo $theme_control_category_menu_color; ?>" class="spicy" >
              <span class="default_value">Default value: 333333</span></td>
          </tr>
        </table>
        <!--  <input type="hidden" name="theme_control_module" value="<?php //echo $theme_control_module; ?>" /> --> 
      </div>
      
      </div>
      <div class="column_2">
        <div class="content_last">
          <h2 class="fonts"><span>Font Settings</span></h2>
          <table class="form">
            <tr>
              <td>Body font</td>
              <td><select name="theme_control_body_font" class="spicy">
                  <?php if (isset($theme_control_body_font)) {
              $selected = 'selected="selected"';
              ?>
                  <option value="Arial" <?php if($theme_control_body_font=='Arial'){echo $selected;} ?>>Arial</option>
                  <option value="Verdana" <?php if($theme_control_body_font=='Verdana'){echo $selected;} ?>>Verdana</option>
                  <option value="Helvetica" <?php if($theme_control_body_font=='Helvetica'){echo $selected;} ?>>Helvetica</option>
                  <option value="Lucida Grande" <?php if($theme_control_body_font=='Lucida Grande'){echo $selected;} ?>>Lucida Grande</option>
                  <option value="Trebuchet MS" <?php if($theme_control_body_font=='Trebuchet MS'){echo $selected;} ?>>Trebuchet MS</option>
                  <option value="Times New Roman" <?php if($theme_control_body_font=='Times New Roman'){echo $selected;} ?>>Times New Roman</option>
                  <option value="Tahoma" <?php if($theme_control_body_font=='Tahoma'){echo $selected;} ?>>Tahoma</option>
                  <option value="Georgia" <?php if($theme_control_body_font=='Georgia'){echo $selected;} ?>>Georgia</option>
                  <?php } else { ?>
                  <option value="Arial" selected="selected">Arial</option>
                  <option value="Verdana">Verdana</option>
                  <option value="Helvetica">Helvetica</option>
                  <option value="Lucida Grande">Lucida Grande</option>
                  <option value="Trebuchet MS">Trebuchet MS</option>
                  <option value="Times New Roman">Times New Roman</option>
                  <option value="Tahoma">Tahoma</option>
                  <option value="Georgia">Georgia</option>
                  <?php } ?>
                </select>
                <span class="default_value">Default value: Trebuchet MS</span></td>
            </tr>
            <tr>
              <td>Headings font (H1-H4) </td>
              <td><select name="theme_control_headings_font" class="spicy">
                  <?php if (isset($theme_control_headings_font)) {
                	$selected2 = 'selected="selected"';
            ?>
                  <option value="Arial" <?php if($theme_control_headings_font=='Arial'){echo $selected2;} ?>>Arial</option>
                  <option value="Aclonica" <?php if($theme_control_headings_font=='Aclonica'){echo $selected2;} ?>>Aclonica</option>
                  <option value="Allan" <?php if($theme_control_headings_font=='Allan'){echo $selected2;} ?>>Allan</option>
                  <option value="Annie+Use+Your+Telescope" <?php if($theme_control_headings_font=='Annie+Use+Your+Telescope'){echo $selected2;} ?>>Annie Use Your Telescope</option>
                  <option value="Anonymous+Pro" <?php if($theme_control_headings_font=='Anonymous+Pro'){echo $selected2;} ?>>Anonymous Pro</option>
                  <option value="Allerta+Stencil" <?php if($theme_control_headings_font=='Allerta+Stencil'){echo $selected2;} ?>>Allerta Stencil</option>
                  <option value="Allerta" <?php if($theme_control_headings_font=='Allerta'){echo $selected2;} ?>>Allerta</option>
                  <option value="Amaranth" <?php if($theme_control_headings_font=='Amaranth'){echo $selected2;} ?>>Amaranth</option>
                  <option value="Anton" <?php if($theme_control_headings_font=='Anton'){echo $selected2;} ?>>Anton</option>
                  <option value="Architects+Daughter" <?php if($theme_control_headings_font=='Architects+Daughter'){echo $selected2;} ?>>Architects Daughter</option>
                  <option value="Arimo" <?php if($theme_control_headings_font=='Arimo'){echo $selected2;} ?>>Arimo</option>
                  <option value="Artifika" <?php if($theme_control_headings_font=='Artifika'){echo $selected2;} ?>>Artifika</option>
                  <option value="Arvo" <?php if($theme_control_headings_font=='Arvo'){echo $selected2;} ?>>Arvo</option>
                  <option value="Asset" <?php if($theme_control_headings_font=='Asset'){echo $selected2;} ?>>Asset</option>
                  <option value="Astloch" <?php if($theme_control_headings_font=='Astloch'){echo $selected2;} ?>>Astloch</option>
                  <option value="Bangers" <?php if($theme_control_headings_font=='Bangers'){echo $selected2;} ?>>Bangers</option>
                  <option value="Bentham" <?php if($theme_control_headings_font=='Bentham'){echo $selected2;} ?>>Bentham</option>
                  <option value="Bevan" <?php if($theme_control_headings_font=='Bevan'){echo $selected2;} ?>>Bevan</option>
                  <option value="Bigshot+One" <?php if($theme_control_headings_font=='Bigshot+One'){echo $selected2;} ?>>Bigshot One</option>
                  <option value="Bowlby+One" <?php if($theme_control_headings_font=='Bowlby+One'){echo $selected2;} ?>>Bowlby One</option>
                  <option value="Bowlby+One+SC" <?php if($theme_control_headings_font=='Bowlby+One+SC'){echo $selected2;} ?>>Bowlby One SC</option>
                  <option value="Brawler" <?php if($theme_control_headings_font=='Brawler'){echo $selected2;} ?>>Brawler </option>
                  <option value="Buda" <?php if($theme_control_headings_font=='Buda'){echo $selected2;} ?>>Buda</option>
                  <option value="Cabin" <?php if($theme_control_headings_font=='Cabin'){echo $selected2;} ?>>Cabin</option>
                  <option value="Calligraffitti" <?php if($theme_control_headings_font=='Calligraffitti'){echo $selected2;} ?>>Calligraffitti</option>
                  <option value="Candal" <?php if($theme_control_headings_font=='Candal'){echo $selected2;} ?>>Candal</option>
                  <option value="Cantarell" <?php if($theme_control_headings_font=='Cantarell'){echo $selected2;} ?>>Cantarell</option>
                  <option value="Cardo" <?php if($theme_control_headings_font=='Cardo'){echo $selected2;} ?>>Cardo</option>
                  <option value="Carter+One" <?php if($theme_control_headings_font=='Carter+One'){echo $selected2;} ?>>Carter One</option>
                  <option value="Caudex" <?php if($theme_control_headings_font=='Caudex'){echo $selected2;} ?>>Caudex</option>
                  <option value="Cedarville+Cursive" <?php if($theme_control_headings_font=='Cedarville+Cursive'){echo $selected2;} ?>>Cedarville Cursive</option>
                  <option value="Cherry+Cream+Soda" <?php if($theme_control_headings_font=='Cherry+Cream+Soda'){echo $selected2;} ?>>Cherry Cream Soda</option>
                  <option value="Chewy" <?php if($theme_control_headings_font=='Chewy'){echo $selected2;} ?>>Chewy</option>
                  <option value="Coda" <?php if($theme_control_headings_font=='Coda'){echo $selected2;} ?>>Coda</option>
                  <option value="Coming+Soon" <?php if($theme_control_headings_font=='Coming+Soon'){echo $selected2;} ?>>Coming Soon</option>
                  <option value="Copse" <?php if($theme_control_headings_font=='Copse'){echo $selected2;} ?>>Copse</option>
                  <option value="Corben" <?php if($theme_control_headings_font=='Corben'){echo $selected2;} ?>>Corben</option>
                  <option value="Cousine" <?php if($theme_control_headings_font=='Cousine'){echo $selected2;} ?>>Cousine</option>
                  <option value="Covered+By+Your+Grace" <?php if($theme_control_headings_font=='Covered+By+Your+Grace'){echo $selected2;} ?>>Covered By Your Grace</option>
                  <option value="Crafty+Girls" <?php if($theme_control_headings_font=='Crafty+Girls'){echo $selected2;} ?>>Crafty Girls</option>
                  <option value="Crimson+Text" <?php if($theme_control_headings_font=='Crimson+Text'){echo $selected2;} ?>>Crimson Text</option>
                  <option value="Crushed" <?php if($theme_control_headings_font=='Crushed'){echo $selected2;} ?>>Crushed</option>
                  <option value="Cuprum" <?php if($theme_control_headings_font=='Cuprum'){echo $selected2;} ?>>Cuprum</option>
                  <option value="Damion" <?php if($theme_control_headings_font=='Damion'){echo $selected2;} ?>>Damion</option>
                  <option value="Dancing+Script" <?php if($theme_control_headings_font=='Dancing+Script'){echo $selected2;} ?>>Dancing Script</option>
                  <option value="Dawning+of+a+New+Day" <?php if($theme_control_headings_font=='Dawning+of+a+New+Day'){echo $selected2;} ?>>Dawning of a New Day</option>
                  <option value="Didact+Gothic" <?php if($theme_control_headings_font=='Didact+Gothic'){echo $selected2;} ?>>Didact Gothic</option>
                  <option value="Droid+Sans" <?php if($theme_control_headings_font=='Droid+Sans'){echo $selected2;} ?>>Droid Sans</option>
                  <option value="Droid+Sans+Mono" <?php if($theme_control_headings_font=='Droid+Sans+Mono'){echo $selected2;} ?>>Droid Sans Mono</option>
                  <option value="Droid+Serif" <?php if($theme_control_headings_font=='Droid+Serif'){echo $selected2;} ?>>Droid Serif</option>
                  <option value="EB+Garamond" <?php if($theme_control_headings_font=='EB+Garamond'){echo $selected2;} ?>>EB Garamond</option>
                  <option value="Expletus+Sans" <?php if($theme_control_headings_font=='Expletus+Sans'){echo $selected2;} ?>>Expletus Sans</option>
                  <option value="Fontdiner+Swanky" <?php if($theme_control_headings_font=='Fontdiner+Swanky'){echo $selected2;} ?>>Fontdiner Swanky</option>
                  <option value="Forum" <?php if($theme_control_headings_font=='Forum'){echo $selected2;} ?>>Forum</option>
                  <option value="Francois+One" <?php if($theme_control_headings_font=='Francois+One'){echo $selected2;} ?>>Francois One</option>
                  <option value="Federo" <?php if($theme_control_headings_font=='Federo'){echo $selected2;} ?>>Federo</option>
                  <option value="Geo" <?php if($theme_control_headings_font=='Geo'){echo $selected2;} ?>>Geo</option>
                  <option value="Give+You+Glory" <?php if($theme_control_headings_font=='Give+You+Glory'){echo $selected2;} ?>>Give You Glory</option>
                  <option value="Goblin+One" <?php if($theme_control_headings_font=='Goblin+One'){echo $selected2;} ?>>Goblin One</option>
                  <option value="Goudy+Bookletter+1911" <?php if($theme_control_headings_font=='Goudy+Bookletter+1911'){echo $selected2;} ?>>Goudy Bookletter 1911</option>
                  <option value="Gravitas+One" <?php if($theme_control_headings_font=='Gravitas+One'){echo $selected2;} ?>>Gravitas One</option>
                  <option value="Gruppo" <?php if($theme_control_headings_font=='Gruppo'){echo $selected2;} ?>>Gruppo</option>
                  <option value="Hammersmith+One" <?php if($theme_control_headings_font=='Hammersmith+One'){echo $selected2;} ?>>Hammersmith One</option>
                  <option value="Holtwood+One+SC" <?php if($theme_control_headings_font=='Holtwood+One+SC'){echo $selected2;} ?>>Holtwood One SC</option>
                  <option value="Homemade+Apple" <?php if($theme_control_headings_font=='Homemade+Apple'){echo $selected2;} ?>>Homemade Apple</option>
                  <option value="Inconsolata" <?php if($theme_control_headings_font=='Inconsolata'){echo $selected2;} ?>>Inconsolata</option>
                  <option value="Indie+Flower" <?php if($theme_control_headings_font=='Indie+Flower'){echo $selected2;} ?>>Indie Flower</option>
                  <option value="IM+Fell+DW+Pica" <?php if($theme_control_headings_font=='IM+Fell+DW+Pica'){echo $selected2;} ?>>IM Fell DW Pica</option>
                  <option value="IM+Fell+DW+Pica+SC" <?php if($theme_control_headings_font=='IM+Fell+DW+Pica+SC'){echo $selected2;} ?>>IM Fell DW Pica SC</option>
                  <option value="IM+Fell+Double+Pica" <?php if($theme_control_headings_font=='IM+Fell+Double+Pica'){echo $selected2;} ?>>IM Fell Double Pica</option>
                  <option value="IM+Fell+Double+Pica+SC" <?php if($theme_control_headings_font=='IM+Fell+Double+Pica+SC'){echo $selected2;} ?>>IM Fell Double Pica SC</option>
                  <option value="IM+Fell+English" <?php if($theme_control_headings_font=='IM+Fell+English'){echo $selected2;} ?>>IM Fell English</option>
                  <option value="IM+Fell+English+SC" <?php if($theme_control_headings_font=='IM+Fell+English+SC'){echo $selected2;} ?>>IM Fell English SC</option>
                  <option value="IM+Fell+French+Canon" <?php if($theme_control_headings_font=='IM+Fell+French+Canon'){echo $selected2;} ?>>IM Fell French Canon</option>
                  <option value="IM+Fell+French+Canon+SC" <?php if($theme_control_headings_font=='IM+Fell+French+Canon+SC'){echo $selected2;} ?>>IM Fell French Canon SC</option>
                  <option value="IM+Fell+Great+Primer" <?php if($theme_control_headings_font=='IM+Fell+Great+Primer'){echo $selected2;} ?>>IM Fell Great Primer</option>
                  <option value="IM+Fell+Great+Primer+SC" <?php if($theme_control_headings_font=='IM+Fell+Great+Primer+SC'){echo $selected2;} ?>>IM Fell Great Primer SC</option>
                  <option value="Irish+Grover" <?php if($theme_control_headings_font=='Irish+Grover'){echo $selected2;} ?>>Irish Grover</option>
                  <option value="Irish+Growler" <?php if($theme_control_headings_font=='Irish+Growler'){echo $selected2;} ?>>Irish Growler</option>
                  <option value="Istok+Web" <?php if($theme_control_headings_font=='Istok+Web'){echo $selected2;} ?>>Istok Web</option>
                  <option value="Josefin+Sans" <?php if($theme_control_headings_font=='Josefin+Sans'){echo $selected2;} ?>>Josefin Sans Regular 400</option>
                  <option value="Josefin+Slab" <?php if($theme_control_headings_font=='Josefin+Slab'){echo $selected2;} ?>>Josefin Slab Regular 400</option>
                  <option value="Judson" <?php if($theme_control_headings_font=='Judson'){echo $selected2;} ?>>Judson</option>
                  <option value="Jura" <?php if($theme_control_headings_font=='Jura'){echo $selected2;} ?>> Jura Regular</option>
                  <option value="Just+Another+Hand" <?php if($theme_control_headings_font=='Just+Another+Hand'){echo $selected2;} ?>>Just Another Hand</option>
                  <option value="Just+Me+Again+Down+Here" <?php if($theme_control_headings_font=='Just+Me+Again+Down+Here'){echo $selected2;} ?>>Just Me Again Down Here</option>
                  <option value="Kameron" <?php if($theme_control_headings_font=='Kameron'){echo $selected2;} ?>>Kameron</option>
                  <option value="Kenia" <?php if($theme_control_headings_font=='Kenia'){echo $selected2;} ?>>Kenia</option>
                  <option value="Kranky" <?php if($theme_control_headings_font=='Kranky'){echo $selected2;} ?>>Kranky</option>
                  <option value="Kreon" <?php if($theme_control_headings_font=='Kreon'){echo $selected2;} ?>>Kreon</option>
                  <option value="Kristi" <?php if($theme_control_headings_font=='Kristi'){echo $selected2;} ?>>Kristi</option>
                  <option value="La+Belle+Aurore" <?php if($theme_control_headings_font=='La+Belle+Aurore'){echo $selected2;} ?>>La Belle Aurore</option>
                  <option value="Lato" <?php if($theme_control_headings_font=='Lato'){echo $selected2;} ?>>Lato</option>
                  <option value="League+Script" <?php if($theme_control_headings_font=='League+Script'){echo $selected2;} ?>>League Script</option>
                  <option value="Lekton" <?php if($theme_control_headings_font=='Lekton'){echo $selected2;} ?>> Lekton </option>
                  <option value="Limelight" <?php if($theme_control_headings_font=='Limelight'){echo $selected2;} ?>> Limelight </option>
                  <option value="Lobster" <?php if($theme_control_headings_font=='Lobster'){echo $selected2;} ?>>Lobster</option>
                  <option value="Lobster+Two" <?php if($theme_control_headings_font=='Lobster+Two'){echo $selected2;} ?>>Lobster Two</option>
                  <option value="Lora" <?php if($theme_control_headings_font=='Lora'){echo $selected2;} ?>>Lora</option>
                  <option value="Love+Ya+Like+A+Sister" <?php if($theme_control_headings_font=='Love+Ya+Like+A+Sister'){echo $selected2;} ?>>Love Ya Like A Sister</option>
                  <option value="Loved+by+the+King" <?php if($theme_control_headings_font=='Loved+by+the+King'){echo $selected2;} ?>>Loved by the King</option>
                  <option value="Luckiest+Guy" <?php if($theme_control_headings_font=='Luckiest+Guy'){echo $selected2;} ?>>Luckiest Guy</option>
                  <option value="Maiden+Orange" <?php if($theme_control_headings_font=='Maiden+Orange'){echo $selected2;} ?>>Maiden Orange</option>
                  <option value="Mako" <?php if($theme_control_headings_font=='Mako'){echo $selected2;} ?>>Mako</option>
                  <option value="Maven+Pro" <?php if($theme_control_headings_font=='Maven+Pro'){echo $selected2;} ?>> Maven Pro</option>
                  <option value="Meddon" <?php if($theme_control_headings_font=='Meddon'){echo $selected2;} ?>>Meddon</option>
                  <option value="MedievalSharp" <?php if($theme_control_headings_font=='MedievalSharp'){echo $selected2;} ?>>MedievalSharp</option>
                  <option value="Megrim" <?php if($theme_control_headings_font=='Megrim'){echo $selected2;} ?>>Megrim</option>
                  <option value="Merriweather" <?php if($theme_control_headings_font=='Merriweather'){echo $selected2;} ?>>Merriweather</option>
                  <option value="Metrophobic" <?php if($theme_control_headings_font=='Metrophobic'){echo $selected2;} ?>>Metrophobic</option>
                  <option value="Michroma" <?php if($theme_control_headings_font=='Michroma'){echo $selected2;} ?>>Michroma</option>
                  <option value="Miltonian+Tattoo" <?php if($theme_control_headings_font=='Miltonian+Tattoo'){echo $selected2;} ?>>Miltonian Tattoo</option>
                  <option value="Miltonian" <?php if($theme_control_headings_font=='Miltonian'){echo $selected2;} ?>>Miltonian</option>
                  <option value="Modern+Antiqua" <?php if($theme_control_headings_font=='Modern+Antiqua'){echo $selected2;} ?>>Modern Antiqua</option>
                  <option value="Monofett" <?php if($theme_control_headings_font=='Monofett'){echo $selected2;} ?>>Monofett</option>
                  <option value="Molengo" <?php if($theme_control_headings_font=='Molengo'){echo $selected2;} ?>>Molengo</option>
                  <option value="Mountains+of+Christmas" <?php if($theme_control_headings_font=='Mountains+of+Christmas'){echo $selected2;} ?>>Mountains of Christmas</option>
                  <option value="Muli" <?php if($theme_control_headings_font=='Muli'){echo $selected2;} ?>>Muli Regular</option>
                  <option value="Neucha" <?php if($theme_control_headings_font=='Neucha'){echo $selected2;} ?>>Neucha</option>
                  <option value="Neuton" <?php if($theme_control_headings_font=='Neuton'){echo $selected2;} ?>>Neuton</option>
                  <option value="News+Cycle" <?php if($theme_control_headings_font=='News+Cycle'){echo $selected2;} ?>>News Cycle</option>
                  <option value="Nixie+One" <?php if($theme_control_headings_font=='Nixie+One'){echo $selected2;} ?>>Nixie One</option>
                  <option value="Nobile" <?php if($theme_control_headings_font=='Nobile'){echo $selected2;} ?>>Nobile</option>
                  <option value="Nova+Cut" <?php if($theme_control_headings_font=='Nova+Cut'){echo $selected2;} ?>>Nova Cut</option>
                  <option value="Nova+Flat" <?php if($theme_control_headings_font=='Nova+Flat'){echo $selected2;} ?>>Nova Flat</option>
                  <option value="Nova+Mono" <?php if($theme_control_headings_font=='Nova+Mono'){echo $selected2;} ?>>Nova Mono</option>
                  <option value="Nova+Oval" <?php if($theme_control_headings_font=='Nova+Oval'){echo $selected2;} ?>>Nova Oval</option>
                  <option value="Nova+Round" <?php if($theme_control_headings_font=='Nova+Round'){echo $selected2;} ?>>Nova Round</option>
                  <option value="Nova+Script" <?php if($theme_control_headings_font=='Nova+Script'){echo $selected2;} ?>>Nova Script</option>
                  <option value="Nova+Slim" <?php if($theme_control_headings_font=='Nova+Slim'){echo $selected2;} ?>>Nova Slim</option>
                  <option value="Nova+Square" <?php if($theme_control_headings_font=='Nova+Square'){echo $selected2;} ?>>Nova Square</option>
                  <option value="Nunito" <?php if($theme_control_headings_font=='Nunito'){echo $selected2;} ?>> Nunito Regular</option>
                  <option value="OFL+Sorts+Mill+Goudy+TT" <?php if($theme_control_headings_font=='OFL+Sorts+Mill+Goudy+TT'){echo $selected2;} ?>>OFL Sorts Mill Goudy TT</option>
                  <option value="Old+Standard+TT" <?php if($theme_control_headings_font=='Old+Standard+TT'){echo $selected2;} ?>>Old Standard TT</option>
                  <option value="Open+Sans" <?php if($theme_control_headings_font=='Open+Sans'){echo $selected2;} ?>>Open Sans regular</option>
                  <option value="Open+Sans+Condensed" <?php if($theme_control_headings_font=='Open+Sans+Condensed'){echo $selected2;} ?>>Open Sans Condensed</option>
                  <option value="Orbitron" <?php if($theme_control_headings_font=='Orbitron'){echo $selected2;} ?>>Orbitron Regular (400)</option>
                  <option value="Oswald" <?php if($theme_control_headings_font=='Oswald'){echo $selected2;} ?>>Oswald</option>
                  <option value="Over+the+Rainbow" <?php if($theme_control_headings_font=='Over+the+Rainbow'){echo $selected2;} ?>>Over the Rainbow</option>
                  <option value="Reenie+Beanie" <?php if($theme_control_headings_font=='Reenie+Beanie'){echo $selected2;} ?>>Reenie Beanie</option>
                  <option value="Pacifico" <?php if($theme_control_headings_font=='Pacifico'){echo $selected2;} ?>>Pacifico</option>
                  <option value="Patrick+Hand" <?php if($theme_control_headings_font=='Patrick+Hand'){echo $selected2;} ?>>Patrick Hand</option>
                  <option value="Paytone+One" <?php if($theme_control_headings_font=='Paytone+One'){echo $selected2;} ?>>Paytone One</option>
                  <option value="Permanent+Marker" <?php if($theme_control_headings_font=='Permanent+Marker'){echo $selected2;} ?>>Permanent Marker</option>
                  <option value="Philosopher" <?php if($theme_control_headings_font=='Philosopher'){echo $selected2;} ?>>Philosopher</option>
                  <option value="Play" <?php if($theme_control_headings_font=='Play'){echo $selected2;} ?>>Play</option>
                  <option value="Playfair+Display" <?php if($theme_control_headings_font=='Playfair+Display'){echo $selected2;} ?>> Playfair Display </option>
                  <option value="Podkova" <?php if($theme_control_headings_font=='Podkova'){echo $selected2;} ?>> Podkova </option>
                  <option value="PT+Sans" <?php if($theme_control_headings_font=='PT+Sans'){echo $selected2;} ?>>PT Sans</option>
                  <option value="PT+Sans+Narrow" <?php if($theme_control_headings_font=='PT+Sans+Narrow'){echo $selected2;} ?>>PT Sans Narrow</option>
                  <option value="PT+Serif" <?php if($theme_control_headings_font=='PT+Serif'){echo $selected2;} ?>>PT Serif</option>
                  <option value="Puritan" <?php if($theme_control_headings_font=='Puritan'){echo $selected2;} ?>>Puritan</option>
                  <option value="Quattrocento" <?php if($theme_control_headings_font=='Quattrocento'){echo $selected2;} ?>>Quattrocento</option>
                  <option value="Quattrocento+Sans" <?php if($theme_control_headings_font=='Quattrocento+Sans'){echo $selected2;} ?>>Quattrocento Sans</option>
                  <option value="Radley" <?php if($theme_control_headings_font=='Radley'){echo $selected2;} ?>>Radley</option>
                  <option value="Raleway" <?php if($theme_control_headings_font=='Raleway'){echo $selected2;} ?>>Raleway</option>
                  <option value="Redressed" <?php if($theme_control_headings_font=='Redressed'){echo $selected2;} ?>>Redressed</option>
                  <option value="Rock+Salt" <?php if($theme_control_headings_font=='Rock+Salt'){echo $selected2;} ?>>Rock Salt</option>
                  <option value="Rokkitt" <?php if($theme_control_headings_font=='Rokkitt'){echo $selected2;} ?>>Rokkitt</option>
                  <option value="Ruslan+Display" <?php if($theme_control_headings_font=='Ruslan+Display'){echo $selected2;} ?>>Ruslan Display</option>
                  <option value="Schoolbell" <?php if($theme_control_headings_font=='Schoolbell'){echo $selected2;} ?>>Schoolbell</option>
                  <option value="Shadows+Into+Light" <?php if($theme_control_headings_font=='Shadows+Into+Light'){echo $selected2;} ?>>Shadows Into Light</option>
                  <option value="Shanti" <?php if($theme_control_headings_font=='Shanti'){echo $selected2;} ?>>Shanti</option>
                  <option value="Sigmar+One" <?php if($theme_control_headings_font=='Sigmar+One'){echo $selected2;} ?>>Sigmar One</option>
                  <option value="Six+Caps" <?php if($theme_control_headings_font=='Six+Caps'){echo $selected2;} ?>>Six Caps</option>
                  <option value="Slackey" <?php if($theme_control_headings_font=='Slackey'){echo $selected2;} ?>>Slackey</option>
                  <option value="Smythe" <?php if($theme_control_headings_font=='Smythe'){echo $selected2;} ?>>Smythe</option>
                  <option value="Sniglet" <?php if($theme_control_headings_font=='Sniglet'){echo $selected2;} ?>>Sniglet</option>
                  <option value="Special+Elite" <?php if($theme_control_headings_font=='Special+Elite'){echo $selected2;} ?>>Special Elite</option>
                  <option value="Stardos+Stencil" <?php if($theme_control_headings_font=='Stardos+Stencil'){echo $selected2;} ?>>Stardos Stencil</option>
                  <option value="Sue+Ellen+Francisco" <?php if($theme_control_headings_font=='Sue+Ellen+Francisco'){echo $selected2;} ?>>Sue Ellen Francisco</option>
                  <option value="Sunshiney" <?php if($theme_control_headings_font=='Sunshiney'){echo $selected2;} ?>>Sunshiney</option>
                  <option value="Swanky+and+Moo+Moo" <?php if($theme_control_headings_font=='Swanky+and+Moo+Moo'){echo $selected2;} ?>>Swanky and Moo Moo</option>
                  <option value="Syncopate" <?php if($theme_control_headings_font=='Syncopate'){echo $selected2;} ?>>Syncopate</option>
                  <option value="Tangerine" <?php if($theme_control_headings_font=='Tangerine'){echo $selected2;} ?>>Tangerine</option>
                  <option value="Tenor+Sans" <?php if($theme_control_headings_font=='Tenor+Sans'){echo $selected2;} ?>> Tenor Sans </option>
                  <option value="Terminal+Dosis+Light" <?php if($theme_control_headings_font=='Terminal+Dosis+Light'){echo $selected2;} ?>>Terminal Dosis Light</option>
                  <option value="The+Girl+Next+Door" <?php if($theme_control_headings_font=='The+Girl+Next+Door'){echo $selected2;} ?>>The Girl Next Door</option>
                  <option value="Tinos" <?php if($theme_control_headings_font=='Tinos'){echo $selected2;} ?>>Tinos</option>
                  <option value="Ubuntu" <?php if($theme_control_headings_font=='Ubuntu'){echo $selected2;} ?>>Ubuntu</option>
                  <option value="Ultra" <?php if($theme_control_headings_font=='Ultra'){echo $selected2;} ?>>Ultra</option>
                  <option value="Unkempt" <?php if($theme_control_headings_font=='Unkempt'){echo $selected2;} ?>>Unkempt</option>
                  <option value="UnifrakturCook:bold" <?php if($theme_control_headings_font=='UnifrakturCook:bold'){echo $selected2;} ?>>UnifrakturCook</option>
                  <option value="UnifrakturMaguntia" <?php if($theme_control_headings_font=='UnifrakturMaguntia'){echo $selected2;} ?>>UnifrakturMaguntia</option>
                  <option value="Varela" <?php if($theme_control_headings_font=='Varela'){echo $selected2;} ?>>Varela</option>
                  <option value="Varela+Round" <?php if($theme_control_headings_font=='Varela+Round'){echo $selected2;} ?>>Varela Round</option>
                  <option value="Vibur" <?php if($theme_control_headings_font=='Vibur'){echo $selected2;} ?>>Vibur</option>
                  <option value="Vollkorn" <?php if($theme_control_headings_font=='Vollkorn'){echo $selected2;} ?>>Vollkorn</option>
                  <option value="Waiting+for+the+Sunrise" <?php if($theme_control_headings_font=='Waiting+for+the+Sunrise'){echo $selected2;} ?>>Waiting for the Sunrise</option>
                  <option value="Wallpoet" <?php if($theme_control_headings_font=='Wallpoet'){echo $selected2;} ?>>Wallpoet</option>
                  <option value="Walter+Turncoat" <?php if($theme_control_headings_font=='Walter+Turncoat'){echo $selected2;} ?>>Walter Turncoat</option>
                  <option value="Wire+One" <?php if($theme_control_headings_font=='Wire+One'){echo $selected2;} ?>>Wire One</option>
                  <option value="Yanone+Kaffeesatz" <?php if($theme_control_headings_font=='Yanone+Kaffeesatz'){echo $selected2;} ?>>Yanone Kaffeesatz</option>
                  <option value="Yeseva+One" <?php if($theme_control_headings_font=='Yeseva+One'){echo $selected2;} ?>>Yeseva One</option>
                  <option value="Yellowtail" <?php if($theme_control_headings_font=='Yellowtail'){echo $selected2;} ?>>Yellowtail</option>
                  <option value="Zeyada" <?php if($theme_control_headings_font=='Zeyada'){echo $selected2;} ?>>Zeyada</option>
                  <option value="Rochester" <?php if($theme_control_headings_font=='Rochester'){echo $selected2;} ?>>Rochester</option>
                  <?php } else { ?>
                  <option value="Arial">Arial</option>
                  <option value="Aclonica">Aclonica</option>
                  <option value="Allan">Allan</option>
                  <option value="Annie+Use+Your+Telescope">Annie Use Your Telescope</option>
                  <option value="Anonymous+Pro">Anonymous Pro</option>
                  <option value="Allerta+Stencil">Allerta Stencil</option>
                  <option value="Allerta">Allerta</option>
                  <option value="Amaranth">Amaranth</option>
                  <option value="Anton">Anton</option>
                  <option value="Architects+Daughter">Architects Daughter</option>
                  <option value="Arimo">Arimo</option>
                  <option value="Artifika">Artifika</option>
                  <option value="Arvo">Arvo</option>
                  <option value="Asset">Asset</option>
                  <option value="Astloch">Astloch</option>
                  <option value="Bangers">Bangers</option>
                  <option value="Bentham">Bentham</option>
                  <option value="Bevan">Bevan</option>
                  <option value="Bigshot+One">Bigshot One</option>
                  <option value="Bowlby+One">Bowlby One</option>
                  <option value="Bowlby+One+SC">Bowlby One SC</option>
                  <option value="Brawler">Brawler </option>
                  <option value="Buda">Buda</option>
                  <option value="Cabin">Cabin</option>
                  <option value="Calligraffitti">Calligraffitti</option>
                  <option value="Candal">Candal</option>
                  <option value="Cantarell">Cantarell</option>
                  <option value="Cardo">Cardo</option>
                  <option value="Carter+One">Carter One</option>
                  <option value="Caudex">Caudex</option>
                  <option value="Cedarville+Cursive">Cedarville Cursive</option>
                  <option value="Cherry+Cream+Soda">Cherry Cream Soda</option>
                  <option value="Chewy">Chewy</option>
                  <option value="Coda">Coda</option>
                  <option value="Coming+Soon">Coming Soon</option>
                  <option value="Copse">Copse</option>
                  <option value="Corben">Corben</option>
                  <option value="Cousine">Cousine</option>
                  <option value="Covered+By+Your+Grace">Covered By Your Grace</option>
                  <option value="Crafty+Girls">Crafty Girls</option>
                  <option value="Crimson+Text">Crimson Text</option>
                  <option value="Crushed">Crushed</option>
                  <option value="Cuprum">Cuprum</option>
                  <option value="Damion">Damion</option>
                  <option value="Dancing+Script">Dancing Script</option>
                  <option value="Dawning+of+a+New+Day">Dawning of a New Day</option>
                  <option value="Didact+Gothic">Didact Gothic</option>
                  <option value="Droid+Sans">Droid Sans</option>
                  <option value="Droid+Sans+Mono">Droid Sans Mono</option>
                  <option value="Droid+Serif">Droid Serif</option>
                  <option value="EB+Garamond">EB Garamond</option>
                  <option value="Expletus+Sans">Expletus Sans</option>
                  <option value="Fontdiner+Swanky">Fontdiner Swanky</option>
                  <option value="Forum">Forum</option>
                  <option value="Francois+One">Francois One</option>
                  <option value="Federo">Federo</option>
                  <option value="Geo">Geo</option>
                  <option value="Give+You+Glory">Give You Glory</option>
                  <option value="Goblin+One">Goblin One</option>
                  <option value="Goudy+Bookletter+1911">Goudy Bookletter 1911</option>
                  <option value="Gravitas+One">Gravitas One</option>
                  <option value="Gruppo">Gruppo</option>
                  <option value="Hammersmith+One">Hammersmith One</option>
                  <option value="Holtwood+One+SC">Holtwood One SC</option>
                  <option value="Homemade+Apple">Homemade Apple</option>
                  <option value="Inconsolata">Inconsolata</option>
                  <option value="Indie+Flower">Indie Flower</option>
                  <option value="IM+Fell+DW+Pica">IM Fell DW Pica</option>
                  <option value="IM+Fell+DW+Pica+SC">IM Fell DW Pica SC</option>
                  <option value="IM+Fell+Double+Pica">IM Fell Double Pica</option>
                  <option value="IM+Fell+Double+Pica+SC">IM Fell Double Pica SC</option>
                  <option value="IM+Fell+English">IM Fell English</option>
                  <option value="IM+Fell+English+SC">IM Fell English SC</option>
                  <option value="IM+Fell+French+Canon">IM Fell French Canon</option>
                  <option value="IM+Fell+French+Canon+SC">IM Fell French Canon SC</option>
                  <option value="IM+Fell+Great+Primer">IM Fell Great Primer</option>
                  <option value="IM+Fell+Great+Primer+SC">IM Fell Great Primer SC</option>
                  <option value="Irish+Grover">Irish Grover</option>
                  <option value="Irish+Growler">Irish Growler</option>
                  <option value="Istok+Web">Istok Web</option>
                  <option value="Josefin+Sans">Josefin Sans Regular 400</option>
                  <option value="Josefin+Slab">Josefin Slab Regular 400</option>
                  <option value="Judson">Judson</option>
                  <option value="Jura"> Jura Regular</option>
                  <option value="Just+Another+Hand">Just Another Hand</option>
                  <option value="Just+Me+Again+Down+Here">Just Me Again Down Here</option>
                  <option value="Kameron">Kameron</option>
                  <option value="Kenia">Kenia</option>
                  <option value="Kranky">Kranky</option>
                  <option value="Kreon">Kreon</option>
                  <option value="Kristi">Kristi</option>
                  <option value="La+Belle+Aurore">La Belle Aurore</option>
                  <option value="Lato">Lato</option>
                  <option value="League+Script">League Script</option>
                  <option value="Lekton"> Lekton </option>
                  <option value="Limelight"> Limelight </option>
                  <option value="Lobster" selected="selected">Lobster</option>
                  <option value="Lobster+Two">Lobster Two</option>
                  <option value="Lora">Lora</option>
                  <option value="Love+Ya+Like+A+Sister">Love Ya Like A Sister</option>
                  <option value="Loved+by+the+King">Loved by the King</option>
                  <option value="Luckiest+Guy">Luckiest Guy</option>
                  <option value="Maiden+Orange">Maiden Orange</option>
                  <option value="Mako">Mako</option>
                  <option value="Maven+Pro"> Maven Pro</option>
                  <option value="Meddon">Meddon</option>
                  <option value="MedievalSharp">MedievalSharp</option>
                  <option value="Megrim">Megrim</option>
                  <option value="Merriweather">Merriweather</option>
                  <option value="Metrophobic">Metrophobic</option>
                  <option value="Michroma">Michroma</option>
                  <option value="Miltonian+Tattoo">Miltonian Tattoo</option>
                  <option value="Miltonian">Miltonian</option>
                  <option value="Modern+Antiqua">Modern Antiqua</option>
                  <option value="Monofett">Monofett</option>
                  <option value="Molengo">Molengo</option>
                  <option value="Mountains+of+Christmas">Mountains of Christmas</option>
                  <option value="Muli">Muli Regular</option>
                  <option value="Neucha">Neucha</option>
                  <option value="Neuton">Neuton</option>
                  <option value="News+Cycle">News Cycle</option>
                  <option value="Nixie+One">Nixie One</option>
                  <option value="Nobile">Nobile</option>
                  <option value="Nova+Cut">Nova Cut</option>
                  <option value="Nova+Flat">Nova Flat</option>
                  <option value="Nova+Mono">Nova Mono</option>
                  <option value="Nova+Oval">Nova Oval</option>
                  <option value="Nova+Round">Nova Round</option>
                  <option value="Nova+Script">Nova Script</option>
                  <option value="Nova+Slim">Nova Slim</option>
                  <option value="Nova+Square">Nova Square</option>
                  <option value="Nunito"> Nunito Regular</option>
                  <option value="OFL+Sorts+Mill+Goudy+TT">OFL Sorts Mill Goudy TT</option>
                  <option value="Old+Standard+TT">Old Standard TT</option>
                  <option value="Open+Sans">Open Sans regular</option>
                  <option value="Open+Sans+Condensed">Open Sans Condensed</option>
                  <option value="Orbitron">Orbitron Regular (400)</option>
                  <option value="Oswald">Oswald</option>
                  <option value="Over+the+Rainbow">Over the Rainbow</option>
                  <option value="Reenie+Beanie">Reenie Beanie</option>
                  <option value="Pacifico">Pacifico</option>
                  <option value="Patrick+Hand">Patrick Hand</option>
                  <option value="Paytone+One">Paytone One</option>
                  <option value="Permanent+Marker">Permanent Marker</option>
                  <option value="Philosopher">Philosopher</option>
                  <option value="Play">Play</option>
                  <option value="Playfair+Display"> Playfair Display </option>
                  <option value="Podkova"> Podkova </option>
                  <option value="PT+Sans">PT Sans</option>
                  <option value="PT+Sans+Narrow">PT Sans Narrow</option>
                  <option value="PT+Serif">PT Serif</option>
                  <option value="Puritan">Puritan</option>
                  <option value="Quattrocento">Quattrocento</option>
                  <option value="Quattrocento+Sans">Quattrocento Sans</option>
                  <option value="Radley">Radley</option>
                  <option value="Raleway">Raleway</option>
                  <option value="Redressed">Redressed</option>
                  <option value="Rock+Salt">Rock Salt</option>
                  <option value="Rokkitt">Rokkitt</option>
                  <option value="Ruslan+Display">Ruslan Display</option>
                  <option value="Schoolbell">Schoolbell</option>
                  <option value="Shadows+Into+Light">Shadows Into Light</option>
                  <option value="Shanti">Shanti</option>
                  <option value="Sigmar+One">Sigmar One</option>
                  <option value="Six+Caps">Six Caps</option>
                  <option value="Slackey">Slackey</option>
                  <option value="Smythe">Smythe</option>
                  <option value="Sniglet">Sniglet</option>
                  <option value="Special+Elite">Special Elite</option>
                  <option value="Stardos+Stencil">Stardos Stencil</option>
                  <option value="Sue+Ellen+Francisco">Sue Ellen Francisco</option>
                  <option value="Sunshiney">Sunshiney</option>
                  <option value="Swanky+and+Moo+Moo">Swanky and Moo Moo</option>
                  <option value="Syncopate">Syncopate</option>
                  <option value="Tangerine">Tangerine</option>
                  <option value="Tenor+Sans"> Tenor Sans </option>
                  <option value="Terminal+Dosis+Light">Terminal Dosis Light</option>
                  <option value="The+Girl+Next+Door">The Girl Next Door</option>
                  <option value="Tinos">Tinos</option>
                  <option value="Ubuntu">Ubuntu</option>
                  <option value="Ultra">Ultra</option>
                  <option value="Unkempt">Unkempt</option>
                  <option value="UnifrakturCook:bold">UnifrakturCook</option>
                  <option value="UnifrakturMaguntia">UnifrakturMaguntia</option>
                  <option value="Varela">Varela</option>
                  <option value="Varela+Round">Varela Round</option>
                  <option value="Vibur">Vibur</option>
                  <option value="Vollkorn">Vollkorn</option>
                  <option value="Waiting+for+the+Sunrise">Waiting for the Sunrise</option>
                  <option value="Wallpoet">Wallpoet</option>
                  <option value="Walter+Turncoat">Walter Turncoat</option>
                  <option value="Wire+One">Wire One</option>
                  <option value="Yanone+Kaffeesatz">Yanone Kaffeesatz</option>
                  <option value="Yeseva+One">Yeseva One</option>
                  <option value="Yellowtail">Yellowtail</option>
                  <option value="Zeyada">Zeyada</option>
                  <option value="Rochester">Rochester</option>
                  <?php } ?>
                </select>
                <span class="default_value">Default value: Lobster</span></td>
            </tr>
          </table>
        </div>
        <div class="content_last">
          <h2 class="backgrounds"><span>Background Settings</span></h2>
          <p>Click inside the field and choose a color. When ready, click on the circle icon in lower-right corner. <span class="helper"><strong>*</strong>Default values will be used for empty fields!</span></p>
          <table class="form">
            <tr>
              <td>Body background color</td>
              <td><input id="theme_control_body_bg_color" type="text" name="theme_control_body_bg_color" value="<?php echo $theme_control_body_bg_color; ?>" class="spicy" >
                <span class="default_value">Default value: f8f8f8</span></td>
            </tr>
            <tr>
              <td>Body background pattern</td>
              <td><select name="theme_control_body_bg_pattern" class="spicy">
                  <?php if (isset($theme_control_body_bg_pattern)) {
                    $selected3 = 'selected="selected"';
            ?>
                  <option value="0" <?php if($theme_control_body_bg_pattern=='0'){echo $selected3;} ?>>No pattern</option>
                  <option value="1" <?php if($theme_control_body_bg_pattern=='1'){echo $selected3;} ?>>Pattern 1</option>
                  <option value="2" <?php if($theme_control_body_bg_pattern=='2'){echo $selected3;} ?>>Pattern 2</option>
                  <option value="3" <?php if($theme_control_body_bg_pattern=='3'){echo $selected3;} ?>>Pattern 3</option>
                  <option value="4" <?php if($theme_control_body_bg_pattern=='4'){echo $selected3;} ?>>Pattern 4</option>
                  <option value="5" <?php if($theme_control_body_bg_pattern=='5'){echo $selected3;} ?>>Pattern 5</option>
                  <option value="6" <?php if($theme_control_body_bg_pattern=='6'){echo $selected3;} ?>>Pattern 6</option>
                  <option value="7" <?php if($theme_control_body_bg_pattern=='7'){echo $selected3;} ?>>Pattern 7</option>
                  <option value="8" <?php if($theme_control_body_bg_pattern=='8'){echo $selected3;} ?>>Pattern 8</option>
                  <option value="9" <?php if($theme_control_body_bg_pattern=='9'){echo $selected3;} ?>>Pattern 9</option>
                  <option value="10" <?php if($theme_control_body_bg_pattern=='10'){echo $selected3;} ?>>Pattern 10</option>
                  <option value="11" <?php if($theme_control_body_bg_pattern=='11'){echo $selected3;} ?>>Pattern 11</option>
                  <option value="12" <?php if($theme_control_body_bg_pattern=='12'){echo $selected3;} ?>>Pattern 12</option>
                  <option value="13" <?php if($theme_control_body_bg_pattern=='13'){echo $selected3;} ?>>Pattern 13</option>
                  <option value="14" <?php if($theme_control_body_bg_pattern=='14'){echo $selected3;} ?>>Pattern 14</option>
                  <option value="15" <?php if($theme_control_body_bg_pattern=='15'){echo $selected3;} ?>>Pattern 15</option>
                  <option value="16" <?php if($theme_control_body_bg_pattern=='16'){echo $selected3;} ?>>Pattern 16</option>
                  <option value="17" <?php if($theme_control_body_bg_pattern=='17'){echo $selected3;} ?>>Pattern 17</option>
                  <option value="18" <?php if($theme_control_body_bg_pattern=='18'){echo $selected3;} ?>>Pattern 18</option>
                  <option value="19" <?php if($theme_control_body_bg_pattern=='19'){echo $selected3;} ?>>Pattern 19</option>
                  <option value="20" <?php if($theme_control_body_bg_pattern=='20'){echo $selected3;} ?>>Pattern 20</option>
                  <option value="21" <?php if($theme_control_body_bg_pattern=='21'){echo $selected3;} ?>>Pattern 21</option>
                  <option value="22" <?php if($theme_control_body_bg_pattern=='22'){echo $selected3;} ?>>Pattern 22</option>
                  <option value="23" <?php if($theme_control_body_bg_pattern=='23'){echo $selected3;} ?>>Pattern 23</option>
                  <option value="24" <?php if($theme_control_body_bg_pattern=='24'){echo $selected3;} ?>>Pattern 24</option>
                  <option value="25" <?php if($theme_control_body_bg_pattern=='25'){echo $selected3;} ?>>Pattern 25</option>
                  <?php } else { ?>
                  <option value="0">No pattern</option>
                  <option value="1" selected="selected">Pattern 1</option>
                  <option value="2">Pattern 2</option>
                  <option value="3">Pattern 3</option>
                  <option value="4">Pattern 4</option>
                  <option value="5">Pattern 5</option>
                  <option value="6">Pattern 6</option>
                  <option value="7">Pattern 7</option>
                  <option value="8">Pattern 8</option>
                  <option value="9">Pattern 9</option>
                  <option value="10">Pattern 10</option>
                  <option value="11">Pattern 11</option>
                  <option value="12">Pattern 12</option>
                  <option value="13">Pattern 13</option>
                  <option value="14">Pattern 14</option>
                  <option value="15">Pattern 15</option>
                  <option value="16">Pattern 16</option>
                  <option value="17">Pattern 17</option>
                  <option value="18">Pattern 18</option>
                  <option value="19">Pattern 19</option>
                  <option value="20">Pattern 20</option>
                  <option value="21">Pattern 21</option>
                  <option value="22">Pattern 22</option>
                  <option value="23">Pattern 23</option>
                  <option value="24">Pattern 24</option>
                  <option value="25">Pattern 25</option>
                  <?php } ?>
                </select>
                <span class="default_value">Default value: Pattern 1</span></td>
            </tr>
            <tr>
              <td>Boxed container background color</td>
              <td><input id="theme_control_container_bg_color" type="text" name="theme_control_container_bg_color" value="<?php echo $theme_control_container_bg_color; ?>" class="spicy" >
                <span class="default_value">Default value: ffffff</span></td>
            </tr>
            <tr>
              <td>Footer background color</td>
              <td><input id="theme_control_footer_bg_color" type="text" name="theme_control_footer_bg_color" value="<?php echo $theme_control_footer_bg_color; ?>" class="spicy" >
                <span class="default_value">Default value: 252525</span></td>
            </tr>
            <tr>
              <td>Left / Right column - Box background</td>
              <td><input id="theme_control_column_box_color" type="text" name="theme_control_column_box_color" value="<?php echo $theme_control_column_box_color; ?>" class="spicy" >
                <span class="default_value">Default value: f9f9f9</span></td>
            </tr>
          </table>
        </div>
        <div class="content_last">
        <h2 class="twitter"><span>Twitter Username</span></h2>
        <table class="form">
          <tr>
            
            <td><input id="theme_control_twitter_id" type="text" name="theme_control_twitter_id" value="<?php echo $theme_control_twitter_id ; ?>" class="spicy" >
              <span class="default_value">Twitter username goes here</span></td>
          </tr>
        </table>
      </div>
        <div class="content_last">
          <h2 class="facebook"><span>Facebook User Id</span></h2>
          <table class="form">
            <tr>
              <td><input id="theme_control_facebook_id" type="text" name="theme_control_facebook_id" value="<?php echo $theme_control_facebook_id ; ?>" class="spicy" >
                <span class="default_value">Facebook ID goes here.</span></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="clear"></div>
      <div class="content_full">
      <h2 class="on_off"><span>Settings ON/OFF</span></h2>
      <table class="form">
        <tr> </tr>
        <tr>
          <td>Disable / Enable custom options? </td>
          <td><select name="theme_control_status" class="spicy">
              <?php
														if ($theme_control_status) {
															?>
              <option value="1" selected="selected">
              <?php
															echo $text_enabled;
															?>
              </option>
              <option value="0">
              <?php
															echo $text_disabled;
															?>
              </option>
              <?php
														} else {
															?>
              <option value="1">
              <?php
															echo $text_enabled;
															?>
              </option>
              <option value="0" selected="selected">
              <?php
															echo $text_disabled;
															?>
              </option>
              <?php
														}
														?>
            </select></td>
        </tr>
      </table>
    </form>
  </div>
</div>
<script type="text/javascript">

$(document).ready(function() {

	$('	#theme_control_headings_color,	#theme_control_text_color, #theme_control_links_color, #theme_control_links_color_hover, #theme_control_body_bg_color, #theme_control_button_color, #theme_control_button_color_hover, #theme_control_price_color,	#theme_control_footer_bg_color, #theme_control_column_box_color, #theme_control_container_bg_color, #theme_control_column_box_title, #theme_control_footer_box_title, #theme_control_footer_link_color, #theme_control_footer_link_border, #theme_control_main_menu_color, #theme_control_category_menu_color').ColorPicker({
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).val(hex);
			$(el).ColorPickerHide();
		},
		onBeforeShow: function () {
			$(this).ColorPickerSetColor(this.value);
		}
	})
	.bind('keyup', function(){
		$(this).ColorPickerSetColor(this.value);
	});
	 });
</script> 
<script type="text/javascript" src="view/javascript/ckeditor/ckeditor.js"></script> 
<script type="text/javascript"><!--
var module_row = <?php echo $module_row; ?>;

function addModule() {	
	html  = '<tbody id="module-row' + module_row + '">';
	html += '  <tr>';
	html += '    <td class="left"><select name="theme_control_' + module_row + '_layout_id">';
	<?php foreach ($layouts as $layout) { ?>
	html += '      <option value="<?php echo $layout['layout_id']; ?>"><?php echo $layout['name']; ?></option>';
	<?php } ?>
	html += '    </select></td>';
	html += '    <td class="left"><select name="theme_control_' + module_row + '_position">';
	html += '      <option value="content_top"><?php echo $text_content_top; ?></option>';
	html += '      <option value="content_bottom"><?php echo $text_content_bottom; ?></option>';
	html += '      <option value="column_left"><?php echo $text_column_left; ?></option>';
	html += '      <option value="column_right"><?php echo $text_column_right; ?></option>';
	html += '    </select></td>';
	html += '    <td class="left"><select name="theme_control_' + module_row + '_status">';
    html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
    html += '      <option value="0"><?php echo $text_disabled; ?></option>';
    html += '    </select></td>';
	html += '    <td class="right"><input type="text" name="theme_control_' + module_row + '_sort_order" value="" size="3" /></td>';
	html += '    <td class="left"><a onclick="$(\'#module-row' + module_row + '\').remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>';
	html += '  </tr>';
	html += '</tbody>';
	
	$('#module tfoot').before(html);
	
	module_row++;
}

$('#form').bind('submit', function() {
	var module = new Array(); 

	$('#module tbody').each(function(index, element) {
		module[index] = $(element).attr('id').substr(10);
	});
	
	$('input[name=\'theme_control_module\']').attr('value', module.join(','));
});
//--></script> 
<script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
CKEDITOR.replace('description<?php echo $language['language_id']; ?>', {
	filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});
<?php } ?>
//--></script> 
<script type="text/javascript"><!--
function image_upload(field, preview) {
	$('#dialog').remove();
	
	$('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="index.php?route=common/filemanager&token=<?php echo $token; ?>&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>');
	
	$('#dialog').dialog({
		title: '<?php echo $text_image_manager; ?>',
		close: function (event, ui) {
			if ($('#' + field).attr('value')) {
				$.ajax({
					url: 'index.php?route=common/filemanager/image&token=<?php echo $token; ?>',
					type: 'POST',
					data: 'image=' + encodeURIComponent($('#' + field).attr('value')),
					dataType: 'text',
					success: function(data) {
						$('#' + preview).replaceWith('<img src="' + data + '" alt="" id="' + preview + '" class="image" onclick="image_upload(\'' + field + '\', \'' + preview + '\');" />');
					}
				});
			}
		},	
		bgiframe: false,
		width: 700,
		height: 400,
		resizable: false,
		modal: false
	});
};
//--></script> 
<?php echo $footer; ?> 