var oldContent = '';
var noGalCnt = '';

function loadContent(url) {
  if(window.XMLHttpRequest) // Firefox
    xhr_object = new XMLHttpRequest();
  else if(window.ActiveXObject) // Internet Explorer
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  else { // XMLHttpRequest non supporté par le navigateur 
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    return;
  }

  xhr_object.open("GET", "contents/"+url, true); 

  xhr_object.onreadystatechange = function() {
    if(xhr_object.readyState == 4) $('#contents').html(xhr_object.responseText);
  }

  xhr_object.send(null);
  oldContent = url;
}

function loadGalImage(imgFile) {
	var loadDiv = $('<div id="loadDiv"></div>').attr('class', 'loading');
	var offset = $('#cpImage').offset();
	var width = $('#cpImage').width();
	var height = $('#cpImage').height();

	loadDiv.css('top', (offset.top + height / 2 - 16) + 'px');
	loadDiv.css('left', (offset.left + width / 2 - 16) + 'px');

	$('#contents').append(loadDiv);
	$('#cpImage').fadeTo('fast', 0, function () {
		// load image
		$('#cpImage').load(function () {
			$('#cpImage').fadeTo('fast', 1);
			loadDiv.remove();
		}).error(function () {
		}).attr('src', imgFile);
	});
}