header_3.2.9.2

<?php

/*
 * @template  Mystique
 * @revised   December 20, 2011
 * @author    digitalnature, http://digitalnature.eu
 * @license   GPL, http://www.opensource.org/licenses/gpl-license
 */

// Header template part, used by all pages on the site.
// Handles the document head, and the page header section (usually main menu, logo, featured content)

?>
<!DOCTYPE html>
<html <?php language_attributes('html'); ?>>

<head>
  <meta charset="<?php bloginfo('charset'); ?>" />

  <title><?php atom()->documentTitle(); ?></title>

  <?php atom()->metaDescription(); ?>
  <?php atom()->favicon(); ?>

  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

  <!--[if lte IE 7]>
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/ie.css" type="text/css" media="screen" />
  <![endif]-->

  <?php wp_head(); ?>


<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.carouFredSel-4.4.1-packed.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/caroussel.css" />
<!-- Carroussel -->
<script type="text/javascript" language="javascript">
    jQuery(document).ready(function($){
    $.fn.pause = function(duration) {
    $(this).animate({ dummy: 1 }, duration);
    return this;
    };
    $(".carousel").pause(1000).show();
    $(".carousel").carouFredSel({
    items             : {
        visible            : 7,
        height            : 180,
        width    : 138
        //width           : "variable"
    },auto: true,
    pagination  : "#foo3_pag",
    prev : "#foo3_prev",
    next : "#foo3_next",
    scroll             : {
    pauseOnHover: true,
        items            : 7,
        duration        : 1000,
        pauseDuration    : 10000
    }
    })
});
</script>

</head>
<body <?php body_class('no-js no-fx'); // these classes are removed with js in the "before_page" hook below ?>>

  <?php atom()->action('before_page'); ?>

  <?php if(atom()->menuExists('top')): ?>
  <div class="nav nav-top">
    <div class="page-content">
      <?php atom()->menu($location = 'top', $classes = 'slide-down'); ?>
    </div>
  </div>
  <?php endif; ?>

  <!-- page -->
  <div id="page">

    <?php atom()->action('top'); ?>

    <div id="page-ext">

      <!-- header -->
      <div id="header">
        <div class="page-content">
          <div id="site-title" class="clear-block">
            <?php atom()->logo(); ?>
            <?php if(get_bloginfo('description')): ?><div class="headline"><?php bloginfo('description'); ?></div><?php endif; ?>
          </div>

          <div class="carousel" style="">
            <?php

            //The Query
            $my_query = new WP_Query('category_name=Animation&posts_per_page=21&orderby=rand');
            while ($my_query->have_posts()) : $my_query->the_post(); ?>

            <?php get_the_image( array( 'image_scan' => true, 'width' => '100px', 'height' => '140px') ); ?>

            <?php endwhile; wp_reset_query();?>
        </div>

        </div>

        <?php atom()->action('before_primary_menu'); ?>

        <div class="shadow-left page-content">
          <div class="shadow-right nav nav-main" role="navigation">
            <?php atom()->menu($location = 'primary', $classes = 'slide-down fadeThis', $fallback = 'pageMenu'); ?>
          </div>
          <?php atom()->action('social_media_links'); ?>
        </div>

      </div>
      <!-- /header -->

      <?php atom()->action('before_main'); ?>

      <!-- main -->
      <div id="main" class="page-content">
        <div id="main-ext" class="clear-block">