//PRELOADER
/*
preloader = function(d, contentLoaded){



//CREATING PRELOADER DIV
	$("body").append("<div style='position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#000;z-index:99;color:#FFFFFF;' id='preloader'><div style='position:absolute;left:50%;top:50%;width:100px;height:10px;font-size:10px;line-height:10px;text-align:center;margin-left:-50px;margin-top:-5px;'><span id='percentLoaded'>0</span>%</div></div>");
	//DECLARE VARIABLES
	var dir = d;		
	//GATHERING THE IMAGES SRC FROM THE "DIR" FOLDER
	$.ajax({
	  url: 'js/preloader.php',
	  data: 'dir='+escape(dir),
	  type: 'GET',
	  cache: false,
	  contentType: 'application/json; charset=utf-8',
	  dataType: "json",
	  success: function(data){show(data);},
	  error: function(XMLHttpRequest,textStatus, errorThrown) {alert("Status" + textStatus + "Error:" + errorThrown + "<br/>Response:" + XMLHttpRequest.responseText);}
	});
	


	function show(data)
	{
		var startTime = (new Date()).getTime();
		var cache = [];
		var imagesLoaded = 0;
		var totalLength = data.length;
		var totalLength = 0;
		$.each(data,function(){totalLength++});
		$.each(data, function(){
			var cacheImage = document.createElement('img');
			cacheImage.src = this.substring(3,this.length); //Removing ../ from the file name since preloadImages.js is embeded into preloader.html at root folder.
			cache.push(cacheImage);
			$(cacheImage).bind('load', function(){
				imagesLoaded++;
				var endTime = (new Date()).getTime();
				var millisecondsLoading = endTime - startTime;
//				alert("miliseconds:'" + millisecondsLoading + "' ; imgLoaded:'" + imagesLoaded + "' ; total:'" + totalLength + "'; perc:'" + Math.round(imagesLoaded/totalLength*100) + "'");
				$('#percentLoaded').html(Math.round(imagesLoaded / totalLength * 100));
				if(Math.round(imagesLoaded / totalLength * 100) == 100)
				{
					hidePreloader();
				}
			});
		});
		hidePreloader();
	}
	
	function hidePreloader()
	{
		$('html').css('overflow-y', 'scroll');
		contentLoaded();
		$('#preloader').animate({opacity:'0'}, 1000, function(){
			$('#preloader').remove();
		});
	}

}
*/
preloader = function(d){
	//DECLARE VARIABLES
	var preloadArray = [];
	var cache = [];
	var imagesLoaded = 0;
	var dir = d;
	var totalLength = 0;
	var currentPercentage = 0;
	
	//CREATE PRELOADER DIV
	$("*").css('outline', '0');
	$("*").css('margin', '0px');
	$("*").css('padding', '0px');	
	$("html").css('height', '100%');
	$("html").css('overflow', 'hidden');
	$("body").css('height', '100%');
	$("body").append('<div style="position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#000000;z-index:99;color:#FFFFFF;" id="preloader"><div style="position:absolute;left:50%;top:50%;width:66px;height:66px;font-size:10px;line-height:10px;text-align:center;margin-left:-33px;margin-top:-33px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;"><div style="float:left; width:100%; text-align:center; margin-top:28px; margin-left:2px;" id="percentLoaded">0</div></div></div>');
	//GATHER IMAGES
	$.ajax({
	  url: 'src/preloader.php',
	  data: 'dir='+escape(dir),
	  type: 'GET',
	  cache: false,
	  contentType: 'application/json; charset=utf-8',
	  dataType: "json",
	  success: function(data){show(data);},
	  error: function(XMLHttpRequest,textStatus, errorThrown) {alert("Status" + textStatus + "Error:" + errorThrown + "<br/>Response:" + XMLHttpRequest.responseText);}
	});
	
	function show(data){
		$.each(data,function(){
			totalLength++;
		});
		$.each(data, function(){
			var cacheImage = document.createElement('img');
			$(cacheImage).bind('load', function(){
				imagesLoaded++;
			});
			cacheImage.src = this;
			cache.push(cacheImage.src);
		});
		updateInterval = setInterval(updatePercentage, 25);
	}
	
	function updatePercentage(){
		if(currentPercentage < Math.round(imagesLoaded / totalLength * 100)){
			currentPercentage++;
			$('#percentLoaded').html(currentPercentage + "%");
		}
		if(currentPercentage == 100){
			clearInterval(updateInterval);
			$('head').append('<link rel="stylesheet" href="src/style.css" type="text/css" media="screen" />');
			setTimeout(function(){
				loadContent("contentWrapper", "default");
				$('#preloader').delay(250).animate({opacity:'0'}, 1000, function(){
					$('#preloader').remove();
				});
			}, 250);
		}
	}
}