<?php

/**
 * @file
 * Default theme implementation to display a single Drupal page.
 *
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $directory: The directory the template is located in, e.g. modules/system
 *   or themes/bartik.
 * - $is_front: TRUE if the current page is the front page.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or
 *   prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 *
 * Navigation:
 * - $main_menu (array): An array containing the Main menu links for the
 *   site, if they have been configured.
 * - $secondary_menu (array): An array containing the Secondary menu links for
 *   the site, if they have been configured.
 * - $breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.tpl.php):
 * - $title_prefix (array): An array containing additional output populated by
 *   modules, intended to be displayed in front of the main title tag that
 *   appears in the template.
 * - $title: The page title, for use in the actual HTML content.
 * - $title_suffix (array): An array containing additional output populated by
 *   modules, intended to be displayed after the main title tag that appears in
 *   the template.
 * - $messages: HTML for status and error messages. Should be displayed
 *   prominently.
 * - $tabs (array): Tabs linking to any sub-pages beneath the current page
 *   (e.g., the view and edit tabs when displaying a node).
 * - $action_links (array): Actions local to the page, such as 'Add menu' on the
 *   menu administration interface.
 * - $feed_icons: A string of all feed icons for the current page.
 * - $node: The node object, if there is an automatically-loaded node
 *   associated with the page, and the node ID is the second argument
 *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - $page['help']: Dynamic help text, mostly for admin pages.
 * - $page['highlighted']: Items for the highlighted content region.
 * - $page['content']: The main content of the current page.
 * - $page['sidebar_first']: Items for the first sidebar.
 * - $page['sidebar_second']: Items for the second sidebar.
 * - $page['header']: Items for the header region.
 * - $page['footer']: Items for the footer region.
 *
 * @see template_preprocess()
 * @see template_preprocess_page()
 * @see template_process()
 */
?>

