function scroll_color(summary_color, skin_url){
   var position = 1;
   var object_arrow_up = document.getElementById('color_up');
   var object_arrow_down = document.getElementById('color_down');
   var object_arrow_up_img = document.getElementById('color_up_img');
   var object_arrow_down_img = document.getElementById('color_down_img');
   var object_all_colors_link = document.getElementById('get_all_colors');
   var object_scroll_colors_link = document.getElementById('get_scroll_colors');
   var object_color_arrows = document.getElementById('color_arrows');

   this.scroll_color_up = function(){
      if(position > 1){
	     var object_row_to_show = document.getElementById('row_id_'+(position-1));
		 var object_row_to_hide = document.getElementById('row_id_'+(position+9));
		 object_arrow_down.style.cursor='pointer';
		 object_arrow_down_img.src=skin_url+'images/arrow_down.png';
		 if(position-1 <= 1){
		   try{
		     object_arrow_up.style.cursor='default';
			 object_arrow_up_img.src=skin_url+'images/arrow_up_inactive.png';
		   }catch(e){}
		 }
		 position--;
		 try{
		   object_row_to_show.style.display='table-row';
		   object_row_to_hide.style.display='none';
		 }catch(e){}
	  }
   }

   this.scroll_color_down = function(){
      if(position+9 < summary_color){
	     var object_row_to_show = document.getElementById('row_id_'+(position+10));
		 var object_row_to_hide = document.getElementById('row_id_'+(position));
		 object_arrow_up.style.cursor='pointer';
		 object_arrow_up_img.src=skin_url+'images/arrow_up.png';
		 if(position+10 >= summary_color){
		   try{
		     object_arrow_down.style.cursor='default';
			 object_arrow_down_img.src=skin_url+'images/arrow_down_inactive.png';	 
		   }catch(e){}
		 }
		 position++;
		 try{
		   object_row_to_show.style.display='table-row';
		   object_row_to_hide.style.display='none';
		 }catch(e){}
	  }

   }
   
   this.get_all_colors = function(){
   try{
     	 object_all_colors_link.style.display='none';
		 object_scroll_colors_link.style.display='inline';
		 object_arrow_down_img.style.display='none';
		 object_arrow_up_img.style.display='none';
	 }catch(e){}
     for(i=1;i<=summary_color;i++){
	    var object_row = document.getElementById('row_id_'+i);
		try{
		   object_row.style.display='table-row';
		}catch(e){}
	 }
   }
   
   this.get_scroll_colors = function(){
     try{
	    object_all_colors_link.style.display='inline';
		object_scroll_colors_link.style.display='none';
		 object_arrow_down_img.style.display='inline';
		 object_arrow_up_img.style.display='inline';
	 }catch(e){}
     for(i=1;i<=summary_color;i++){
	    var object_row = document.getElementById('row_id_'+i);
		if(i<position || i>position+9){
		   try{
		      object_row.style.display='none';
		   }catch(e){}
        }
	 }
   
   }

}