var SQL_PREFIX = 'gallery.php?';
var http = getHTTPObject();
var NORMAL_STATE = 4;
var NORMAL_STATE2 = 4;
var username = 'test2';
var usernameP = 'test2';
var linking = '';
var reloadPost = false;
var numPost = 5;
var numPage = 0;
var numPost2 = 5;
var hasSql = false;
var imageElement;
var imgBegin = 0;
var imgEnd = 3;

window.onload=function(){
	constructor();
}

function constructor(){
	try {
		// open up the path
		http.open('GET', SQL_PREFIX + 'task=galleries&numPost=' + numPost + '&numPage=' + numPage, true);
		http.onreadystatechange = handleQuery;
		http.send(null);
	}
	catch (e)
	{ }

}

function constructGal(varId) {
	try {
		// open up the path
		http.open('GET', SQL_PREFIX + 'task=gallery&id=' + varId, true);
		http.onreadystatechange = handleReQuery;
		http.send(null);
	}
	catch (e)
	{ }
}


function handleQuery(){
	// if there hasn't been any errors
	if (http.readyState == NORMAL_STATE) {
		
		// split by the divider |
		r0 = http.responseText.split('#!#');
		
		sqllength = r0.length - 1;
		//sqllength = results2[0] - 2;

		hasSql = true;
	
		listGalleries();
	}
}

function handleReQuery(){
	// if there hasn't been any errors
	if (http.readyState == NORMAL_STATE) {
		
		// split by the divider |
		r1 = http.responseText.split('#!#');
		
		sqllength2 = r1.length - 2;

		hasSql2 = true;

		viewGallery(imgBegin,imgEnd);
	}
}


function listGalleries(){
	if (hasSql == true){
		
		var galleryList = document.getElementById('galleryList');

		for (i=0; i < sqllength; i=i+4){

			galleryId = r0[i];
			galleryName = r0[i+1]; 
			gallerySummary = r0[i+2];
			picsTn = 'tn/tn_' + r0[i+3];
			//picsTn = 'thumb' + r0[i+3];
			
			gallery = document.createElement('div');
			gallery.className = 'gallery';
			galleryList.appendChild(gallery);
			galleryH2 = document.createElement('h2');
			gallery.appendChild(galleryH2);
			galleryH2.innerHTML=galleryName;
			galleryA = document.createElement('a');
			galleryA.setAttribute('href','#');
			galleryA.setAttribute('onclick', 'constructGal(' + galleryId + ');');
			galleryA.setAttribute('title',gallerySummary);
			galleryA.className = 'tn';
			gallery.appendChild(galleryA);
			galleryTn = document.createElement('img');
			//galleryTn.setAttribute('src','galleries/' + galleryName + '/' + picsTn);
			galleryTn.setAttribute('src','/images/' + galleryName + '/' + picsTn);
			galleryA.appendChild(galleryTn);
			galleryP = document.createElement('p');
			galleryP.innerHTML=gallerySummary;
			gallery.appendChild(galleryP);
		}
	}
}

function viewGallery(imgB,imgE) {
	var galleryList = document.getElementById('galleryList');
	galleryList.className = 'browseImg';
	try {
		//var label=document.getElementById('galleryList');	
		while( galleryList.hasChildNodes() ) {
			galleryList.removeChild( galleryList.lastChild ); 
		}
	}
	catch (e)
	{ }
	
	imageBegin = imgB * 6;
	imageEnd = imgE * 6; 
 	
	if (imageEnd > sqllength2) {
		imageEnd = sqllength2;
 	}
	
	for (i=imageBegin; i <= imageEnd; i=i+6){
	//for (i=0; i < sqllength2; i=i+6){

			galleryId = r1[i];
			galleryName = r1[i+1]; 
			picsId = r1[i+2];
			picsTn = 'tn/tn_' + r1[i+3];
			//picsTn = 'thumb' + r1[i+3];
			picsImg = r1[i+3];
			picsTitle = r1[i+4];
			picsDesc = r1[i+5];
			
			gallery = document.createElement('div');
			gallery.className = 'gallery';
			galleryList.appendChild(gallery);
			galleryH2 = document.createElement('h2');
			gallery.appendChild(galleryH2);
			galleryH2.innerHTML=picsTitle;
			galleryA = document.createElement('a');
			galleryA.setAttribute('href','#');
			galleryA.setAttribute('onclick', 'viewImage("' + picsImg + '","' + galleryName + '");');
			galleryA.setAttribute('title',picsDesc);
			galleryA.className = 'tn';
			gallery.appendChild(galleryA);
			galleryTn = document.createElement('img');
			//galleryTn.setAttribute('src','galleries/' + galleryName + '/' + picsTn);
			galleryTn.setAttribute('src','/images/' + galleryName + '/' + picsTn);
			galleryA.appendChild(galleryTn);
	}
	imageEB = imgB - 1;
	imageBB = imageEB -3;
	
	imageBF = imgE + 1;
	imageEF = imageBF + 3;
	
	if (imageBF*6 < sqllength2){
		galNavF = document.createElement('a');
		galNavF.className = 'galNavF';
		galNavF.innerHTML = '>';
		galNavF.setAttribute('onclick','viewGallery(' + imageBF + ',' + imageEF + ');');
		galleryList.appendChild(galNavF);
	}
	
	if (imgB != 0){		
		galNavB = document.createElement('a');
		galNavB.className = 'galNavB';
		galNavB.innerHTML = '<';
		galNavB.setAttribute('onclick','viewGallery(' + imageBB + ',' + imageEB + ');');
		galleryList.appendChild(galNavB);
	}	
}
function viewImage(imgName, galName) {
	
	try {
		if (imageElement == true) {
			var viewDiv = document.getElementById('galleryView');
			document.body.removeChild(viewDiv);
		}
	}
	catch (e)
	{ }
	var galleryView = document.createElement('div');
	galleryView.id = 'galleryView';
	document.body.appendChild(galleryView);
	
	image = document.createElement('div');
	image.id = 'showPic';
	 
	imageH2 = document.createElement('h2');
	image.appendChild(imageH2);
	
	imageA = document.createElement('a');
	imageA.setAttribute('href','/images/' + galName + '/' + imgName);
	image.appendChild(imageA);
	imagePic = document.createElement('img');
	imagePic.setAttribute('src','/images/' + galName + '/tn/btn_' + imgName);
	imageA.appendChild(imagePic);
	
	galleryView.appendChild(image);
	
	imageElement = true;
}
function setGallery(id){
	
}