/**
* Podmienia rysunk glowny po kliknieciu na miniaturke
*/
function changeMainPicOS(id){
	loadingOS(); //start loading
	var mainpic = document.getElementById('mainPhoto');	
	if(document.getElementById('date_'+id))	
		var date = document.getElementById('date_' + id).innerHTML;
	else var date = '';
	var date_div = document.getElementById('mainPhotoDate');
		if (document.images.length > 0){	
			pic = new Image();
			pic.src = 'gfx/models/midi/'+id+'?'+(Math.random()*Math.random()+Math.random());
			pic.onload = function make(){ doChange(id, date) }; //end loading
		}
}

/** changes backgaound image of a main pic - it means changes image **/
function doChange(id, date){	
	var mainpic = document.getElementById('mainPhoto');
	var date_div = document.getElementById('mainPhotoDate');
		if(date!=""){
			date_div.className = '';
		}else	
			date_div.className = 'hidden';
	mainpic.innerHTML = ' ';
	mainpic.onclick = function () { showPicOS('/gfx/models/normal/'+id); };
	mainpic.style.backgroundImage ='url("'+pic.src+'")';
	//displayDate(date);
	setTimeout("displayDate('"+date+"')", 1);
}
/** shows date **/
function displayDate(date){
	if(date != "")
	document.getElementById('mainPhotoDate').innerHTML = 'Picture taken on<span class="pic_date">'+date+'</span>';
}


/** opens new windows with a large photo **/
function showPicOS(pic){
	window.open(pic, 'Preview');
}

/** shows loading graphic and info - quite :) **/
function loadingOS(){
	var mainpic = document.getElementById('mainPhoto');
	var date_div = document.getElementById('mainPhotoDate');
	date_div.innerHTML = '';
	date_div.className = '';
	mainpic.onclick = function () { return; };
	mainpic.style.backgroundImage ='url("gfx/layout/ajax-loader3.gif")';
	mainpic.innerHTML = '<span class="loader">loading...</span>';
	//<img id="loading" src="gfx/layout/ajax-loader2.gif" alt="..." />
	//document.getElementById('date_div').innerHTML = '<span style="color: #BFE7E8; font-weight: normal">loading...</span>';
}

/** zmiana rozmiaru okienka **/
function addHeight(x){
	window.resizeTo(884, x);
	return true;
}