$(document).ready(function() {
 var opcc={
    id_txt:"#cuado", //el cuadro padre
     delay:125,
	class_txt:'.cuad',  //cuadros pequeños
	url:"testimonials.php"
 }
scroll_txt(opcc);
 function scroll_txt(opc){
   var ID=null;
   var vec=new Array();
   var j=0;
     //set_men($(opc.id_txt) );
     var ps = $(opc.id_txt).position();
	 var p0 =  ps.top;
    $(opc.class_txt).each(function(i,Obj){
	    //set_men($(this));
		 var ps = $(this).position();
		 var cuad = { obj:$(this), pos:0, h:$(this).height(),i:$(this).height() }
		 vec.push(cuad);
	});
	
   
		
	$(opc.id_txt).bind('mouseout',function(){
           startt();
	});
	
    $(opc.id_txt).bind('click',function(){
          location.href=opc.url;
	});
	
	$(opc.id_txt).bind('mouseover',function(){
	    clearInterval(ID);
	});
	
	$('#ff').bind('click',function(){
		$('#men').prepend("<br>==================");
		for(var k=0; k<vec.length; k++ ){
		   $('#men').prepend("<br>"+k+", pos:"+vec[k].pos+",i:"+vec[k].i+", h:"+vec[k].h );
		}
		
	});
	
	function startt(){
	    ID =  setInterval(function(){
		    for(var i=0;i < vec.length; i++ ){
			    vec[i].pos--;
			    vec[i].obj.css('top', vec[i].pos );				
				vec[i].i--;				

			}
			//$('#men2').html(vec[j].i);
				if(vec[j].i < -1){ 				   
				    vec[j].obj.appendTo(opc.id_txt);
				   for(var k=0; k<vec.length; k++ ){				       
                        vec[k].obj.css('top',0);
						vec[k].i=vec[k].h;
						vec[k].pos=0;
				   }			   				   				   
				   j++
				   if(j>=vec.length) j=0;
				}									
		}		
		,opc.delay);	
	};
	
	startt();
 }

 function set_men(Obj){
 	     $('#men').append("----------------------------------------<br>");
	     $('#men').append("H:" + Obj.height() + "<br>");
		 var ps = Obj.position();
		 $('#men').append("L:"+ps.left + " top:"+ps.top+ "<br>");
 }
 
   
});