var linking = '';
var reloadPost = false;
var galNumPost = 5;
var galNumPage = 0;
var numPost2 = 5;
var hasSql = false;
var imageElement;
var imgBegin = 0;
var imgEnd = 3;
var direction='R';
//var imgStatus='false';

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

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');

		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];

			galDiv1 = document.createElement('div');
			galDiv1.className='galContainer';			
			galDiv1.id='testing';
				galDiv2 = document.createElement('div');
				galDiv2.className = 'gallery';
				//galleryList.appendChild(gallery);
					galleryH2 = document.createElement('h2');
					galleryH2.innerHTML=galleryName;
				galDiv2.appendChild(galleryH2);
			
					galleryA = document.createElement('a');
					galleryA.href = "javascript:constructGal('" + galleryId + "');";
					galleryA.title = gallerySummary;
					galleryA.className = 'tn';
						galleryTn = document.createElement('img');
						galleryTn.setAttribute('src','/images/' + galleryName + '/' + picsTn);
					galleryA.appendChild(galleryTn);
				galDiv2.appendChild(galleryA);
					
					galleryP = document.createElement('p');
					galleryP.innerHTML=gallerySummary;
				galDiv2.appendChild(galleryP);
				
			galDiv1.appendChild(galDiv2);
			galList.appendChild(galDiv1);
		}
	}
}

function navR(i,st,en){
        var box = document.getElementById('galleryList');
	direction = 'R';
        if (i<5){
                box.className = 'browseImg fadeR' + i;
                timerAmt = setTimeout('navR(' + (i+1) + ',' + st + ',' + en + ')', 100);
        }
        else if(i==5){
		box.className = 'browseImg';
                viewGallery(st,en);
        }
}
function navL(i,st,en){
        var box = document.getElementById('galleryList');
	direction = 'L';
        if (i<5){
                box.className = 'browseImg fadeL' + i;
                timerAmt = setTimeout('navL(' + (i+1) + ',' + st + ',' + en + ')', 100);
        }
        else if(i==5){
                box.className = 'browseImg';
                viewGallery(st,en);
        }
}

function navInR(i){
	box = document.getElementById('galleryList');
        if (i<6){
                box.className = 'browseImg showR' + i;
                timerAmt = setTimeout('navInR(' + (i+1) + ')', 100);

        }
        else {
		box.className = 'browseImg';
	}
}
function navInL(i){
        box = document.getElementById('galleryList');
        if (i<6){
                box.className = 'browseImg showL' + i;
                timerAmt = setTimeout('navInL(' + (i+1) + ')', 100);

        }
        else {
                box.className = 'browseImg';
        }
}

function viewGallery(imgB,imgE) {
	var galList = document.getElementById('galleryList');
	galList.className = 'browseImg showR0';
	try {
		//var label=document.getElementById('galleryList');	
		while( galList.hasChildNodes() ) {
			galList.removeChild( galList.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){

		galDiv1 = document.createElement('div');
		galDiv1.className='galContainer';
	
			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];
			
			galDiv2 = document.createElement('div');
			galDiv2.className = 'gallery';
			//galleryList.appendChild(gallery);
				galleryH2 = document.createElement('h2');
				galleryH2.innerHTML=picsTitle;
			galDiv2.appendChild(galleryH2);
			
				galleryA = document.createElement('a');
				//galleryA.href = "javascript:viewImage('" + picsImg + "','" + galleryName + "');";
				galleryA.href = "javascript:viewImage(" + i + ");";
				galleryA.title = picsDesc;
				galleryA.className = 'tn';
					galleryTn = document.createElement('img');
					galleryTn.setAttribute('src','/images/' + galleryName + '/' + picsTn);
				galleryA.appendChild(galleryTn);
			galDiv2.appendChild(galleryA);
			
			//galDiv2.appendChild(galleryH2);
				
		galDiv1.appendChild(galDiv2);
		galList.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:navR(0," + imageBF + "," + imageEF + ");";
			//galNavF.setAttribute('onclick','viewGallery(' + imageBF + ',' + imageEF + ');');
		galNavDivF.appendChild(galNavF);
		galList.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:navL(0," + imageBB + "," + imageEB + ");";
			//galNavB.setAttribute('onclick','viewGallery(' + imageBB + ',' + imageEB + ');');
		galNavDivB.appendChild(galNavB);
		galList.appendChild(galNavDivB);
	}
	//galleryList.appendChild(galDiv1);
//navInR(0);
	if (direction == 'R') {
		navInR(0);
	}
	if (direction == 'L') {
		navInL(0);
	}
}
//function viewImage(imgName, galName) {
function viewImage(imgAId) {
	//mArea = document.getElementById('mainArea');
	mArea = document.getElementById('galArea');

	try {
		if (imageElement == true) {
			var viewDiv = document.getElementById('galleryView');
			//document.body.removeChild(viewDiv);
			mArea.removeChild(viewDiv);
		}
	}
	catch (e)
	{ }

			//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];
	
	
	var galView = document.createElement('div');
	galView.id = 'galleryView';
	galView.className = 'showImg0';
	//document.body.appendChild(galleryView);
	
	image = document.createElement('div');
	image.id = 'showPic';
	 
//		imageH2 = document.createElement('h2');
//	image.appendChild(imageH2);
	
		imageC = document.createElement('a');
		imageC.className = 'closeImg';
		imageC.href="javascript:imgOut(0);";
		imageC_txt = document.createTextNode('X');
		imageC.appendChild(imageC_txt);
	image.appendChild(imageC);

		imageA = document.createElement('a');
		imageA.setAttribute('href','/images/' + r1[imgAId+1] + '/' + r1[imgAId+3]);
			imagePic = document.createElement('img');
			imagePic.setAttribute('src','/images/' + r1[imgAId+1] + '/tn/btn_' + r1[imgAId+3]);
		imageA.appendChild(imagePic);
	image.appendChild(imageA);
	
		imageH3 = document.createElement('h3');
		imageH3.innerHTML=r1[imgAId+5];
	image.appendChild(imageH3);

//		imageC = document.createElement('a');
//		imageC.href="javascript:closeImage();";
//		imageC_txt = document.createTextNode('X');
//		imageC.appendChild(imageC_txt);
//	image.appendChild(imageC);
	
	galView.appendChild(image);
	mArea.appendChild(galView);
	imageElement = true;
imgIn(0);
}
function closeImage() {
        //mArea = document.getElementById('mainArea');
        mArea = document.getElementById('galArea');

        try {
                //if (imageElement == true) {
                        var viewDiv = document.getElementById('galleryView');
                        //document.body.removeChild(viewDiv);
                        mArea.removeChild(viewDiv);
                //}
        }
        catch (e)
        { }
}
function imgIn(i){
        box = document.getElementById('galleryView');
        if (i<6){
                box.className = 'showImg' + i;
                timerAmt = setTimeout('imgIn(' + (i+1) + ')', 100);

        }
        else {
                box.className = '';
        }
}
function imgOut(i){
        var box = document.getElementById('galleryView');
	//if (imgStatus == 'true') {
        if (i<5){
                box.className = 'fadeImg' + i;
                timerAmt = setTimeout('imgOut(' + (i+1) + ')', 100);
        }
        else if(i==5){
                box.className = '';
                //viewImage(imgN, galN);
		closeImage();
        }
	//}
	//else {
	//	imgStatus = 'true';
	//	viewImage(imgN, galN);
	//}
}