<?php
  $page_wrapper_style = '';
  $page_width = theme_get_setting('page_width');
  if (empty($page_width)) $page_width = '90%';
  if (arg(0) == "admin") $page_width = '100%'; // admin page
  $page_wrapper_style = 'width: ' . $page_width . ';';

  $page_max_width = theme_get_setting('page_max_width');
  if (!empty($page_max_width)) {
    $page_wrapper_style .= 'max-width: ' . $page_max_width . ';';
  }

  $base_vmargin = theme_get_setting('base_vmargin');
  if (arg(0) == "admin") $base_vmargin = '0px'; // admin page
  if (empty($base_vmargin)) $base_vmargin = '0px';
  $page_wrapper_style .= ' margin-top: ' . $base_vmargin . '; margin-bottom: ' . $base_vmargin . ';';

  $page_style = '';
  $main_style = '';
  $layout_style = theme_get_setting('layout_style');
  $page_margin = theme_get_setting('page_margin');
  if (empty($page_margin)) $page_margin = '0px';
  if (arg(0) == "admin") $page_margin = '20px'; // admin page
  if ($layout_style == 1) {
    $page_style = 'padding: ' . $page_margin . ';';
  }
  else {
    $main_style = 'padding: 0px ' . $page_margin . ';';
  }

  $header_style = '';
  $header_bg_file = theme_get_setting('header_bg_file');
  if ($header_bg_file) {
    $header_style .= 'filter:;background: url(' . $header_bg_file . ') repeat ';
    $header_style .= theme_get_setting('header_bg_alignment') . ';';
  }
  if ($layout_style == 2 || $header_bg_file) {
    // no header margin, so skip header borders to make it nicer
    $header_style .= 'border: none;';
  }
  else {
    $header_border_width = theme_get_setting('header_border_width');
    $header_style .= 'border-width: ' . $header_border_width . ';';
  }

  $header_watermark_style = '';
  $header_watermark = theme_get_setting('header_watermark');
  if($header_watermark) {
    $header_watermark_style = 'background-image: url(/' . path_to_theme() . '/images/pat-' . $header_watermark . '.png);';
  }

  $fontsizer_top_margin = '3px';
  $fontsizer_style = 'margin-top: ' . $fontsizer_top_margin . ';';

  $sb_layout_style = theme_get_setting('sidebar_layout_style');
  $sb_first_width = theme_get_setting('sidebar_first_width');
  if (empty($sb_first_width)) $sb_first_width = '25%';
  $sb_first_style = 'width: ' . $sb_first_width . ';';
  $sb_second_width = theme_get_setting('sidebar_second_width');
  if (empty($sb_second_width)) $sb_second_width = '25%';
  $sb_second_style = 'width: ' . $sb_second_width . ';';


  $content_width = 100;
  if ($page['sidebar_first']) {
    $content_width -= intval(preg_replace('/%/', '', $sb_first_width));
  }
  if ($page['sidebar_second']) {
    $content_width -= intval(preg_replace('/%/', '', $sb_second_width));
  }
  $content_style = 'width: ' . $content_width . '%;';


  $margins = sato2013x_get_margins($page['content'], $page['sidebar_first'], $page['sidebar_second']);
  $content_section_style = $margins['content'];
  $sb_first_section_style = $margins['sb_first'];
  $sb_second_section_style = $margins['sb_second'];

  // 0 = hide, 1 = show
  $mobile_top_banner     = theme_get_setting('mobile_top_banner');
  $mobile_top_columns    = theme_get_setting('mobile_top_columns');
  $mobile_sidebar_first  = theme_get_setting('mobile_sidebar_first');
  $mobile_sidebar_second = theme_get_setting('mobile_sidebar_second');
  $mobile_bottom_banner  = theme_get_setting('mobile_bottom_banner');
  $mobile_bottom_columns = theme_get_setting('mobile_bottom_columns');
  $mobile_footer_columns = theme_get_setting('mobile_footer_columns');

  $mobile_top_banner_class     = $mobile_top_banner?     "" : "nomobile";
  $mobile_top_columns_class    = $mobile_top_columns?    "" : "nomobile";
  $mobile_sidebar_first_class  = $mobile_sidebar_first?  "" : "nomobile";
  $mobile_sidebar_second_class = $mobile_sidebar_second? "" : "nomobile";
  $mobile_bottom_banner_class  = $mobile_bottom_banner?  "" : "nomobile";
  $mobile_bottom_columns_class = $mobile_bottom_columns? "" : "nomobile";
  $mobile_footer_columns_class = $mobile_footer_columns? "" : "nomobile";

  $mobile_remove_blocks = 0;
  if (sato2013x_is_mobile()) {
    $mobile_remove_blocks = theme_get_setting('mobile_remove_blocks');
  }

  if (theme_get_setting('header_fontsizer')) {
    drupal_add_js(path_to_theme() . '/js/sato2013x-fontsize.js');
  }
  if ($page['top_column_first'] ||
      $page['top_column_second'] ||
      $page['top_column_third'] ||
      $page['top_column_fourth'] ||
      $page['bottom_column_first'] ||
      $page['bottom_column_second'] ||
      $page['bottom_column_third'] ||
      $page['bottom_column_fourth']) {
    drupal_add_js(path_to_theme() . '/js/sato2013x-columns.js');
  }
  drupal_add_js(path_to_theme() . '/js/sato2013x-menu.js');
  drupal_add_js(path_to_theme() . '/js/jquery.smoothScroll.js');

  $languagebox  = '<a href="#">Japanese</a> | ';
  $languagebox .= '<a href="#">English</a> | ';
  $languagebox .= '<a href="#">Korean</a>';
?>


