function changeref(theid,img,url){

var image = "url(portfolio/previews/"+img+")";

document.getElementById('currentref').style.backgroundImage = image;

if(theid == '1'){
	document.getElementById('refID-1').style.display = 'block';
	document.getElementById('refID-2').style.display = 'none';
	document.getElementById('refID-3').style.display = 'none';	
	document.getElementById('refID-4').style.display = 'none';	
	document.getElementById('refID-5').style.display = 'none';	
}
if(theid == '2'){
	document.getElementById('refID-1').style.display = 'none';
	document.getElementById('refID-2').style.display = 'block';
	document.getElementById('refID-3').style.display = 'none';
	document.getElementById('refID-4').style.display = 'none';	
	document.getElementById('refID-5').style.display = 'none';	
}
if(theid == '3'){
	document.getElementById('refID-1').style.display = 'none';
	document.getElementById('refID-2').style.display = 'none';
	document.getElementById('refID-3').style.display = 'block';
	document.getElementById('refID-4').style.display = 'none';	
	document.getElementById('refID-5').style.display = 'none';	
}

if(theid == '4'){
	document.getElementById('refID-1').style.display = 'none';
	document.getElementById('refID-2').style.display = 'none';
	document.getElementById('refID-3').style.display = 'none';
	document.getElementById('refID-4').style.display = 'block';	
	document.getElementById('refID-5').style.display = 'none';	
}

if(theid == '5'){
	document.getElementById('refID-1').style.display = 'none';
	document.getElementById('refID-2').style.display = 'none';
	document.getElementById('refID-3').style.display = 'none';
	document.getElementById('refID-4').style.display = 'none';	
	document.getElementById('refID-5').style.display = 'block';	
}

var refurl = url;
} /* end of 'changeref' */