// JavaScript Document

(function(jQuery){
	
	 var settings = {
		_:''
  };
	
	var _data = { 
		$:0
	};
	
	
	var methods = {
		
		// *******************************************************************************
		init:function(options){
			this.each(function(){
				methods.initItems( this, options);
			});
		},		
		
		initItems:function(ref, options){
			var $this = jQuery(ref);
			
			data = jQuery.data($this);
			data.$this = $this;
			data.images = options.images;
			data.assetFolder = options.assetFolder;
			data.index = 0;
			data.imgID = '';
			data.delay = 5000;
			data.iid = setInterval(function(){ methods.nextPicture($this) }, data.delay);			
			jQuery.data($this, data);
			
		},
		
		
		nextPicture:function(ref){
			$this = ref;
			data = jQuery.data($this);
			clearInterval(data.iid);
			
			jQuery('.hm-pic div', $this).each(function(i){
    		var id = jQuery(this).attr('id')
     		if (id != data.imgID && id != ""){
      		jQuery(this).remove();
     		} 
  		});
			
			data.imgID = 'HEADIMG' + data.index;
			jQuery.data($this, data);
			
			data.imgTag = jQuery('<img width="940" style="position:absolute;top:0px;left:0px"/>').attr('src', data.assetFolder + data.images[data.index]).load(function(){ methods.afterImageLoad($this);});
			
		},
		
		afterImageLoad:function(ref){
			$this = ref;
			data = jQuery.data($this);
			
			jQuery('.hm-pic',$this).append('<div id="'+data.imgID+'" style="background-color:#ff00ff; display:block; position:absolute;top:0px;left:0px;"/>')
			jQuery('#' + data.imgID).append(data.imgTag);
			jQuery('#' + data.imgID).hide();
			jQuery('#' + data.imgID).fadeIn(1000);
			
			//alert("OK:" + jQuery('#' + data.imgID).attr('id'));
			
			data.index = (data.index + 1) % data.images.length;
			data.iid = setInterval(function(){ methods.nextPicture($this) }, data.delay);
			jQuery.data($this, data);			
		},
		
		
		
		empty:function(){}	
  };

	// *******************************************************************************
  jQuery.fn.headerSlideShow = function(method){    
    if (methods[method]){
      return methods[method].apply(this, Array.prototype.slice.call( arguments, 1 ));
    }else if (typeof method == 'object' || !method){
      return methods.init.apply(this,arguments);
    }else{
      jQuery.error( 'Method ' + method + ' Does not exist');
    }    
  }

})(jQuery);	
		
