// JavaScript Document

/*seznam map*/
/*ime mape, st. slik --- morda bi ta del kasneje lahko generiral s php-jem*/
//ime mape, st. slik, naslov galerije, komentarji DA/NE, download DA/NE
var folders = new Array (
	Array('USA_spring',8,'USA Spring Tour of 2010, March 2010',0,0),
	Array('dubai',9,'American University of Sharjah/Dubai, February 2009',0,0),
	Array('zadar',9,'In Zadar 2008',0,0),
	Array('athens',3,'In Athens with Zagreb guitar quartet 2007',0,0),
	Array('montreal',12,'In Canada 2007',0,0),
	Array('chicago',4,'In Chicago 2007',0,0),
	Array('others',11,'Others',1,0),
	Array('high_res',4,'High resolution photos',1,1)
);

var comments = new Array (
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('duo MM','Elly\'s guitar quartet','In Stockholm','','','','','','','','With Ante Čagalj under the Palace of Diocletian in Split'),	
	Array('Photo by Darko Čadež','Photo by Darko Čadež','Photo by Željko Karavida', 'Photo by Marko Ocepek')
);

var download = new Array (
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),
	Array('','','',''),	
	Array('<a href=\"images/high_res_dl/mak_grgic_1.tif\">Download TIF (8.82 MB)</a>','<a href=\"images/high_res_dl/mak_grgic_2.tif\">Download TIF (26.4 MB)</a>','<a href=\"images/high_res_dl/mak_grgic_3.jpg\">Download JPEG (4.53 MB)</a>','<a href=\"images/high_res_dl/mak_grgic_4.jpg\">Download JPEG (8.45 MB)</a>')
);


var mouseOver=' onmouseover=\"this.style.MozOpacity=1;this.filters.alpha.opacity=100\"'
var mouseOut=' onmouseout=\"this.style.MozOpacity=0.6;this.filters.alpha.opacity=60\"'

//document.write("juhu: "+folders[0][1]);


function showPhotos(folder){
	
	var vsebina="<div class=\"title\" ><h3>"+folders[folder][2]+"</h3></div>";
	var img='/001';
	var i=0	
	var title = "";
	var downloadLocation = "";
	
	/*var height=85;
	var width=120;
	var marginTop=6;
	var marginBottom=6;*/
	
	for(i=1; i<=folders[folder][1]; i++){		
		
		if(i<10){
			img='00'+i;
		}
		else{
			img='0'+i;
		}			
		//vsebina+='<div class=\"photo-small-frame\"><a href=\"javascript:showChosenPhoto('+folder+','+i+')\"><img src=\"images/photo_gallery/small/'+folders[folder][0]+'/'+img+'.jpg\" alt=\"slika\" class=\"photo-small\"'+mouseOver+mouseOut+' /></a></div>';
		
		//lightbox izvedba
		if( folders[folder][3] == 1 ){
			title = comments[folder][i-1];
		}
		else{
			title = folders[folder][2];
		}
		
		if( folders[folder][4] == 1 ){
			downloadLocation = download[folder][i-1];
		}
		
		vsebina+='<div class=\"photo-small-round\"><div class=\"photo-small-frame\"><a href=\"images/photo_gallery/'+folders[folder][0]+'/'+img+'.jpg\" title=\"'+title+'\" rel=\"lightbox['+folders[folder][0]+']\"><img src=\"images/photo_gallery/small/'+folders[folder][0]+'/'+img+'.jpg\" alt=\"slika\" class=\"photo-small\"'+mouseOver+mouseOut+' /></a></div>'+downloadLocation+'</div>';
		
	}
	//document.getElementById('izpis').innerHTML='<p>Širina: '+marginTop+'<br />Višina: '+marginBottom+'</p>';
	document.getElementById('galerija').innerHTML=vsebina;
}

function showChosenPhoto(folder, num){
	
	var content='<div class=\"title\" ><h3>'+folders[folder][2]+'</h3></div>';
	var pic=0;
	
	if(num<10){
		pic='00'+num;
	}
	else{
		pic='0'+num;
	}
	
	content+='<div class="above-photo" ><p><a href=\"javascript:showPhotos('+folder+')\" >Close x</a></p></div>';
	content+='<div class=\"photo-frame\" ><img src=\"images/photo_gallery/'+folders[folder][0]+'/'+pic+'.jpg\" alt=\"slika\" class=\"photo\" /></div>';
	if(folders[folder][3]==1){
		content+='<div class=\"comment\"><p style="text-align: center;"><em>'
		content+=comments[folder][num-1];
		content+='</em></p></div>';
	}
	content+='<div class=\"under-photo\"><div class=\"previous\">'
	
	if(num>1){
		content+='<p><a href=\"javascript:showChosenPhoto('+folder+','+(num-1)+')\">Previous</a></p>';
	}
	else{
		content+='<p> </p>';
	}
	
	content+='</div>';
	content+='<div class=\"photo-number\"><p class=\"svetlo\">'+num+'/'+folders[folder][1]+'</p></div>';
	content+='<div class=\"next\">';
	
	if(num<folders[folder][1]){
		content+='<p><a href=\"javascript:showChosenPhoto('+folder+','+(num+1)+')\">Next</a> ></p>';
	}
	content+='</div></div>';
	
	document.getElementById('galerija').innerHTML=content;
}