(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': 'block', 'opacity' : '0'});
					});
				
				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]);
					$('.ploader').removeClass('ploader').addClass('finishload');
					return;
				}

				$(obj_img[tgp.id][imageposition[tgp.id]]).animate({opacity: 1.00});
				
				imageposition[tgp.id]++;
				
		};
		


		this.each (
			function(){ init(this); }
		);


	};
	
	// default values
	$.fn.tgPreload.defaults = {	
		speed : 200,
		animateSpeed : 400,
		childClass : ""
	};	
	
})(jQuery);