// JavaScript Document
    // wrap as a jQuery plugin and pass jQuery in to our anoymous function
    (function ($) {
        $.fn.cross = function (options) {
            return this.each(function (i) { 
                // cache the copy of jQuery(this) - the start image
                var $$ = $(this);
                
                // get the target from the backgroundImage + regexp
                var target = $$.css('backgroundImage').replace(/^url|[\(\)'"]/g, '');

                // nice long chain: wrap img element in span
                $$.wrap('<span style="position: relative;"></span>')
                    // change selector to parent - i.e. newly created span
                    .parent()
                    // prepend a new image inside the span
                    .prepend('<img>')
                    // change the selector to the newly created image
                    .find(':first-child')
                    // set the image to the target
                    .attr('src', target);

                // the CSS styling of the start image needs to be handled
                // differently for different browsers
                if ($.browser.msie) {
            $$.css({
                'position' : 'absolute', 
                'left' : 0,
                'background' : ''
            });
        }

        else if ($.browser.mozilla) {
            $$.css({
                'position' : 'absolute', 
                'left' : 0,
                'background' : '',
                'top' : this.offsetTop
            });
                } else if ($.browser.opera && $.browser.version < 9.5) {
                    // Browser sniffing is bad - however opera < 9.5 has a render bug 
                    // so this is required to get around it we can't apply the 'top' : 0 
                    // separately because Mozilla strips the style set originally somehow...                    
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : '',
                        'top' : "0"
                    });
                } else { // Safari
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : ''
                    });
                }

                // similar effect as single image technique, except using .animate 
                // which will handle the fading up from the right opacity for us
                $$.hover(function () {
                    $$.stop().animate({
                        opacity: 0
                    }, 250);
                }, function () {
                    $$.stop().animate({
                        opacity: 1
                    }, 250);
                });
            });
        };
        
    })(jQuery);
    
    // note that this uses the .bind('load') on the window object, rather than $(document).ready() 
    // because .ready() fires before the images have loaded, but we need to fire *after* because
    // our code relies on the dimensions of the images already in place.
    $(window).bind('load', function () {
        $('img.fade').cross();
    });



function showHideNav(type, size, target){
	<!-- 0 = show 1 = hide -->
	if(type == 0){
		 $('#bodyNav' + target).animate({ height: size }, 800, function() {
			// Animation complete.
		  });
	} else {
		 $('#bodyNav' + target).animate({ height: size }, 500, function() {
			// Animation complete.
		  });
	}
}
$(document).ready(function(){ 
	$("#bodyNav1").mouseover(function(){ 
				$(this).stop().animate({height:'157px'},{queue:false, duration:500, easing: ''});  
		});
	
	$("#bodyNav1").mouseout(function(){ 
			  $(this).stop().animate({height:'51px'},{queue:false, duration:800, easing: ''});  
		});
	
	$("#bodyNav2").mouseover(function(){ 
				$(this).stop().animate({height:'157px'},{queue:false, duration:500, easing: ''});  
		});
	
	$("#bodyNav2").mouseout(function(){ 
			  $(this).stop().animate({height:'51px'},{queue:false, duration:800, easing: ''});  
		});
	$("#bodyNav3").mouseover(function(){ 
				$(this).stop().animate({height:'120px'},{queue:false, duration:500, easing: ''});  
		});
	
	$("#bodyNav3").mouseout(function(){ 
			  $(this).stop().animate({height:'51px'},{queue:false, duration:800, easing: ''});  
		});
});


$(function() {

 // Setup a basic iframe for use inside overlays.
    var theframe = $('<iframe frameborder="0" scrolling="none"></iframe>');
	
	// if the function argument is given to overlay,
	// it is assumed to be the onBeforeLoad event listener
	$("a[rel]").overlay({
		mask: '#d7d7d7',
		effect: 'apple',
		oneInstance: 'false',
		
		onBeforeLoad: function() {
			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");
			
			// load the page specified in the trigger
			//wrap.load(this.getTrigger().attr("href"));
			
			//Get the URL from the trigger
            var link = this.getTrigger().attr("href");
			//Add the link and style attributes to the basic iframe
            $(theframe).attr({ src: link, style: 'height:450px; width:100%; border:none;' });
            //Write the iframe into the wrap
            wrap.html(theframe);


		}

	});
});

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//START - GOOGLE ANALYTICS TRACKING CODE
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18224069-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
//END - GOOGLE ANALYTICS TRACKING CODE