var position = 0;
var length = 20;
var count = 0;

var lengthCovers = 12;
var positionCovers = 0;
var countCovers = 0;

window.addEvent('domready', function(){
    setPositionYears();
   	drawYears();   	
   	drawCovers();

    var next = $$('div#accordion .next');
    next.each(function(element) {     
	    element.addEvent('click', function(){	        
	        nextCover();
	    });
    });	   
    
    var previous = $$('div#accordion .previous');
    previous.each(function(element) {     
	    element.addEvent('click', function(){	        
	        previousCover();
	    });
	    
    });	  

    var list = $$('ul#magGallerySmall li');
    list.each(function(element, i) {   
    	beginDraw(element, i);  

    });	 
    
    var list = $$('div.gallery div');
    list[1].removeAttribute('style');
}); 

setupCovers = function() {
   var list = $$('ul#magGallerySmall li');
    list.each(function(element, i) {   
    	beginDraw(element, i);  

    });	 
    

}

beginDraw = function(cover, count) {

    if (count == positionCovers) {  
        moreCovers (cover, -1);
    } else if (count == (lengthCovers + positionCovers - 1)) { 
        moreCovers (cover, 1);
    }
     
}

moreCovers = function(cover, i) {     
        cover.addEvent('mouseenter', function(event){  
            event = new Event(event);  
  
            getPositionCover(i);
            drawCovers();      
            setupCovers();       
            cover.removeEvents();
            event.stop();  
        });                       
}		

nextCover = function() {            
    if (getPosition(1))    
        drawYears();	
}

previousCover = function() {
    if (getPosition(-1))
        drawYears();	
}

getPosition = function(move) {   

    if (move > 0) {
        if ((move + length + position) <= count) {
            position = position + move;
            return true;   
        }
        else {
            return false;
        }           
    } else if (move < 0) {
        if (position > 0) {
            position = position + move;
            return true;
        } else {
            return false;
        }            
    } else {
        return false;
    }
}

getPositionCover = function(move) {   
    if (move > 0) {
        if ((move + lengthCovers + positionCovers) <= countCovers) {
            positionCovers = positionCovers + move;
            return true;   
        }
        else {
            return false;
        }           
    } else if (move < 0) {
        if (positionCovers > 0) {
            positionCovers = positionCovers + move;
            return true;
        } else {
            return false;
        }            
    } else {
        return false;
    }
}

setPositionYears = function() {
    position = 0;
}

drawYears = function() {
    var list = $$('ul#yearList li');
    var length2 = 0;
    list.each(function(element, i) {   
        if(count == 0)
            length2++;
        if (i < position) {
            element.setStyle('display','none');
        } 
        else if (i < (length + position)) {
            element.setStyle('display','inline');
        }          
        else {
            element.setStyle('display','none');
        }        
    }); 
    if(count == 0)
        count = length2;
}

drawCovers = function() {
    var list = $$('ul#magGallerySmall li');
    var length2 = 0;
    list.each(function(element, i) {   
        if(countCovers == 0)
            length2++;
        if (i < positionCovers) {
            element.setStyle('display','none');
        } 
        else if (i < (lengthCovers + positionCovers)) {
            element.setStyle('display','inline');
        }          
        else {
            element.setStyle('display','none');
        }        
    }); 
    if(countCovers == 0)
        countCovers = length2;
}