var mediaDir = '/images/';
var divStronyId='opisStronyDiv';
var wybObraz=null;

function ReplaceImage(obid, imgsrc) {
	var img = document.getElementById(obid);
	if (img) {
		img.src = mediaDir + imgsrc;
	}
}
/**
 * Funkcja uruchamiana kiedy wskaźnik myszy jest nad obrazkiem
 * Powiększa obrazek i wstawia opis
 * @param obie Obieikt - obrazek
 * @return null
 */
function nadStrona(obie) {
	if (!obie)
		return;
	if(wybObraz!=null) pozaStrona(wybObraz);
	
	// ---- Zmienne lokalne
	var url = obie.getAttribute('url');
	var opis = obie.getAttribute('opis');
	var nazwa = obie.getAttribute('nazwa');
	var width = eval(obie.width);
	var divStrony=document.getElementById(divStronyId);
	

	wybObraz=obie;
	width = width + 30;
	obie.width = width;
	
	if(!divStrony) 
		return;
	
	divStrony.innerHTML='<b>'+nazwa+'</b> ('+url+') <br /><i>'+opis+'</i>';
	
	//alert(url);
}
/**
 * Funkcja która uruchamiana jest w momencie zdjęcia kursora 
 * znad obrazka. Jeżeli nie było kliknięcia to usuwa dymek i 
 * zmniejsza obrazek
 * @param obie - Obiekt obrazka wywołującego zdarzenie
 * @return null
 */
function pozaStrona(obie) {
	if (!obie)
		return;
	//var url = obie.getAttribute('url');
	//var opis = obie.getAttribute('opis');
	var width = eval(obie.width);
	var divStrony=document.getElementById(divStronyId);
	
	width = width - 30;
	obie.width = width;
	if(!divStrony) 
		return;
	
	divStrony.innerHTML='';
	//alert(url);
}