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,
    silentMode: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 {
            jQuery(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);
        return true;
    },

    preload: function(){
        QueryLoader.getImages(QueryLoader.selectorPreload);
        QueryLoader.createPreloading();
    },
	
    ieLoadFix: function() {
        var ie = navigator.userAgent.match(/MSIE (\d+(?:\.\d+)+(?:b\d*)?)/);
        if (ie && ie[0].match("MSIE")) {
            while ((100 / QueryLoader.doneStatus) * QueryLoader.doneNow < 100) {
                QueryLoader.imgCallback();
            }
        }
    },
	
    imgCallback: function() {
        QueryLoader.doneNow ++;
        QueryLoader.animateLoader();
    },
	
    getImages: function(selector) {
        var everything = jQuery(selector).find("*:not(script)").each(function() {
            var url = "";
            if (jQuery(this).css("background-image") != "none") {
                url = jQuery(this).css("background-image");
            } else if (typeof(jQuery(this).attr("src")) != "undefined" && jQuery(this).attr("tagName").toLowerCase() == "img") {
                url = jQuery(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 = jQuery("<div></div>").appendTo(QueryLoader.selectorPreload);
        jQuery(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 = jQuery("<img></img>");
            jQuery(imgLoad).attr("src", QueryLoader.items[i]);
            jQuery(imgLoad).unbind("load");
            jQuery(imgLoad).bind("load", function() {
                QueryLoader.imgCallback();
            });
            jQuery(imgLoad).appendTo(jQuery(QueryLoader.preloader));
        }
    },

    spawnLoader: function() {
        var height,width,position;
        if (QueryLoader.selectorPreload == "body") {
            height = jQuery(window).height();
            width = jQuery(window).width();
            position = "fixed";
        } else {
            height = jQuery(QueryLoader.selectorPreload).outerHeight();
            width = jQuery(QueryLoader.selectorPreload).outerWidth();
            position = "absolute";
        }
        var left = 0, top= 0;
        if(jQuery(QueryLoader.selectorPreload).offset()){
            left = jQuery(QueryLoader.selectorPreload).offset()['left'];
            top = jQuery(QueryLoader.selectorPreload).offset()['top'];
        }
        QueryLoader.overlay = jQuery("<div></div>").appendTo(jQuery(QueryLoader.selectorPreload));
        jQuery(QueryLoader.overlay).addClass("QOverlay");
        jQuery(QueryLoader.overlay).css({
            position: position,
            top: top,
            left: left,
            width: width + "px",
            height: height + "px"
        });
		
        QueryLoader.loadBar = jQuery("<div></div>").appendTo(jQuery(QueryLoader.overlay));
        jQuery(QueryLoader.loadBar).addClass("QLoader");
		
        jQuery(QueryLoader.loadBar).css({
            position: "relative",
            top: "50%",
            width: "0%"
        });
    },
	
    animateLoader: function() {
        var perc = (100 / QueryLoader.doneStatus) * QueryLoader.doneNow;
        if (perc > 99) {
            jQuery(QueryLoader.loadBar).stop().animate({
                width: perc + "%"
            }, 500, "linear", function() {
                QueryLoader.doneLoad();
            });
        } else {
            jQuery(QueryLoader.loadBar).stop().animate({
                width: perc + "%"
            }, 500, "linear", function() { });
        }
    },
	
    doneLoad: function() {
        var height;
        //prevent IE from calling the fix
        clearTimeout(QueryLoader.ieTimeout);		
        //determine the height of the preloader for the effect
        if (QueryLoader.selectorPreload == "body") {
            height = jQuery(window).height();
        } else {
            height = jQuery(QueryLoader.selectorPreload).outerHeight();
        }		
        //The end animation, adjust to your likings
        jQuery(QueryLoader.loadBar).animate({
            height: height + "px",
            top: 0
        }, 500, "linear", function() {
            jQuery(QueryLoader.overlay).fadeOut(800);
            jQuery(QueryLoader.preloader).remove();
        });
    }
};