var datamyShow = new  Array;
 /* 
  window.addEvent('domready', function(){
	    
		 
		var data = {
	      '1.jpg': { caption: 'ductal mobilier urbain' }, 
	      '2.jpg': { caption: 'mobilier urbain' }, 
	      '3.jpg': { caption: 'cr_ductal' }, 
	      '4.jpg': { caption: 'ductal countertop' },
		  '5.jpg': { caption: 'ductal bridge' }, 
	      '6.jpg': { caption: 'escalier-en-ductal' }

	    };
	    var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'http://edfx-websphere-dev1:24215/wps/themes/html/CommonFiles_ref/ductal/images/', thumbnails: false, width: 400});
		
		var secondShow = new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:3,
						elemsSlide:3,
						duration:300,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 158,
						showControls:1,
						onChange: function(index){
							//alert(index);
						}
			
			});
			
			
		
		
	  });
	  
	*/  
		function LoadCss(url){
			var scriptObj = document.createElement('link');
		 
			scriptObj.type = 'text/css';
			scriptObj.rel = 'stylesheet';
			scriptObj.href = url;
		 
			document.getElementsByTagName("head")[0].appendChild(scriptObj);
		};
		
		function LoadJs(url){
			var scriptObj = document.createElement('link');
		 
			scriptObj.type = 'text/javascript';
			scriptObj.href = url;
			
			//var HeadElements = document.head ? document.head : document.getElementsByTagName("head");
			
			document.getElementsByTagName("head")[0].appendChild(scriptObj);
		};
	  
	  
	  function image(icone_image,chemin_image,nom_image) {
			this.icone=icone_image;
			this.chemin=chemin_image;
			this.nom = nom_image;
		};
		
		var SlideShowDrawData = new  Array;
	
		function  SlideShowDraw(dataTab,item){
	  
			var texte = "	<div id='SlideItMoo_outer'>";
			texte+="	<div id='SlideItMoo_inner'>";
			texte+="	<div id='SlideItMoo_items'>";
			for (var i=0; i<dataTab.length; i++) {
				if (dataTab[i] != null)
				{
				//alert(dataTab[i].chemin+' '+dataTab[i].icone+' '+dataTab[i].nom);
				texte+="<div class='SlideItMoo_element'><!-- <strong>"+i+": Building Structure</strong> --><a href='"+dataTab[i].chemin+"' rel='lightbox[galerie]' target='_self'><img src='"+dataTab[i].icone+"' /><div>"+dataTab[i].nom+"</div></a> </div>";
				
				}
			}
			texte+="</div></div></div>";
			
			document.getElementById("result").innerHTML = texte;
			
			
			var secondShow = new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:item,
						elemsSlide:1,
						duration:300,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 158,
						showControls:1,
						loop:false,
						onChange: function(index){
							//alert(index);
						}
			
			});
			//var texte2  = $('resultText').get('text');
			
			//alert(texte2);
		};
		
				function  SlideShowDrawCustom(dataTab,item,itemWidth){
	  
			var texte = "	<div id='SlideItMoo_outer'>";
			texte+="	<div id='SlideItMoo_inner'>";
			texte+="	<div id='SlideItMoo_items'>";
			for (var i=0; i<dataTab.length; i++) {
				if (dataTab[i] != null)
				{
				//alert(dataTab[i].chemin+' '+dataTab[i].icone+' '+dataTab[i].nom);
				texte+="<div class='SlideItMoo_element'><!-- <strong>"+i+": Building Structure</strong> --><a href='"+dataTab[i].chemin+"' rel='lightbox[galerie]' target='_self'><img src='"+dataTab[i].icone+"' /><div>"+dataTab[i].nom+"</div></a> </div>";
				
				}
			}
			texte+="</div></div></div>";
			
			document.getElementById("resultSlide").innerHTML = texte;
			
			
			var secondShow = new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:item,
						elemsSlide:2,
						duration:300,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: itemWidth,
						showControls:1,
						onChange: function(index){
							//alert(index);
						}
			
			});
			//var texte2  = $('resultText').get('text');
			
			//alert(texte2);
		};
		
		function DiapoDrawn (){
	    //var myShow = new Slideshow('show', MyShowDrawData, {controller: true, height: 410, hu: '', thumbnails: false, width: 576});
		myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'http://edfx-websphere-dev1:24215/wps/themes/html/CommonFiles_ductal/ductal/images/', thumbnails: false, width: 400});
		
		}