(function($) {



	var optiontg		= new Array;

	var obj_img			= new Array;

	var theClass		= new Array;

	var imageposition	= new Array;

	var preloadInterval = new Array;

	

	$.fn.tgPreload= $.fn.tgPreload = function(options){

		

		init = function(tgp){

			optiontg[tgp.id] = $.extend({}, $.fn.tgPreload.defaults, options);

			 

					obj_img[tgp.id]			= new Array();

					theClass[tgp.id]		= new Array();

					imageposition[tgp.id]	= 0;

					

					

					$.each($('#'+tgp.id+' .' + optiontg[tgp.id].childClass + ''), function(i,item){

						theClass[tgp.id][i] = $(item);

						obj_img[tgp.id][i] = $(item).find('img');



						obj_img[tgp.id][i].css({'display': 'none'});

					});

				

				window.onload = function(){

					$.transitionpreload(tgp);

				}

		};

		

		// transitions

		$.transitionpreload = function(tgp){

			preloadInterval[tgp.id] = setInterval(function() { $.ownanimate(tgp) }, optiontg[tgp.id].speed);

		};

		

		$.ownanimate = function(tgp){

				

				if  (imageposition[tgp.id] == obj_img[tgp.id].length) {

					clearInterval(preloadInterval[tgp.id]);

					$('.loader').removeClass('loader');

					return;

				}



				$(obj_img[tgp.id][imageposition[tgp.id]]).fadeIn(optiontg[tgp.id].animateSpeed);

				

				imageposition[tgp.id]++;

				

		};

		





		this.each (

			function(){ init(this); }

		);





	};

	

	// default values

	$.fn.tgPreload.defaults = {	

		speed : 300,

		animateSpeed : 700,

		childClass : "portfolio_lists"

	};	

	

})(jQuery);