/* Javascript by Armin Priesner */

verwendeArray = "official";

arrOfficial = new Array();
arrOfficial[0] = ['00026', 750, 500, 'ivan ruiz machado in action']
arrOfficial[1] = ['00011', 800, 655, 'concentrated at a concert of Grimus 1970']

arrLive = new Array();
arrLive[0] = ['00007', 520, 347, 'Festival Krems with Sandra Pires']
arrLive[1] = ['00008', 886, 594, 'me with Alegre Correia and Fernando Paiva 4tett']
arrLive[2] = ['00004', 640, 426, 'me with the band Grimus 1970']
arrLive[3] = ['00003', 640, 426, 'Aliosha Biz & me with Harri Stojka Band']
arrLive[4] = ['00009', 400, 300, 'Mit Sandra Pires in St. Pölten']
arrLive[5] = ['00010', 2071, 1500, 'me and Laurinho Bandeira']
arrLive[6] = ['00011', 800, 655, 'concentrated at a concert of Grimus 1970']
arrLive[7] = ['00012', 500, 333, 'ivan papovox']
arrLive[8] = ['00013', 800, 600, 'me and iris camaa']
arrLive[9] = ['00014', 800, 600, 'my sister Adriana and me']
arrLive[10] = ['00015', 800, 600, 'my father']
arrLive[11] = ['00016', 800, 692, 'my mother']
arrLive[12] = ['00017', 450, 341, 'Roque and me']
arrLive[13] = ['00018', 800, 688, 'me with Harri Stojka band in Detroit']
arrLive[14] = ['00019', 800, 575, 'my best friend and brother Ariel Ramirez']
arrLive[15] = ['00020', 800, 440, 'Black Rose 4tett Birdland']
arrLive[16] = ['00021', 800, 437, 'The Black Rose 4ett']
arrLive[17] = ['00022', 800, 532, 'doing a solo with the Black Rose 4tett']
arrLive[18] = ['00023', 800, 532, 'with Iris Camaa and grupo Mestisaje in Cuba']
arrLive[19] = ['00024', 800, 532, 'with Iris Camaa and Pablo Menendez Mescla Cuba']
arrLive[20] = ['00025', 640, 480, 'me, my sister and Pocho Lopez']
arrLive[21] = ['00029', 900, 725, '....como esta...!!!']
arrLive[22] = ['00027', 2560, 1920, 'Dorretta Carter´s & Hotpot']
arrLive[23] = ['00028', 1707, 1280, '']
arrLive[24] = ['00030', 119, 119, 'Roxi-jam']


function initGalerie() {
	document.getElementById('pfeil_text').innerHTML = 'official gallery';
	ladeGalerie(galerie = arrOfficial, 0);
	
	window.document.getElementById('officialgalerie').onclick = function() {
		document.getElementById('pfeil_text').innerHTML = 'official gallery';
		ladeGalerie(galerie = arrOfficial, 0);
	}
	
	window.document.getElementById('livegalerie').onclick = function() {
		document.getElementById('pfeil_text').innerHTML = 'live gallery';
		ladeGalerie(galerie = arrLive, 0);
	}
	
	// Pressebild
	document.getElementById('presspicture').onclick = function() {
		var img = new Image();
		img.src = "img/pressefoto.jpg";
		width = 1500 + 20;
		height = 1000 + 20;
		var win = window.open(img.src, "", "left=10px,top=10px,width=" + width + "px,height=" + height + "px,resizable=yes");
	}
}

function ladeGalerie(galerie, m) { // m ist die Position im Array aber der nach Informationen für 3 Bilder gesucht werden soll
	var spalte;
	for(i = m; i < m + 3; i++) {
		switch(i) {
			case m: spalte = document.getElementById('bild_a'); break;
			case (m + 1): spalte = document.getElementById('bild_b'); break;
			case (m + 2): spalte = document.getElementById('bild_c'); break;
		}
		
		// div-Boxen leeren
		if(spalte.hasChildNodes()) {
			spalte.removeChild(spalte.childNodes[1]);
			spalte.removeChild(spalte.childNodes[0]);
		}
		
		// div-Box mit Inhalt füllen, falls im Array verfügbar
		if(typeof galerie[i] != "undefined") {
			
			var neuesBild = document.createElement('img');
			spalte.appendChild(neuesBild);
			bild = new Image(190, 140);
			bild.src = "upload/" + galerie[i][0] + "gth.jpg";
			neuesBild.src = bild.src;
			neuesBild.style.cursor = 'pointer';
			
			var neuerText = document.createElement('p');
			spalte.appendChild(neuerText);
			neuerText.innerHTML = galerie[i][3];
			neuerText.style.marginBottom = '0px';
			neuerText.style.marginTop = '2px';
			neuerText.style.fontSize = '11px';
		}
	}
	
	// Popup-Bilder zuweisen
	if(typeof galerie[i - 3] != "undefined")
		document.getElementById('bild_a').onclick = function() { zeigeBild(galerie[i - 3][0], galerie[i - 3][1], galerie[i - 3][2]); }
	if(typeof galerie[i - 2] != "undefined")
		document.getElementById('bild_b').onclick = function() { zeigeBild(galerie[i - 2][0], galerie[i - 2][1], galerie[i - 2][2]); }
	if(typeof galerie[i - 1] != "undefined")
		document.getElementById('bild_c').onclick = function() { zeigeBild(galerie[i - 1][0], galerie[i - 1][1], galerie[i - 1][2]); }
	
	// Zurückpfeil anzeigen, wenn es mindest. 3 vorhergehende Bilder gibt
	if(m > 1) {
		document.getElementById('pfeil_a').style.display = 'block';
		document.getElementById('pfeil_a').onclick = function() { ladeGalerie(galerie, m - 3); }
	}
	else
		document.getElementById('pfeil_a').style.display = 'none';
	
	// Weiterpfeil anzeigen, wenn mehr als 3 Bilder vorhanden sind
	if(galerie.length > m + 3) {
		document.getElementById('pfeil_b').style.display = 'block';
		document.getElementById('pfeil_b').onclick = function() { ladeGalerie(galerie, m + 3); }
	}
	else
		document.getElementById('pfeil_b').style.display = 'none';
}

function zeigeBild(bild_id, width, height) {
	var img = new Image();
	img.src = "upload/" + bild_id + ".jpg";
	width += 20;
	height += 20;
	var win = window.open(img.src, "", "left=10px,top=10px,width=" + width + "px,height=" + height + "px,resizable=yes");
}

window.onload = initGalerie;