/* 
 Easy Scroll v1.0
 written by Alen Grakalic, provided by Css Globe (cssglobe.com)
 please visit http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller
 Modified by Compass Mobile Solutions
 */

this.easyscroll = function(contenedor_scroll, height){

    // id of the container element 
    var id = contenedor_scroll;
	
    // navigation buttons text
    var nav = ["leer m\u00E1s", "", ""];
    
    //	id for each navigation button (OPTIONAL)
    var navId = ["leerScroll", "btnDown", "btnUp"];
	
	// altura destino (valor de top) al pulsar el boton de scroll
	var newHeight = 0;
    
    //
    // END CONFIG
    // do not edit below this line (unless you want to of course :) )
    //
    
    var obj = document.getElementById(id);
    
    obj.up = false;
    obj.down = false;
    
    var container = document.createElement("div");
    var parent = obj.parentNode;
    container.id = "easyscroll";
    parent.insertBefore(container, obj);
    parent.removeChild(obj);
    
    container.style.position = "relative";
    container.style.height = height + "px";
    container.style.overflow = "hidden";
    obj.style.position = "absolute";
    obj.style.top = "0";
    obj.style.left = "0";
    container.appendChild(obj);
    
	if (obj.offsetHeight > height) { 
	// si el contenido no cabe en el espacio reservado= height, poner botones scroll si no, no.
		var btns = new Array();
		var ul = document.createElement("ul");
		ul.id = "easyscrollnav";
		for (var i = 0; i < nav.length; i++) {
			var li = document.createElement("li");
			li.innerHTML = nav[i];
			li.id = navId[i];
			btns.push(li);
			ul.appendChild(li);
		};
		parent.appendChild(ul);
		btns[1].onclick = function(){ // abajo
			obj.down = true;
			obj.up = false;
			newHeight -= height;
		};
		btns[2].onclick = function(){ // arriba
			obj.up = true;
			obj.down = false;
			newHeight += height;
		};
	}
    
    
	// funcion start
    this.start = function(){
        var newTop;
        var objHeight = obj.offsetHeight;		
        var top = obj.offsetTop;
				
//		objeto._x += (cordenadadestino - objeto._x)*0.10;
		
        if (obj.down) {
            newTop = ((objHeight + top) > height) ? top + ((newHeight-top)*0.19) : top;
            obj.style.top = newTop + "px";
			if (newTop <= newHeight || (objHeight + top) <= height) {
	            obj.down = false;
				newHeight= -objHeight + height;
			}
			
        }        
        if (obj.up) {
            newTop = (top < 0) ? top + ((newHeight-top)*0.19) : top;
            obj.style.top = newTop + "px"; 
			if ((top>=0)){  // objHeight + top < height
 	          	obj.up = false;
				newHeight=0;
			}
        };
    }; // fin start 
    obj.interval = setInterval("start()", 1);
};

