	var galerie = '';
	var currentset = '';
	var curentpos = 0;
	var fin = true;
	var cont = 1;


function fotogalinit() {	
	
	var fotodiv = document.getElementById('fotogal');
	var buton = document.createElement('img');
	buton.setAttribute("id","foto");
	buton.memo = 0;
	buton.onload = loaddinimg;
	buton.setAttribute("src","");
	fotodiv.appendChild(buton);
	
	var fotogal = createXML('fotogal/fotogal.xml');
	galerie = fotogal.getElementsByTagName('fotogal')[0];
	currentset = galerie.childNodes[1].getElementsByTagName('img');
	var categorii = galerie.childNodes;
	for(i=0;i<categorii.length;i++) {
		if (categorii[i].nodeType == 1) {
			var set = document.getElementById('set');
			var buton = document.createElement('div');
			buton.setAttribute("class","but");
			buton.setAttribute("className","but");
			buton.memo = 0;
			buton.onclick = changeset;
			buton.onmouseover = butover;
			buton.onmouseout = butout;
			buton.innerHTML = categorii[i].tagName;
			
			var mopc = document.createElement('div');
			mopc.setAttribute("class","mopcset");
			mopc.setAttribute("className","mopcset");		
			buton.appendChild(mopc);
			
			set.appendChild(buton);
		} 
	}
	
	var buton = document.createElement('div');
	buton.setAttribute("id","close");
	buton.onclick = fotogalout;
	buton.onmouseover = butover;
	buton.onmouseout = butout;	
	document.getElementById('fotogal').appendChild(buton);

	document.getElementById('prevnext').innerHTML = "<span id='fbutp' ></span><div id='inf'><span id='nr1'></span><span id='nr2'></span></div></div><span id='fbutn' ></span>";
	
	buton = document.getElementById('fbutp');
	buton.onclick = prevclick;
	buton.onmouseover = butover;
	buton.onmouseout = butout;
	
	buton = document.getElementById('fbutn');
	buton.onclick = nextclick;
	buton.onmouseover = butover;
	buton.onmouseout = butout;
	
	fin = true;
}

// ############################################

function prevclick() {
	changefoto(-1);
}

function nextclick() {
	changefoto(1);
}

// ############################################

function changeset() {
	currentset = galerie.getElementsByTagName(this.firstChild.data)[0].getElementsByTagName('img');
	curentpos = 0;
	changefoto(0);
	document.getElementById('nr1').innerHTML = this.firstChild.data;
	document.getElementById('prevnext').style['display'] = 'block';
}

function changefoto(dir) {
	img = document.getElementById('foto');
	if(img.fin == false) return 0;
	img.fin = false;
	curentpos = curentpos + dir;
	if (curentpos>currentset.length-1) curentpos = 0;
	else if(curentpos<0) curentpos = currentset.length -1; 
	img.interval = window.setInterval(
		function () {
			if( fin == false ) {return 0;}
			switch(cont) {
			case 1:
				fin = false;
				anim(img,'opacity',img.memo,0,5,5,1);
				cont++;
				break;
			case 2:
				fin = false;
				img.src = 'fotogal/foto/h480/' + currentset[curentpos].getAttribute('src');
				cont++;
				break;	
			default:
				img.fin = true;
				window.clearInterval(img.interval);
				cont = 1;
			}
		}
	,500);
	document.getElementById('nr2').innerHTML = curentpos+1 + '/' + currentset.length;
}
	
function loaddinimg() {
	fin = true;
	anim(this,'opacity',this.memo,1,5,5,1);
}

	// ############################################

function butover(e,a) {
	if (!a) a = this;
    if (!a.memo) a.memo = 0.4; 
    anim(a,"opacity",a.memo,0.9,10,10,1); 
}

function butout(e,a) {
	if (!a) a = this;
    if (!a.memo) return; 
    anim(a,"opacity",a.memo,0.4,10,10,1); 
}

// ############################################

