Header.php

<?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 language="JavaScript" type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/contentflow.js" load="lightbox"></script>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/contentflow.css" />

</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="ContentFlow">
            <div class="loadIndicator"><div class="indicator"></div></div>
            <div class="flow">

<?php

            $my_query = new WP_Query('category_name=Animation&posts_per_page=21&orderby=rand');

            while ($my_query->have_posts()) : $my_query->the_post();

                $values = get_post_custom_values("dvd_cover");
                //get_the_image( array( 'image_scan' => true, 'width' => '100px', 'height' => '140px') );
                $photo=$values[0];
                echo '<a class="item test" href="'.get_permalink().'" ><img class="content" src="'.$photo.'" title="'.$titrevf.'"/></a>';
            endwhile; wp_reset_query();?>

                <!-- Add as many items as you like. -->
            </div>
            <div class="globalCaption"></div>
            <div class="scrollbar"><div class="slider"><div class="position"></div></div></div>
        </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">