function setproduct(style) {

// first hide all the divs
	var divs =   document.getElementsByTagName("div");
    
    for(var i=0; i<divs.length; i++)
    {
      var div = divs[i];
      var id  = div.id;    
      
      if(id.match('style_')){         
          
          div.style.display = 'none';
                    
      }    
    }   
    var d = document.getElementById('style_'+style);
   if(d)  d.style.display = 'block';

}


// file size decreasing functions
function ds(c){
  //  document.getElementById('tin_top').style.backgroundColor = c;
    setcolour('tin_top',c);  
}
function cpe(i){createPaletteEntry(i);}
function hc(c,w){highlightcell(c,w);}

function setbrowsedColours(show,direction){    

 
    var divs = document.getElementsByTagName("div");
    var count_available = 0;
    var last_visibile; 
    var first_visible;
    var recent_divs = new Array();
    // js todo!! this could be shortened but works - sort when got time
         
    for(var i=0; i < divs.length; i++)
    {
      var div = divs[i];
      var id  = div.id;
      
      if(id.match('recent_colour_')  ){         
         
          if(div.style.display == 'block'){
          if(first_visible == undefined){
              first_visible = id;              
          }
     
          last_visibile = id;          
          }
        
          recent_divs[count_available] = div;
          count_available+=1;         
      }   
    }
    
    var first_index = first_visible.split('recent_colour_');
    var last_index = last_visibile.split('recent_colour_');   
     
   var start_at = parseInt(first_index[1]);
   var end_at = parseInt(last_index[1]);
   
   
    if(direction == 'left' ){
        
       start_at -= 2;
       end_at -=2;
       
       if(start_at < 0){start_at = 0;}
       if(end_at < (show -1)){ end_at = show -1;} 
              
        for(var i=0; i < recent_divs.length; i++)
         { 
             var recent_div = recent_divs[i];  

             if(i < start_at || i > end_at){
              
                 recent_div.style.display = 'none';                 
             }else{
            
                recent_div.style.display = 'block';   
             }            
         }
         return 1;
    }
    
   if(direction == 'right' && last_index[1] < recent_divs.length){
        
     for(var i=0; i < recent_divs.length; i++)
     {   
         var recent_div = recent_divs[i];
         if(i >=start_at){
          //
             if(i <= end_at){                            
                  recent_div.style.display = 'block';                
             }else{                 
                 recent_div.style.display = 'none';
             }
             
         }else{
            recent_div.style.display = 'none';          
         }  
    }  
   }
       
}


function setfirst(){
    
    var buyingDiv   = document.getElementById("buying_window");
    var all         = document.getElementsByTagName('li');
    
  for (var i = 0; i < all.length; i++) {
    var latest_elem = all[i];
    
    var id = latest_elem.id;
    if(id.match('finish_choice_')){
       
         latest_elem.className ='current_selection';  
         
          var div_to_show = id.split('finish_choice_');         
          setproduct(div_to_show[1]);
          break;
    }
    
}     
}

function setsquare(img_name){
    
   var image_name = 'i' + img_name;
   var imgs = document.getElementsByName(image_name);
  // alert('cheese:' + image_name + ' ' + imgs.length); 
   
   if(imgs.length > 0){
       
      imgs[0].style.border = "1px solid black";   
   }
  // img.style 
}

function setcurrent(element){
   
    var buyingDiv = document.getElementById("buying_window");
   
    var all = document.getElementsByTagName('li');
for (var i = 0; i < all.length; i++) {
    var latest_elem = all[i];
    if( latest_elem.className == 'current_selection'){latest_elem.className = '';}
}
                //element.id = 'current_selection';   
                
                element.className='current_selection';  
}