var margins = new Array (0, 0, 170, 340, 510, 680);
var catSlider, catMargin, catStep;
var scSlider, scWidth, scStep;
var delay = 25;
var activeCat = 0;
var preTimer;
var catGals;
var	sc=new Array();
var newSC = "";
var hashSC ="";
var scStep = 25;
var initialSC = true; 
var scSliding = false;

function selectCat(cat) {
	if (activeCat == cat) {
		resetCats();
		return;
	}
	if (activeCat!=0) {
		return;
	}
	document.getElementById('lowercover').style.display = "none";
	for (i=1; i<=5; i++) {
		hideDesc(i);
		if (i!=cat) {
			document.getElementById('cat'+i).style.visibility='hidden';
		}
	}
	activeCat = cat;
	catMargin = margins[cat];
	catStep = catMargin / 10;
	catSlider = setInterval("slideActive()", delay);
}

function slideActive() {
	if (catMargin > 0) {
		catMargin -= catStep;
		
		if (catMargin < 0) {
			catMargin = 0;
		}
		document.getElementById('cat'+activeCat).style.marginLeft = catMargin + 'px';
			
	} else {
		clearInterval(catSlider);
		document.getElementById('cat'+activeCat).className='catActive';
		document.getElementById('backbar').style.display='block';
		makeContent();
		window.location.hash=catnames[activeCat];
	}
}

function resetCats() {
	if (activeCat!=0) {
		hideContent();
		document.getElementById('backbar').style.display='none';
		document.getElementById('scselect').style.display='none';
		catMargin = 0;
		catStep = margins[activeCat] / 10;	
		catSlider = setInterval("slideBack()", delay);
	}
}

function selectCatQuick(cat) {
	document.getElementById('lowercover').style.display = "none";
	for (i=1; i<=5; i++) {
		if (i==cat) {
			document.getElementById('cat'+i).style.marginLeft = 0 + 'px';
			document.getElementById('cat'+i).className='catActive';
			document.getElementById('cat'+i).style.visibility='visible';
		} else {
			document.getElementById('cat'+i).style.visibility='hidden';		
		}
	}
	document.getElementById('backbar').style.display='block';
	activeCat = cat;
	makeContent();	
}

function slideBack() {
	if (catMargin < margins[activeCat]) {
		catMargin += catStep;
		
		if (catMargin > margins[activeCat]) {
			catMargin = margins[activeCat];
		}
		document.getElementById('cat'+activeCat).style.marginLeft = catMargin + 'px';		
			
	} else {
		clearInterval(catSlider);
		document.getElementById('cat'+activeCat).className='cat';
		activeCat = 0;
		for (i=1; i<=5; i++) {
			document.getElementById('cat'+i).style.visibility='visible';
		}
		document.getElementById('lowercover').style.display = "block";
		window.location.hash="#";
	} 	
}

function makeContent() {
	
	initialSC = true;
	
	inner = "";
	catGals = getGalleries(activeCat);
	setScats(cats[activeCat-1][4]);

	for (var i in catGals) {
		curGal = catGals[i];
		id = curGal[0];
		
		scinner=document.getElementById("scm"+curGal[6]);
		inner = "<div class='gallery' id='cal"+id+"'>";
		link ="<a href='gallery.php?gal="+id+"'>";
		inner += "<div class='galTitle'>"+link+curGal[2]+"</a></div>";
		inner += "<div class='galInf'>"+curGal[3]+", "+ curGal[4]+" pilti</div>";
		inner+="</div>";
		scinner.innerHTML += inner;
	}

	document.getElementById('content').style.display='block';
	document.getElementById('scselect').style.display='block';			
}

function setScats(list) {
	sc = list.split(',');
	
	for (var s in scats) {
		document.getElementById("sc"+scats[s]).style.display="none";
		document.getElementById("scm"+scats[s]).style.display="none";
		document.getElementById("scm"+scats[s]).innerHTML="";
	}	
	hashSCok = false;
	for (var s in sc) {
		document.getElementById("sc"+sc[s]).style.display="block";
		if (sc[s]==hashSC) {
			hashSCok = true;
		}
	}
	if (hashSCok) {
		selectSCat(hashSC);
		hashSC = "";	
	}else {
		selectSCat(sc[0]);
	}	
}

function selectSCat(scname) {
	
	if(scSliding) {
		return;
	}
	scSliding = true;
	newSC = scname;
	for (var s in sc) {
		document.getElementById("sc"+sc[s]).className="scInactive";
	}
	if (initialSC) {
		scWidth = 25;
		initialSC = false;
	} else {
		scWidth = 475;
	}
	scSlider = setInterval("slideSC1()", delay);
}

function slideSC1() {
	scWidth -= scStep;
	if (scWidth < 0) {
		scWidth = 0;
		clearTimeout(scSlider);
		for (var s in sc) {
			if (sc[s]==newSC) {
				document.getElementById("scm"+sc[s]).style.display="block";
				document.getElementById("sc"+sc[s]).className="scActive";
			} else {
				document.getElementById("scm"+sc[s]).style.display="none";
			}
		}
		
		scSlider = setInterval("slideSC2()", delay);
				
	}
	document.getElementById('content').style.width=scWidth+"px";
}

function slideSC2() {
	scWidth += scStep;
	if (scWidth > 475) {
		scWidth = 475;
		clearTimeout(scSlider);
		scSliding = false;
	}
	document.getElementById('content').style.width=scWidth+"px";
}


function hilite1(obj) {
	if (activeCat!=0) {
		return;
	}
	obj.className='catActive';	
}

function lolite1(obj) {
	if (activeCat!=0) {
		return;
	}
	obj.className='cat';		
}

function getGalleries(cat) {
	catGals = new Array();
	index=0;
	
	for (var i in gals) {
		if (gals[i][1]==cat) {
			catGals[index++]=gals[i];
		}
	}
	
	return catGals;
}

function hideContent() {
	document.getElementById('content').style.display='none';
}

function showDesc(cat) {
	if (activeCat!=0) {
		return;
	}
	document.getElementById('desc'+cat).style.display='block';	
}

function hideDesc(cat) {
	if (activeCat!=0) {
		return;
	}
	document.getElementById('desc'+cat).style.display='none';		
}

function restoreState() {
	initCats();
	hashArr = new Array();
	hashArr = window.location.hash.substring(1).split('_');
	//alert(hashArr[0]+"/"+hashArr[1]);
	hashSC = hashArr[1];
	for (i=1; i<6; i++) {
		if (catnames[i]==hashArr[0]) {
			selectCatQuick(i);	
		}
	}
}

function initCats() {
	for (i in gals) {
		cats[(gals[i][1]-1)][2]++;
		cats[(gals[i][1]-1)][3]+=gals[i][4];
	}
	for (i in cats) {
		document.getElementById('desc'+(1+1*i)).innerHTML=cats[i][1]+'<br/>'+cats[i][2]+' galeriid, '+cats[i][3]+ ' fotot';
	}
}