var hostAndProtocol = location.protocol+"//"+location.host;
var imagesToPreload = {};
var gallery;


$(document).ready(function() {
  //$("#main-nav").animateNavigation();
  
  $(document).pngFix();
  
  //preload images
  addImageToPreload("/images/blue-transparent.png");
  addImageToPreload("/images/transparent.gif");
  addImageToPreload("/images/beige-transparent.png");
  
  //setup bottom nav
  $("#bottom-nav").setupBottom();
  
  $("#main-nav").setupTop();
  
  var galleryParams = {
    slidable:"#gallery", 
    thumbs:".galleryThumbs",
    addPanelTo:"#gallery dd",
    galleryPanel:".galleryPanel",
    nextBtn:"#textNextBtn",
    prevBtn:"#textPrevBtn"
    //galleryPanelBtn:"#galleryPanelBtn",
    //galleryPanelTargets:{right:"0px"}
  }
  
  gallery = slidingGallery(galleryParams);
  
});

function addImageToPreload(src){
  src = src.replace(/(url)|\(|\)|"|'/g, '').replace(hostAndProtocol, '');
  if(!imagesToPreload[src]){
    
    var img = $('<img />').load(function(){
      imageLoaded(src);
    });
    
    var div = $('<div class="preloadingImg"></div>').css({
      width:0,
      height:0,
      overflow:"hidden"
    }).append(img);
    
    imagesToPreload[src] = {image:img, src:src, loaded:false};
    
    $("body").append(div);
    
    img.attr('src', src);
    
  }
}

function imageLoaded(src){
  src = src.replace(/(url)|\(|\)|"|'/g, '').replace(hostAndProtocol, '');
  imagesToPreload[src].loaded = true;
}

function checkImage(src){
  src = src.replace(/(url)|\(|\)|"|'/g, '').replace(hostAndProtocol, '');
  return imagesToPreload[src];
}