var QueryLoader = {
  /*
  * QueryLoader		Preload your site before displaying it!
  * Author:			Gaya Kessler
  * Date:			23-09-09
  * URL:				http://www.gayadesign.com
  * Version:			1.0
  * 
  * A simple jQuery powered preloader to load every image on the page and in the CSS
  * before displaying the page to the user.
  */

  overlay: "",
  loadBar: "",
  preloader: "",
  items: new Array(),
  doneStatus: 0,
  doneNow: 0,
  selectorPreload: "body",
  ieLoadFixTime: 2000,
  ieTimeout: "",

  init: function() {
    if (navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/) == "MSIE 6.0,6.0") {
      //break if IE6			
      return false;
    }
    if (QueryLoader.selectorPreload == "body") {
      QueryLoader.spawnLoader();
      QueryLoader.getImages(QueryLoader.selectorPreload);
      QueryLoader.createPreloading();
    } else {
      $(document).ready(function() {
        QueryLoader.spawnLoader();
        QueryLoader.getImages(QueryLoader.selectorPreload);
        QueryLoader.createPreloading();
      });
    }

    //help IE drown if it is trying to die :)
    QueryLoader.ieTimeout = setTimeout("QueryLoader.ieLoadFix()", QueryLoader.ieLoadFixTime);
  },

  ieLoadFix: function() {
    var ie = navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/);
    if (ie != null)
    {
      if (ie[0].match("MSIE")) {
        while ((100 / QueryLoader.doneStatus) * QueryLoader.doneNow < 100) {
          QueryLoader.imgCallback();
        }
      }
    }
  },

  imgCallback: function() {
    QueryLoader.doneNow++;
    QueryLoader.animateLoader();
  },

  getImages: function(selector) {
    var everything = $(selector).find("*:not(script)").each(function() {
      var url = "";

      if ($(this).css("background-image") != "none") {
        var url = $(this).css("background-image");
      } else if (typeof ($(this).attr("src")) != "undefined" && $(this).attr("tagName").toLowerCase() == "img") {
        var url = $(this).attr("src");
      }

      url = url.replace("url(\"", "");
      url = url.replace("url(", "");
      url = url.replace("\")", "");
      url = url.replace(")", "");

      if (url.length > 0) {
        QueryLoader.items.push(url);
      }
    });
  },

  createPreloading: function() {
    QueryLoader.preloader = $("<div></div>").appendTo(QueryLoader.selectorPreload);
    $(QueryLoader.preloader).css({
      height: "0px",
      width: "0px",
      overflow: "hidden"
    });

    var length = QueryLoader.items.length;
    QueryLoader.doneStatus = length;

    for (var i = 0; i < length; i++) {
      var imgLoad = $("<img></img>");
      $(imgLoad).attr("src", QueryLoader.items[i]);
      $(imgLoad).unbind("load");
      $(imgLoad).bind("load", function() {
        QueryLoader.imgCallback();
      });
      $(imgLoad).appendTo($(QueryLoader.preloader));
    }
  },

  spawnLoader: function() {
    if (QueryLoader.selectorPreload == "body") {
      var height = $(window).height();
      var width = $(window).width();
      var position = "fixed";
    } else {
      var height = $(QueryLoader.selectorPreload).outerHeight();
      var width = $(QueryLoader.selectorPreload).outerWidth();
      var position = "absolute";
    }
    var left = $(QueryLoader.selectorPreload).offset()['left'];
    var top = $(QueryLoader.selectorPreload).offset()['top'];

    QueryLoader.overlay = $("<div></div>").appendTo($(QueryLoader.selectorPreload));
    $(QueryLoader.overlay).addClass("QOverlay");
    $(QueryLoader.overlay).css({
      position: position,
      top: 0,
      left: left,
      width: width + "px",
      height: height + "px"
    });

    QueryLoader.loadBar = $("<div></div>").appendTo($(QueryLoader.overlay));
    $(QueryLoader.loadBar).addClass("QLoader");

    $(QueryLoader.loadBar).css({
      position: "relative",
      top: "50%",
      width: "0%"
    });
  },

  animateLoader: function() {
    var perc = (100 / QueryLoader.doneStatus) * QueryLoader.doneNow;
    if (perc > 99) {
      $(QueryLoader.loadBar).stop().animate({
        width: perc + "%"
      }, 500, "linear", function() {
        QueryLoader.doneLoad();
      });
    } else {
      $(QueryLoader.loadBar).stop().animate({
        width: perc + "%"
      }, 500, "linear", function() { });
    }
  },

  doneLoad: function() {
    //prevent IE from calling the fix
    clearTimeout(QueryLoader.ieTimeout);

    //determine the height of the preloader for the effect
    if (QueryLoader.selectorPreload == "body") {
      var height = $(window).height();
    } else {
      var height = $(QueryLoader.selectorPreload).outerHeight();
    }

    //The end animation, adjust to your likings
    $(QueryLoader.overlay).fadeOut(800);
    $(QueryLoader.preloader).remove();
    $('.flash_sx_fake').fadeIn({ timeout: 6000 });
  }
}