function anim(obj,elem,start,end,steps,intervals,powr) { 
    if (obj.memo) window.clearInterval(obj.animInt);
    var currStep = 0;
    obj.animInt = window.setInterval( 
	function() { 
		obj.memo = ease(start,end,steps,currStep,powr);
		unit = (elem == 'opacity' ) ? '' : 'px';
		if (ie && !unit) { 
			iememo = Math.ceil(obj.memo*100); 
			obj.style.filter = "alpha(opacity=" + iememo + ")";
		} else {
			obj.style[elem]  = obj.memo + unit; 
		}	
		currStep++;
		if (currStep > steps) {window.clearInterval(obj.animInt); fin = true;}
	} 
	,intervals)
}

function ease(start,end,steps,currstep,powr) { 
    var delta = end - start; 
    return  start + (Math.pow(((1 / steps) * currstep), powr) * delta); 
} 

	// ############################################

function fotogalout() {
	var int = window.setInterval(
	function () {
		if( fin == false ) {return 0;}
		switch(cont) {
			case 1:
				fin = false;
				ob = document.getElementById("foto");
				anim(ob,'opacity',ob.memo,0,10,10,1);
				cont++;
				break;
			case 2:
				fin = false;
				ob = document.getElementById("fotogal");
				ob.innerHTML = '';
				anim(ob,'height',ob.memo,0,10,10,1.5);
				cont++;
				break;
			case 3:
				fin = false;
				ob = document.getElementById("fotogal");
				ob.memo = 1;
				anim(ob,'opacity',ob.memo,0,10,10,1);
				cont++;
				break;
			case 4:
				document.getElementById("fotogal").style['display'] = 'none';
				fin = false;
				ob = document.getElementById("mask");
				anim(ob,'opacity',ob.memo,0,10,10,1);
				cont++;
				break;  	
			default:
			document.getElementById("mask").style['display'] = 'none';
			window.clearInterval(int);
			cont = 1;
		}
	}
,500);
	
}
// ############################################
		
function fotoinit(){	
	var int = window.setInterval(
	function () {
		if( fin == false ) {return 0;};
		switch(cont) {
			case 1:
				fin = false;
				ob = document.getElementById('mask');
				ob.style.height = document.body.scrollHeight;
				ob.style['display'] = 'block';
				ob.memo = 0;
				anim(ob,'opacity',ob.memo,0.4,10,10,1);
				cont++;
				break;    
			case 2:
				fin = false;
				ob = document.getElementById('fotogal');

				ob.innerHTML = "<div id='prevnext'></div><div id='set'></div><div id='javascript' style='display: none'></div>"; // adaugata pt siteu asta
				
				ob.style['display'] = 'block';
				ob.memo = 0;
				anim(ob,'opacity',ob.memo,1,10,10,1);
				cont++;
				break;		
			case 3:
				fin = false;	
				ob = document.getElementById('fotogal');
				ob.memo = 0;
				anim(ob,'height',ob.memo,480,10,10,1.5);
				cont++;
				break;	
			case 4:
				fin = false;
				fotogalinit();	
				cont++;
				break;	
			case 5:
				ob = document.getElementById("foto");
				ob.src = "fotogal/foto/initiala.jpg";
				cont++;
				break;					
			default:
			window.clearInterval(int);
			cont = 1;
		};
	}
,500);
	
}	
	
	
	
function createXML(url) {	
 if ( window.ActiveXObject)  {
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
		xmlDoc.load(url);
  } else /*	if  (document.implementation && document.implementation.createDocument) {	// don't work in safari
			alert('aici');
			xmlDoc = document.implementation.createDocument("","",null);
			xmlDoc.async=false;
			xmlDoc.load(url);
		} else 	*/	if (window.XMLHttpRequest) {	//alert('aici2');
            var d = new XMLHttpRequest();
            d.open("GET", url, false);
            d.send(null);
            xmlDoc = d.responseXML; 
		} else { alert('u dont support xml'); return;}
	return (xmlDoc);
}
