var numPost = 5;
var numPage = 0;

////////////////// FUNCTION INFORMATION //////////////////
//titleSql() is the function that makes the sqlquery
//	titleHttpGetSql() is the function that creates the array of data passed from titleSql()
//		titleConstruct() handles drawing the titleArea
//			drawTitles() is called by titleConstruct() to build the title names that link to the mainArea
//			titleNav() is also called by titleConstruct() to build the navigation for the titles
//reloadTitleNum() is the function that handles changing the currently viewed titles
//	titleSql()
//		titleHttpGetSql()
//			titleConstruct()
//				drawTitles()
//				titleNav()
//showPageNav() orphaned function - used to draw the navigation links for the postArea

function titleHttpGetSql() {
	// if there hasn't been any errors
	if (sqlHttp['title'].readyState == NORMAL_STATE) {
		titleResults = '';
		// split the days by the divider #!#
		titleResults = sqlHttp['title'].responseText.split('#');
		
		sqlTlength = titleResults.length - 2;

		hasTitleSql = true;
	
		titleConstruct();
	}
}

function titleConstruct() {
	try {
		if (titleElement != false)
		{
			document.getElementById('titleEmpty').removeChild(titleElement);
		}
	}
	catch (e)
	{ }
		
	if (hasTitleSql == true) {
	
        // quick fix for IE7 Feb 13 2007
        if (document.getElementById('titleArea')) {
	titleBody = document.getElementById('titleArea');
	titleDiv = document.createElement('ul');
	titleDiv.id = 'title';
        }
	
	// call the drawMain function
	//
	drawTitles();
	titleNav();
	//mainFadeIn(0);
	
	tEmpty = document.getElementById('titleEmpty');
	titleBody.removeChild(tEmpty);
	titleBody.appendChild(titleDiv);
	titleBody.appendChild(bShowP);
	
	titleElement = titleDiv;
	
	}
}

function reloadTitleNum(newNum,newPage) {

	numPage = newPage;
	numPost = newNum;
	//}
	hasMainSql = false;
	
	//results2 = '';
	mainResults = '';
	//linking.value = '';
//	usernameP.value = ''
	//loginBody = document.getElementById('testB');
	//removeDiv = document.getElementById('testC');
	
	loginBody = document.getElementById('titleArea');
	while( loginBody.hasChildNodes() ) {
			loginBody.removeChild( loginBody.lastChild );
		}
		
	//removeDiv = document.getElementById('title');

	addMainEmpty = document.createElement('div');
	addMainEmpty.id = 'titleEmpty';
	
	//loginBody.removeChild(removeDiv);
	//loginBody.appendChild(addP);
	loginBody.appendChild(addMainEmpty);
//	alert('hit!');
	//titleSql();
	p1 = numPage + 1;
	titlestr = '?task=showpost&p=' + p1;
	sqlQuery('wlib-js/sqlquery3.php', titlestr, titleHttpGetSql, 'GET', 'title');
}

function drawTitles() {

	tH2 = document.createElement('h2');
	tH2S1 = document.createElement('span');
	tH2S1.innerHTML = 'Past';
	tH2.appendChild(tH2S1);
	titleBody.appendChild(tH2);

	for (var i = 1; i <= sqlTlength; i = i + 6) {
		sqlTitles = new Array();
		for (var n = 0; n <= 4; n = n + 1) {
			sqlTitles[n] = titleResults[i + n];
		}
		
		tLi = document.createElement('li');
		tLi.className = 'titleBox';
		tLi.id = 'title' + sqlTitles[0];
		
		tLi.innerHTML = '<a href="javascript:reViewHome(' + sqlTitles[0] + ');">' + sqlTitles[3] + '<br /><span>' + sqlTitles[1] + '</span></a>';
		
		tDivPost = document.createElement('div');
		tDivPost.className = 'post';
		tDivPost.innerHTML = sqlTitles[4];
		
		titleDiv.appendChild(tLi);
		tBr2 = document.createElement('br');
	}
}

function titleNav() {

	if (numPost != -1) {
		//numRowSql = results2[0];
		//numPageSql = results2[0];
		numPageSql = titleResults[0];
	
		bShowP = document.createElement('div');
		bShowP.className = 'titleNumPage';
		//bShowP.className = 'bodyNumPage postbox';
		// numPage = 0-8, numPost stays constant
		
		if (numPage == 0) {
			bShowPrevious = document.createElement('span');
			bShowPrevious.className = 'withLink';
		}
		else {
			prevNum = numPage - 1;
			//prevRange = pageNumber[prevNum];
			bShowPrevious = document.createElement('a');
			bShowPrevious.className = 'withLink';
			bShowPrevious.id = "'" + prevNum + "'";
			bShowPrevious.href = "javascript:reloadTitleNum(" + numPost + "," + prevNum + ");";
		}
		bShowPrevious_text = document.createTextNode('Previous');
		bShowPrevious.appendChild(bShowPrevious_text);
		bShowP.appendChild(bShowPrevious);
		bSpace = document.createTextNode(' ');
		bShowP.appendChild(bSpace);
		
		for (var j = 0; j <= numPageSql; j = j + 1) {
	
			if (numPage == j)
			{
				aShowP = document.createElement('span');
				txt = j + 1;
				aShowP_text = document.createTextNode(txt);
				aShowP.className = 'noLink';
				aShowP.appendChild(aShowP_text);
			}
		
			else
			{
				aShowP = document.createElement('a');
				aShowP.id = j + 1;
				aShowP.className = 'withLink';
				aShowP.href = "javascript:reloadTitleNum(" + numPost + "," + j + ");";
				txt = j + 1;
				aShowP_text = document.createTextNode(txt);
				aShowP.appendChild(aShowP_text);
			}
		
			bShowP.appendChild(aShowP);
		
			aShowPspace = document.createTextNode(' ');
			bShowP.appendChild(aShowPspace);
		}
		
		if (numPage < numPageSql) {
			nextNum = numPage + 1;
			//nextRange = pageNumber[nextNum];
			bShowNext = document.createElement('a');
			bShowNext.className = 'withLink';
			bShowNext.id = "'" + nextNum + "'";
			bShowNext.href = "javascript:reloadTitleNum(" + numPost + "," + nextNum + ");";
		}
		else {
			bShowNext = document.createElement('span');
			bShowNext.className = 'withLink';
		}
		bShowNext_text = document.createTextNode('Next');
		bShowNext.appendChild(bShowNext_text);
		bShowP.appendChild(bShowNext);
		
		bBr = document.createElement('br');
	}

}