function pageload() {
	sport('soccer');
	options('features/onetouchsub.html');
}
	

function sport(sportID) {
    var httpRequest;
    var url;
    
    url = "sports/" + sportID + ".html";
    imgsrc = "../images/headers/" + sportID + ".jpg";

    // First take care of handleSport which is the text block
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {
            httpRequest.overrideMimeType('text/xml');
        }
    } 
    else if (window.ActiveXObject) { // IE
        try {
            httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
           try {
                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
           } 
          catch (e) {}
        }
    }

    if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    
    httpRequest.onreadystatechange = function() { handleSport(httpRequest); };
    httpRequest.open('GET', url, true);
    httpRequest.send('');

    // Now replace the background image on the div container-top
    changeDivSport("changeDIV", imgsrc);
}
    
    
    
function options(url) {
    var httpRequest;

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {
            httpRequest.overrideMimeType('text/xml');
        }
    } 
    else if (window.ActiveXObject) { // IE
        try {
            httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
           try {
                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
           } 
          catch (e) {}
        }
    }

    if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    
    httpRequest.onreadystatechange = function() { handleOptions(httpRequest); };
    httpRequest.open('GET', url, true);
    httpRequest.send('');
}
    
    function handleSport(httpRequest) {
  if (httpRequest.readyState == 4) {
      if (httpRequest.status == 200) {
         //icover_cont = document.getElementById("cover_cont"); 
         //icover_cont.style.display = "block";
         //icover_cont.style.background  = 'url(images/empty.jpg)';
      	 //document.getElementById('cover_cont').style.background = 'url(images/empty.jpg)';
         document.getElementById("SportArea").innerHTML = httpRequest.responseText;
      } else {
          alert('There was a problem with the request.');
      }
  }
}
 
    function handleSportHead(httpRequest) {
  if (httpRequest.readyState == 4) {
      if (httpRequest.status == 200) {
         //icover_cont = document.getElementById("cover_cont"); 
         //icover_cont.style.display = "block";
         //icover_cont.style.background  = 'url(images/empty.jpg)';
      	 //document.getElementById('cover_cont').style.background = 'url(images/empty.jpg)';
         document.getElementById("SportHeadArea").innerHTML = httpRequest.responseText;
      } else {
          alert('There was a problem with the request.');
      }
  }
}

function handleOptions(httpRequest) {
  if (httpRequest.readyState == 4) {
      if (httpRequest.status == 200) {
         //icover_cont = document.getElementById("cover_cont"); 
         //icover_cont.style.display = "block";
         //icover_cont.style.background  = 'url(images/empty.jpg)';
      	 //document.getElementById('cover_cont').style.background = 'url(images/empty.jpg)';
         document.getElementById("OptionArea").innerHTML = httpRequest.responseText;
      } else {
          alert('There was a problem with the request.');
      }
  }
}

function changeDivSport(theID, sportimg)
{
    var element = document.getElementById(theID);
    element.style.backgroundImage = 'url(\'' + sportimg + '\')';
}