<div id="page-wrapper" style="<?php echo $page_wrapper_style; ?>">


  <a id="top"></a>
  <div id="page" style="<?php echo $page_style; ?>; clear: both;">

    <div id="pre-header" style="<?php echo $header_style; ?>">

    <div class="section clearfix">

      <div id="pre-header-left">

        <?php if ($logo): ?>
          <div id="logo">
          <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home">
            <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
          </a>
          </div> <!-- /#logo -->
        <?php endif; ?>

      </div> <!-- /#pre-header-left -->

      <div id="pre-header-right">
        <div class="nomobile" id="languagebox"><?php print $languagebox; ?></div><br/>

        <?php if ((theme_get_setting('header_searchbox')) && function_exists('search_box')) { ?>
          <div class="nomobile" id="header-searchbox">
          <?php  $output_form = drupal_get_form('search_block_form'); print render($output_form); ?>
          </div>
        <?php } ?>

      </div> <!-- /#pre-header-right -->


    </div><!-- /.section clearfix -->
	</div><!-- /#pre-header -->


    <?php if ($main_menu || $secondary_menu) { ?>
	  <div id="navigation-wrapper">
      <div id="navigation"><div class="section" style="<?php echo $main_style; ?>">

        <?php print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'secondary-menu', 'class' => array('links', 'inline', 'clearfix', 'nomobile')))); ?>

        <div class="menu-button"><?php echo t('Menu'); ?></div>
		<div class="menu-button-connector"></div>
        <?php // print theme('links__system_main_menu', array('links' => $main_menu, 'attributes' => array('id' => 'main-menu', 'class' => array('links', 'inline', 'clearfix')))); ?>
		<?php 
		if ($main_menu_expanded) {
		  $rendered_menu = render($main_menu_expanded);
          $rendered_menu = preg_replace('/<ul class=".*?"/ims', '<ul id="main-menu"', $rendered_menu);
	   	  $rendered_menu = htmlspecialchars_decode($rendered_menu);
          if ((theme_get_setting('header_searchbox')) && function_exists('search_box')) {
$out = '';
$out .= '<li class="languagebox">';
$out .= '<div class="nodesktop" id="languagebox-mobile">';
$out .= $languagebox;
$out .= '</div>';
$out .= '</li>';
            $out .= '<li class="leaf searchbox">';
            $out .= '<div class="nodesktop" id="header-searchbox-mobile">';
            $out .= render(drupal_get_form('search_block_form'));
            $out .= '</div>';
            $out .= '</li>';


            $out .= '</ul>';
            $rendered_menu = preg_replace('/<\/ul>$/ims', $out, $rendered_menu);
          }
		  print $rendered_menu;
		}	
		?>

      </div></div> <!-- /.section, /#navigation -->
      </div> <!-- /#navigation-wrapper -->
    <?php } ?>

    <div class="clearfix cfie"></div>

    <!-- for nice_menus, superfish -->
    <?php if ($page['menubar']) { ?>
    <div id="menubar" class="menubar clearfix">
      <?php print render($page['menubar']); ?>
      <div class="clearfix cfie"></div>
    </div>
    <?php } ?>
    <?php if ($page['submenubar']) { ?>
    <div id="submenubar" class="menubar clearfix">
      <?php print render($page['submenubar']); ?>
      <div class="clearfix cfie"></div>
    </div>
    <?php } ?>


    <div id="header" style="<?php echo $header_style; ?>">
    <div id="header-watermark" style="<?php echo $header_watermark_style; ?>">
    <div class="section clearfix">

	<div>

      <?php if (theme_get_setting('header_fontsizer')) { ?>
        <div id="header-fontsizer" style="<?php echo $fontsizer_style; ?>">
        <a href="#" class="decreaseFont" title="Decrease text size"></a>
        <a href="#" class="resetFont"    title="Restore default text size"></a>
        <a href="#" class="increaseFont" title="Increase text size"></a>
        </div>
      <?php } ?>

      <div class="clearfix cfie"></div>

      <?php print render($page['header']); ?>
      <div class="debug1"></div>

    </div>

    </div> <!-- /.section -->
    </div> <!-- /#header-watermark -->
    </div> <!-- /#header -->


    <div id="main-wrapper">
    <div id="main" class="clearfix" style="<?php echo $main_style; ?>">

      <?php print $messages; ?>

      <?php if (($page['top_banner']) && 
                ($mobile_top_banner || !$mobile_remove_blocks)) { ?>
      <div id="top-banner" class="banner clearfix <?php echo $mobile_top_banner_class; ?>"><?php print render($page['top_banner']); ?></div>
      <div class="spacer clearfix cfie"></div>
      <?php } ?>

      <?php if (($page['top_column_first'] | $page['top_column_second'] |
                 $page['top_column_third'] | $page['top_column_fourth']) &&
                ($mobile_top_columns || !$mobile_remove_blocks)) { ?>
      <div id="top-wrapper" class="<?php echo $mobile_top_columns_class; ?>">
        <div id="top-columns" class="clearfix">
        <?php print sato2013x_build_columns( array(
            $page['top_column_first'],
            $page['top_column_second'],
            $page['top_column_third'],
            $page['top_column_fourth'],
          ));
        ?>
        </div> <!--/#top-columns -->
      </div> <!-- /#top-wrapper -->
      <?php } ?>

      <div class="clearfix cfie"></div>


      <!-- sidebars (left) -->
      <?php if (($page['sidebar_first']) && ($sb_layout_style != 3) &&
                ($mobile_sidebar_first || !$mobile_remove_blocks)){ ?>
        <div id="sidebar-first" class="column sidebar <?php echo $mobile_sidebar_first_class; ?>" style="<?php echo $sb_first_style; ?>"><div class="section" style="<?php echo $sb_first_section_style; ?>">
          <?php print render($page['sidebar_first']); ?>
        </div></div> <!-- /.section, /#sidebar-first -->
      <?php } ?>
      <?php if (($page['sidebar_second']) && ($sb_layout_style == 2) &&
                ($mobile_sidebar_second || !$mobile_remove_blocks)){ ?>
        <div id="sidebar-second" class="column sidebar <?php echo $mobile_sidebar_second_class; ?>" style="<?php echo $sb_second_style; ?>"><div class="section" style="<?php echo $sb_second_section_style; ?>">
          <?php print render($page['sidebar_second']); ?>
        </div></div> <!-- /.section, /#sidebar-second -->
      <?php } ?>


      <!-- main content -->
      <div id="content" class="column" style="<?php echo $content_style; ?>"><div class="section" style="<?php echo $content_section_style; ?>">

        <?php if ($page['highlighted']) { ?>
          <div id="highlighted"><?php print render($page['highlighted']); ?></div>
        <?php } ?>

        <?php if ($breadcrumb && theme_get_setting('display_breadcrumb')) { ?>
          <div id="breadcrumb"><?php print $breadcrumb; ?></div>
        <?php } ?>

        <a id="main-content"></a>
        <?php print render($title_prefix); ?>
        <?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
        <?php print render($title_suffix); ?>
        <?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?>
        <?php print render($page['help']); ?>
        <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
        <?php print render($page['content']); ?>
        <?php print $feed_icons; ?>

		<div class="back-to-top">
        <a href="#top"><span class="back-to-top-image"></span><?php print t('Back to Page Top'); ?><span class="back-to-top-image"></span></a>
        </div>

      </div></div> <!-- /.section, /#content -->


      <!-- sidebars (right) -->
      <?php if (($page['sidebar_first']) && ($sb_layout_style == 3) &&
                ($mobile_sidebar_first || !$mobile_remove_blocks)){ ?>
        <div id="sidebar-first-r" class="column sidebar <?php echo $mobile_sidebar_first_class; ?>" style="<?php echo $sb_first_style; ?>"><div class="section" style="<?php echo $sb_first_section_style; ?>">
          <?php print render($page['sidebar_first']); ?>
        </div></div> <!-- /.section, /#sidebar-first -->
      <?php } ?>
      <?php if (($page['sidebar_second']) && ($sb_layout_style != 2) &&
                ($mobile_sidebar_second || !$mobile_remove_blocks)){ ?>
        <div id="sidebar-second-r" class="column sidebar <?php echo $mobile_sidebar_second_class; ?>" style="<?php echo $sb_second_style; ?>"><div class="section" style="<?php echo $sb_second_section_style; ?>">
          <?php print render($page['sidebar_second']); ?>
        </div></div> <!-- /.section, /#sidebar-second -->
      <?php } ?>


      <div class="clearfix cfie"></div>

      <?php if (($page['bottom_column_first'] | $page['bottom_column_second'] |
                 $page['bottom_column_third'] | $page['bottom_column_fourth']) &&
                ($mobile_bottom_columns || !$mobile_remove_blocks)) { ?>
      <div id="bottom-wrapper" class="<?php echo $mobile_bottom_columns_class; ?>">
        <div id="bottom-columns" class="clearfix">
        <?php print sato2013x_build_columns( array(
            $page['bottom_column_first'],
            $page['bottom_column_second'],
            $page['bottom_column_third'],
            $page['bottom_column_fourth'],
          ));
        ?>
        </div> <!--/#bottom-columns -->
      </div> <!-- /#bottom-wrapper -->
      <?php } ?>

      <div class="clearfix cfie"></div>


      <?php if (($page['bottom_banner']) &&
                ($mobile_bottom_banner || !$mobile_remove_blocks)) { ?>
      <div id="spacer" class="clearfix cfie"></div>
      <div id="bottom-banner" class="banner clearfix <?php echo $mobile_bottom_banner_class; ?>"><?php print render($page['bottom_banner']); ?></div>
      <?php } ?>

    </div> <!-- /#main -->
    </div> <!-- /#main-wrapper -->

    <!-- space between contents and footer -->
    <div id="spacer" class="clearfix cfie"></div>

    <div id="footer-wrapper">
      <?php if (($page['footer_column_first'] | $page['footer_column_second'] |
                 $page['footer_column_third'] | $page['footer_column_fourth']) &&
                ($mobile_footer_columns || !$mobile_remove_blocks)) { ?>
      <div id="footer-columns" class="clearfix <?php echo $mobile_footer_columns_class; ?>">
      <?php print sato2013x_build_columns( array(
          $page['footer_column_first'],
          $page['footer_column_second'],
          $page['footer_column_third'],
          $page['footer_column_fourth'],
        ));
      ?>
      </div> <!--/#footer-columns -->
      <?php } ?>

      <?php if ($page['footer']) { ?>
      <div id="footer"><div class="section">
        <?php print render($page['footer']); ?>
      </div></div> <!-- /.section, /#footer -->
      <?php } ?>

    </div> <!-- /#footer-wrapper -->


  </div> <!-- /#page -->
</div> <!-- /#page-wrapper -->