<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */


	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

	?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Damion&v2' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Anton&v2' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu&v2' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700&v2' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cabin&v2' rel='stylesheet' type='text/css'>


<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery-1.2.6.min.js"></script>

<script type="text/javascript">

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 2000 );
});

</script>

<style type="text/css">

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

</style>



<?php wp_head(); ?>

</head>

<body>
	
     <!--[if !IE]>main-content<![endif]-->
		<div id="main-content">  
           
             <!--[if !IE]>header-area<![endif]-->
				<div id="header-area">  
           
             		<!--[if !IE]>logo-area<![endif]-->
								<div id="logo-area">  
    
                                
                                <!--[if !IE]>logo<![endif]-->
									<div id="logo">  
             					
             					<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
                
           							</div>  
       							<!--[if !IE]>logo<![endif]--> 
                
                			
                           
                
								</div>                		
                         <!--[if !IE]>logo-area<![endif]-->			
             					
                                
                          <!--[if !IE]>social-area<![endif]-->
							 <div id="social-area">  
             			
               <?php //if (function_exists('dynamic_sidebar') && dynamic_sidebar(1) )  ?>
<?php
$city = get_post_meta($post->ID, 'city', true);
if(get_post_meta($post->ID, 'phone-number', true)){
	$phone_number = get_post_meta($post->ID, 'phone-number', true);
}
else{
	$phone_number = '(855) 239-3090';
}
?>        
<div id="free-service">  
<p>Call to Schedule an Appointment
<?php echo '<br/>'.$city;  ?></p>             
<span><?php echo $phone_number;  ?></span>			
</div>  
                         		
                              
                
           					 </div>  
       					  <!--[if !IE]>social-area<![endif]-->       
                                
                            
                
        		</div>  
     		<!--[if !IE]>header-area<![endif]--> 					
             					
                		
                        	<!--[if !IE]>navigation-area<![endif]-->
						<div id="navigation-area">  
             		
                 			<!--[if !IE]>navigation<![endif]-->
								<div id="navigation">  
             		
                 			<?php wp_nav_menu(array('theme_location' => 'Header_Nav', 'menu' => 'Header_Nav', 'fallback_cb'=> '', 'link_before' => '', 'link_after'=>'' )); ?>
             				
                
           						</div>  
       						<!--[if !IE]>navigation<![endif]--> 
                                
             				
                
           				</div>  
       				<!--[if !IE]>navigation-area<![endif]--> 