(function($){
	jQuery.fn.imageEffect = function(option){
		var $this = jQuery(this);
		$this.hide();
		var subTitleWidth = option.subTitleWidth || 273;
		// Get Xml Data from site. Which is build by EE CMS
		jQuery.ajax({
			url: option.url,
			dataType: "xml",
			success: function( xmlResponse ) {
				var photo = jQuery("photo", xmlResponse ).get();
				// Parse and Map XML data to photos
				
					data = {
						image:       jQuery("img",photo).text(),
						author:      jQuery("author",photo).text(),
						description: jQuery("desc",photo).text(),
						readmore:    jQuery("readmore",photo).text()
					};
				
				
				var _subTitle = jQuery('<div></div>').addClass('banner-Subtitle').css({right:2,width:subTitleWidth, top: 150}).appendTo($this);
				var _author = jQuery('<h2></h2>').text(data.author).appendTo(_subTitle);
				var _desc = jQuery('<p></p>').text(data.description).appendTo(_subTitle);
				var _readmore = jQuery('<div></div>').addClass('banner-readmore').html(data.readmore).css({'right':0, 'top':190}).appendTo($this);
				
				var _image = jQuery('<img />').load(function(){
					$this.fadeIn('slow');
				}).width(395).height(212).attr({src:data.image}).appendTo($this);
				
			}
		});
	};
})(jQuery);