/***
* Author: Jordan Theleme
* Compagny: E-Citron SA

displayList

********
exemple*
********
 *  <ul id="itemId"> 
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *
 * 	<script type="text/javascript">
 *		$(document).ready(function(){
 *			$('#itemId').dynamicList({timeout:6000,url:"xml/focus.xml"});
 *		});
 *	</script>
 *
 *	!! Don't forget to set an URL for the XML !!
 *
***/
(function($) {
    // definition du plugin
    $.fn.dynTHB = function(params) {
		// parametre par default
		var defaults = {
			speed: 'slow', // normal fast
			timeout: 2000,
			type: 'random_start', // random sequence
			containerheight: 'auto',
			animationtype: 'fade' ,//slide
			url : false
		};
		// etendre les parametre par defaut avec ceux fournis
		var params 	= $.extend(defaults, params);
		
		
		// pour chaque focus
		return this.each(function(){
			var itemId = $(this).attr('id');
			var objItem = this;
			$.ajax({
				type: "GET",
				url: params.url,
				dataType: "xml",
				complete : function(data, status) {
					var news = data.responseXML;
					var appendHtml = '<ul id="'+itemId+'" style="list-style:none;margin:0;margin-top:-5px;margin-bottom:15px;min-height:110px;">';
					var tabFocus = new Array();
					$(news).find('focus').each(function(){
						var id = $(this).attr('id');
						tabFocus[id] = new Array();
						tabFocus[id]['image'] = $(this).find('image').text();
						tabFocus[id]['soustitre'] = $(this).find('soustitre').text();
						tabFocus[id]['contenu'] = $(this).find('contenu').text();
						tabFocus[id]['link'] = $(this).find('link').text();
					});
					
					
					for(x in tabFocus){
						if(x > 1){
							var addCss = 'display:none;';
						}else{
							var addCss = '';
						}
						
						var addCss = 'display:none;';						
						
						appendHtml += '<li style="margin:0;' + addCss +'"><div class="thumbnails"><ul style="margin:0;"><li style="margin:0;"><div class="image">';
						appendHtml += '<a href="' + tabFocus[x]['link'] + '">';
						appendHtml += '<img alt="" src="' + tabFocus[x]['image'] + '"/></a></div><div class="description"><div class="thumbnailTitle">';
						appendHtml += '<a href="' + tabFocus[x]['link'] + '">' + tabFocus[x]['soustitre'] + '</a></div><div class="clearFloat">&nbsp;</div>';
						appendHtml += '<div class="descriptionContent">' + tabFocus[x]['contenu'] + '</div></div><div class="clearFloat">&nbsp;</div></li></ul></div></li>';					
					}
					appendHtml += '</ul>';
					$(objItem).replaceWith(appendHtml);
				},
				
				error : function (xhr, ajaxOptions, thrownError){
					$(objItem).replaceWith('<span>'+xhr.status+" - "+thrownError+'<br/>Please set an url to load the xml.</span>');
				}    
			});
						
			setTimeout(function(){
				$("#"+itemId).innerfade({
					speed: params.speed,
					timeout: params.timeout,
					type: params.type,
					containerheight: params.containerheight,
					animationtype:  params.animationtype
				});
			}, 1000);
			
		});
    };
})(jQuery);