function resize(img, max) {
      var elem = document.getElementById(img);
      if (elem == undefined || elem == null) return false;
      if (max == undefined) max = 100;
      if (elem.width > elem.height) {
        if (elem.width > max) elem.width = max;
      } else {
        if (elem.height > max) elem.height = max;
      }
}

var t,c=1;
function loopthroughgrid()
{
    if (c>9){c=1};
    UpdateSelectedMainImage(c);
    c=c+1;
    t = setTimeout("loopthroughgrid()",3000);
}

function restartloop(id){
c=id;
loopthroughgrid();
}

function pausetoview(id){
   clearTimeout(t);
   UpdateSelectedMainImage(id);

}


function updateslidestripstyle(id)
{
    var inputs = document.getElementsByClassName('slidestrip');
    var invalid = false;
    var match = false;
    
    for (var i=0;i<inputs.length;i++) 
    {
        inputs[i].style.backgroundColor='#eee';
        inputs[i].style.border='#D3D3D3 1px solid';
    }
    
    var inputs = document.getElementsByClassName('slidestripselected');
    var invalid = false;
    var match = false;
    
    for (var i=0;i<inputs.length;i++) 
    {
        inputs[i].style.backgroundColor='#eee';
        inputs[i].style.border='#D3D3D3 1px solid';
    }

    sSlide = id; 
    document.getElementById(sSlide).style.backgroundColor = '#FFFFFF';   
    document.getElementById(sSlide).style.border = '#555 1px solid';  

}

function updateMainImage(id){
    var sSrc, sAlt, thisimg, sTitle, sName, sDisplayName, sDisplayTitle, sSlide,sSelectedslide , sSelection, sProgramme;
                       
            if(id !=undefined)
            { 
                document.getElementById('ctl00_maincontent_mainImage').src = 'http://www.axisweb.org/images/loading.gif';                            
                thisimg = document.getElementById(id);    
                
                sAlt = thisimg.alt;                                  
                sSrc = thisimg.src.replace('/thumbnail/','/full/').toString();       
               

                var inputs = document.getElementsByClassName('slide');
                var invalid = false;
                var match = false;
                
                for (var i=0;i<inputs.length;i++) 
                {
                    inputs[i].style.backgroundColor='#eee';
                    inputs[i].style.border='#D3D3D3 1px solid';
                }
                
                var inputs = document.getElementsByClassName('slideselected');
                var invalid = false;
                var match = false;
                
                for (var i=0;i<inputs.length;i++) 
                {
                    inputs[i].style.backgroundColor='#eee';
                    inputs[i].style.border='#D3D3D3 1px solid';
                }
                
                document.getElementById('ctl00_maincontent_mainImage').src = sSrc.toString();                             
                document.getElementById('ctl00_maincontent_mainImage').alt = sAlt.toString(); 
                document.getElementById('ctl00_maincontent_mainImage').title = sAlt.toString();     
  
                sSlide = id+'-gridslide'; 
                document.getElementById(sSlide).style.backgroundColor = '#FFFFFF';   
                document.getElementById(sSlide).style.border = '#555 1px solid';       
   
                // Works title
                sDisplayTitle = id+'-title';       
                sTitle = document.getElementById(sDisplayTitle).innerHTML;  
                if(sTitle!='' && sTitle!=undefined)
                {document.getElementById('ctl00_maincontent_littitle').innerHTML = sTitle;}
                
            
                
                // Works Price
                sDisplayTitle = id+'-price';       
                sTitle = document.getElementById(sDisplayTitle).innerHTML;  
                if(sTitle!='' && sTitle!=undefined)
                {document.getElementById('ctl00_maincontent_litprice').innerHTML = sTitle;}    
              }                    
     }