var linking = '';
var reloadPost = false;
var galNumPost = 5;
var galNumPage = 0;
var numPost2 = 5;
var hasSql = false;
var imageElement;
var imgBegin = 0;
var imgEnd = 2;

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

function constructor(){
	gal2str = '?task=galleries';
	sqlQuery('gallery.php', gal2str, handleQuery, 'GET', 'gallery');
}

function constructGal(varId) {
	gal2str = '?task=gallery&id=' + varId;
	sqlQuery('gallery.php', gal2str, handleReQuery, 'GET', 'galleryView');
}

function blurIt(){
	getA = document.getElementsByTagName('a');
	for (i=0; i<getA.length; i++){
		getA[i].addEventListener('click',function(){
			this.blur()
		},false)
		/*@cc_on
		@if (@_jscript_version >= 5)
		getA[i].attachEvent('onclick',function(){
			this.blur()
		})
		@end @*/
	}	
}
function handleQuery(){
	// if there hasn't been any errors
	if (sqlHttp['gallery'].readyState == NORMAL_STATE) {
		
		// split by the divider #!#
		r0 = sqlHttp['gallery'].responseText.split('#!#');
		
		sqllength = r0.length - 1;

		hasSql = true;
	
		listGalleries();
	}
}

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

		hasSql2 = true;

		viewGallery(imgBegin,imgEnd);
	}
}


function listGalleries(){
	if (hasSql == true){
		
		var galList = document.getElementById('galleryList');
			galUl = document.createElement('ul');
			galUl.id = 'gList';
			galList.appendChild(galUl);
			
		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];

			galLi = document.createElement('li');
			galLi.className = 'gallery';

			galleryA = document.createElement('a');
			galleryA.href = "javascript:constructGal('" + galleryId + "');";			
			galleryA.innerHTML=galleryName;
			aSpan = document.createElement('span');
			galleryTn = document.createElement('img');
			galleryTn.setAttribute('src','galleries/' + galleryName + '/' + picsTn);
			galleryP = document.createElement('p');
			galleryP.innerHTML=gallerySummary;
			
			aSpan.appendChild(galleryTn);
			aSpan.appendChild(galleryP);
			galleryA.appendChild(aSpan);
			galLi.appendChild(galleryA);
			galUl.appendChild(galLi);
		}
	}
	blurIt();
}

function viewGallery(imgB,imgE) {
	var galList = document.getElementById('galleryList');
	
	try {
		if (galList.lastChild.id != 'gList'){
			galList.removeChild( galList.lastChild );
		}
	}
	catch (e)
	{ }

	browseDiv = document.createElement('div');
	browseDiv.id = 'browseImg';
	galList.appendChild(browseDiv);
	
	imageBegin = imgB * 6;
	imageEnd = imgE * 6; 
 	
	if (imageEnd > sqllength2) {
		imageEnd = sqllength2;
 	}
	
	for (i=imageBegin; i <= imageEnd; i=i+6){

		galDiv1 = document.createElement('div');
		galDiv1.className='galContainer';
	
			galleryId = r1[i];
			galleryName = r1[i+1]; 
			picsId = r1[i+2];
			picsTn = 'tn/tn_' + r1[i+3];
			picsImg = r1[i+3];
			picsTitle = r1[i+4];
			picsDesc = r1[i+5];
			
			galDiv2 = document.createElement('div');
			galDiv2.className = 'gallery';
				galleryH2 = document.createElement('h2');
				galleryH2.innerHTML=picsTitle;
			galDiv2.appendChild(galleryH2);
			
				galleryA = document.createElement('a');
				galleryA.href = 'javascript:viewImage("' + picsImg + '","' + galleryName + '","' + picsTitle + '","' + picsDesc + '");';
				galleryA.title = picsDesc;
				galleryA.className = 'tn';
					galleryTn = document.createElement('img');
					galleryTn.setAttribute('src','galleries/' + galleryName + '/' + picsTn);
				galleryA.appendChild(galleryTn);
			galDiv2.appendChild(galleryA);
				
		galDiv1.appendChild(galDiv2);
		browseDiv.appendChild(galDiv1);
	}
	imageEB = imgB - 1;
	imageBB = imageEB - imgEnd;
	
	imageBF = imgE + 1;
	imageEF = imageBF + imgEnd;
	
	if (imageBF*6 < sqllength2){
		galNavDivF = document.createElement('div');
		galNavDivF.id = 'galForward';
		galNavDivF.className = 'galContainNav';
			galNavF = document.createElement('a');
			galNavF.className = 'galNavF';
			galNavF.innerHTML = '>';
			galNavF.href = "javascript:viewGallery(" + imageBF + "," + imageEF + ");";
		galNavDivF.appendChild(galNavF);
		browseDiv.appendChild(galNavDivF);
	}
	
	if (imgB != 0){
		galNavDivB = document.createElement('div');
		galNavDivB.id = 'galBack';
		galNavDivB.className = 'galContainNav';
			galNavB = document.createElement('a');
			galNavB.className = 'galNavB';
			galNavB.innerHTML = '&#60;';
			galNavB.href = "javascript:viewGallery(" + imageBB + "," + imageEB + ");";
		galNavDivB.appendChild(galNavB);
		browseDiv.appendChild(galNavDivB);
	}
	blurIt();
	hasGal = true;
}
function viewImage(imgName,galName,picTitle,picDesc) {
	try {
	/*	if (imageElement == true) {*/
			var viewDiv = document.getElementById('galleryView');
			document.body.removeChild(viewDiv);
	/*	}*/
	}
	catch (e)
	{ }
	var galView = document.createElement('div');
	galView.id = 'galleryView';
	
	image = document.createElement('div');
	image.id = 'showPic';
	 
	imageA = document.createElement('a');
	imageA.setAttribute('href','galleries/' + galName + '/' + imgName);
	image.appendChild(imageA);
	imagePic = document.createElement('img');
	imagePic.setAttribute('src','galleries/' + galName + '/tn/btn_' + imgName);
	imageA.appendChild(imagePic);
	
	picInfo = document.createElement('div');
	picInfo.id = 'picInfo';
	picInfoH3 = document.createElement('h3');
	picInfoH3.innerHTML = picTitle;
	picInfo.appendChild(picInfoH3);
	picInfoP = document.createElement('p');
	picInfoP.innerHTML = picDesc;
	picInfo.appendChild(picInfoP);
	galView.appendChild(picInfo);
	galView.appendChild(image);
	document.body.appendChild(galView);
	blurIt();
	imageElement = true;
}