(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)


$(window).load(function () {

  //jQuery.preLoadImages("/images/img-1.jpg","/images/img-2.jpg","/images/img-2.jpg" );

  $('#pic-black').crossSlide({
  sleep: 4,
  fade: 1
}, [
  
  {src: '/images/durands-img6.jpg'},
  {src: '/images/durands-img5.jpg'},
  {src: '/images/durands-img7.jpg'},
  {src: '/images/durands-img8.jpg'}
]);



    $(".menu_items").css('opacity',.6);
    $("#menu_intro").css('opacity',1.0);
    
    $("#menu_intro").removeClass("not_selected");

    $("#visit").css('opacity',0);
    $("#gallery").css('opacity',0);
    $("#connect").css('opacity',.6);

    setOpacEvents();

    $(".footer_items").css('opacity',.6);

       $(".footer_items").mouseenter(function(){
       $(this).animate({
           opacity: 1.0
       }, 100, function(){

       });

   });

   $(".footer_items").mouseout(function(){
       $(this).animate({
           opacity: .6
       }, 100, function(){

       });

   });


   $(".flickr-images").css('opacity',.6);

    $(".flickr-images").css('opacity',.6);

       $(".flickr-images").mouseenter(function(){
       $(this).animate({
           opacity: 1.0
       }, 100, function(){

       });

   });

   $(".flickr-images").mouseout(function(){
       $(this).animate({
           opacity: .6
       }, 100, function(){

       });

   });

    $("#menu_visit").click(goMap);
    $("#menu_intro").click(goIntro);
    $("#menu_gallery").click(goGallery);


   var latlng = new google.maps.LatLng(52.126191, -106.6652865);
    var myOptions = {
      zoom: 14,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

    var marker = new google.maps.Marker({
      position: latlng
  });
  marker.setMap(map);

});


function setOpacEvents(){



   $(".not_selected").mouseenter(function(){
       $(this).animate({
           opacity: 1.0
       }, 100, function(){

       });

   });

   $(".not_selected").mouseout(function(){
       $(this).animate({
           opacity: .6
       }, 100, function(){

       });

   });

}

function goMap(){

    $("#intro").animate({
           opacity: 0
       }, 400, function(){

       });

    $("#gallery").animate({
           opacity: 0
       }, 400, function(){
           $('#gallery').css('visibility','hidden');

       });
    $("#visit").css('visibility', 'visible');
    $("#visit").animate({
           opacity: 1
       }, 400, function(){

       });


        $(".menu_items").unbind('mouseenter');
    $(".menu_items").unbind('mouseout');


    $(".menu_items").css('opacity',.6);
    $("#menu_visit").css('opacity',1.0);
    $(".menu_items").addClass("not_selected");
    $("#menu_visit").removeClass("not_selected");
    setOpacEvents();
    $("#triangle").animate({
        left: '-133px'
    }, 300, function(){});
}

function goIntro(){

    $("#intro").animate({
           opacity: 1
       }, 400, function(){

       });

    $("#gallery").animate({
           opacity: 0
       }, 400, function(){
            $('#gallery').css('visibility','hidden');
       });

    $("#visit").animate({
           opacity: 0
       }, 400, function(){
        $("#visit").css('visibility', 'hidden');
       });

        $(".menu_items").unbind('mouseenter');
    $(".menu_items").unbind('mouseout');


    $(".menu_items").css('opacity',.6);
    $("#menu_intro").css('opacity',1.0);
    $(".menu_items").addClass("not_selected");
    $("#menu_intro").removeClass("not_selected");
    setOpacEvents();
    $("#triangle").animate({
        left: '-196px'
    }, 300, function(){});
}

function goGallery(){


    $("#intro").animate({
           opacity: 0
       }, 400, function(){

       });
$('#gallery').css('visibility','visible');
    $("#gallery").animate({
           opacity: 1
       }, 400, function(){

       });

    $("#visit").animate({
           opacity: 0
       }, 400, function(){
        $("#visit").css('visibility', 'hidden');
       });

        $(".menu_items").unbind('mouseenter');
    $(".menu_items").unbind('mouseout');


    $(".menu_items").css('opacity',.6);
    $("#menu_gallery").css('opacity',1.0);
    $(".menu_items").addClass("not_selected");
    $("#menu_gallery").removeClass("not_selected");
    setOpacEvents();
    $("#triangle").animate({
        left: '-65px'
    }, 300, function(){});
}