function slideContent(contentPath, hldr, border, width, height,  docroot, dir/* h or v */){
	
	
	var slider = $('<div id="slider" style="width:'+width+';height:'+height+';overflow:hidden;"> </div>');
	var sliderContent = $('<div id="sliderContent style="width:'+width+';height:'+height+';overflow:hidden;"></div>');
	$(slider).append(sliderContent);  
//	$(slider).css('margin-left', '5px'); 
//	$(slider).css('margin-right', '5px'); 
//	$(slider).css('padding-bottom', '15px'); 
	//$(slider).css('width', '700px'); 
	//load filling content from contentPath
	var files ;
// alert(docroot+"_com/util/getFolderContentsJSON.php");
//$('body').append(docroot+".");
	
	$.post("../_com/util/getFolderContentsJSON.php", { folder:"../../img/topAnim" },
				  function(data){ 
			
				var sliderHTML ='';
					var counter =0;
					 var response ='';
					 
				 
					 $.each(data.files, function(name, value){ 
								  	
								  	var file = data.files[counter];
									var ext =data.files[counter].split(".")[1];
									var amountFiles = 20;
									
									
									//load html
									if(ext.indexOf("htm") != -1){
									
									 $(slider).append(fileDataDiv);
									var fileDataDiv = '<div class="sliderData" ></div>';
									
									$(sliderContent).append(fileDataDiv);
									
									//load img
									}else{
										//'+contentFldr+'/'+data.files[counter]+'
										var fileDataDiv = '<div class="sliderData" style="float:left;padding-right:'+border+'px"><img src="'+contentPath+'/'+data.files[counter]+'" /></div>';
									$(sliderContent).append(fileDataDiv);
										
									}
									 
									counter++;
						});
					 
					 var counter =0;
					 var response ='';
					 
				 
					 
					 $.each(data.files, function(name, value){ 
								  	
								  	var file = data.files[counter];
									var ext =data.files[counter].split(".")[1];
									var amountFiles = 20;
									
									
									//load html
									if(ext.indexOf("htm") != -1){
									
									 $(slider).append(fileDataDiv);
									var fileDataDiv = '<div class="sliderData" ></div>';
									
									$(sliderContent).append(fileDataDiv);
									
									//load img
									}else{
										//'+contentFldr+'/'+data.files[counter]+'
										var fileDataDiv = '<div class="sliderData" style="float:left;padding-right:'+border+'px"><img src="'+contentPath+'/'+data.files[counter]+'" /></div>';
									$(sliderContent).append(fileDataDiv);
										
									}
									 
									counter++;
						});
					
				var dirProp = (dir=="h") ? 'margin-right' : 'margin-top'; 
				 
				 var amountFiles = counter;
			 //alert(amountFiles +" : " +  dirProp);
					
					$(hldr).html('');
					 $(hldr).append(slider);
					 
					 var demos = $("#slider");
				//on load initiate slide
				
				//set slide to go in intevals
				var sliderCount = 0;
				if(dir == "h"){
					$(sliderContent).width( amountFiles * (width + border));
					$(sliderContent).height(height);
					 
				}else{
					$(sliderContent).width(width);
					$(sliderContent).height(amountFiles * (height + border));
				}
				  
				$(slider).everyTime(4000,function(i) {
					   
						if(dir == "h"){
			 				var fixedWdth = (sliderCount * border) + width
							 $(sliderContent).animate({
							 marginLeft:  '-='+fixedWdth+'px' 
							 },1500, function(){
								 
								if(sliderCount  == (amountFiles)){
									
									sliderCount = 0;
								 
									$(sliderContent).css('margin-left', '0px'); 
									 
								}
							 });
						}else{
							
							$(sliderContent).animate({
							 marginTop:  '-='+height+'px' 
							 },1500, function(){
								 
								if(sliderCount  == (amountFiles + 1)){
									
									sliderCount = 0;
								//	alert("finished");
									$(sliderContent).css(dirProp, (height * 2)+'px'); 
									
								}
							 });
							
						}
							sliderCount++;
					
				  
				  });
								 
				  
					 
			}, 'json');
	 
	 
 
	
}

 var docRoot ='http://www.ifiworld.org/';
slideContent("http://www.ifiworld.org/img/topAnim/", "#topAnim", "0", '800', '150', docRoot, "h")	;