var headerImages = new Array();
headerImages[0] = "header_1.jpg";
headerImages[1] = "header_2.jpg";
headerImages[2] = "header_3.jpg";
headerImages[3] = "header_4.jpg";
headerImages[4] = "header_5.jpg";
headerImages[5] = "header_6.jpg";
headerImages[6] = "header_7.jpg";
headerImages[7] = "header_8.jpg";
headerImages[8] = "header_9.jpg";
headerImages[9] = "header_10.jpg";
headerImages[10] = "header_11.jpg";
headerImages[11] = "header_12.jpg";
var headerImage;

jQuery(document).ready(function() {

		loadHeader();
		
		jQuery("#time").corners("10px");
		
        jQuery(".menuItem").click(function() {
            showPage(this);
        });
		
		jQuery(".map").click(function() {
            showPage(jQuery("#about")[0]);
        });
		jQuery("#logo").click(function() {
            showPage(jQuery("#home")[0]);
        });

		jQuery("#header div").fadeTo("fast", 0.7);
	
        jQuery.each(jQuery(".brandList li"), function(i, val) {

            jQuery("#brandListFront").append("<li>" + jQuery(val).html() + "</li>");

       });


       jQuery(".brandListFrontWrapper").jCarouselLite({
               auto: 800,
               speed: 1000,
               circular: true,
               start: 3
           });
	   
	var myFile = document.location.toString();
	if (myFile.match('#')) { // the URL contains an anchor
		 jQuery("#" + myFile.split("#")[1]).click();
	}
	else{
		 jQuery("#home").click();
	}
		
    });

function showPage(page) {
	jQuery(".contentItem").hide();
	newPage = jQuery(page).attr("href").split("#")[1];
	jQuery("." + newPage).fadeIn();

	jQuery.each(jQuery("#preHeader a"), function(i, val) {
	var myFile = jQuery(val).attr("href");
	var newUrl;

		if (myFile.match('#')) { // the URL contains an anchor
			newUrl = myFile.split("#")[0] + "#" + newPage;
		}
		else {
			newUrl = jQuery(val).attr("href") + "#" + newPage;
		}
		jQuery(val).attr("href", newUrl);
	});

 }
 
function loadHeader() {
	setTimeout("loadHeader()", 10000);
    newImage = "../images/" + headerImages[Math.floor(Math.random()*headerImages.length)];
	if (headerImage != newImage) {
	headerImage = newImage;


  var img = new Image();
  // wrap our new image in jQuery, then:
  jQuery(img)
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      jQuery(this).hide();  
      // with the holding div #loader, apply:
      jQuery('#header')
        // then insert our image
        .append(this);
      // fade our image in to create a nice effect
      jQuery(this).fadeIn();
    })
    // if there was an error loading the image, react accordingly
    .error(function () {
      // notify the user that the image could not be loaded
    })
    // *finally*, set the src attribute of the new image to our image
    .attr('src', newImage);

	}

 }