header.php

<?php /* ATOM/digitalnature */

   // Header template, used by all pages.
   // Handles the document head, and the page header section (usually menus, logo, featured posts)

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

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

<title><?php $app->DocumentTitle(); ?></title>

<?php $app->MetaDescription(); ?>
<?php $app->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(); ?>


<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/carrousel.css" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.carouFredSel-4.4.1-packed.js"></script>

<!-- 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,
    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 $app->action('before_page'); ?>

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

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

    <?php $app->action('top'); ?>

    <div id="page-ext">

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


		<!-- Caroussel -->
		<div class="carousel" style="">
			<?php
			//The Query
			$my_query = new WP_Query('posts_per_page=24&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>


      <div class="shadow-left page-content">
        <div class="shadow-right nav nav-main" role="navigation">
          <?php $app->Menu($location = 'primary', $classes = 'slide-down', $fallback = 'pageMenu'); ?>
        </div>
        <?php $app->SocialMediaLinks($classes = 'fadeThis', $nudge_direction = 'top', $nudge_amount = 10); ?>
      </div>

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

    <?php $app->action('before_main'); ?>

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