// JavaScript Document

function initializePortfolio() {
	prepareThumbnails();
}

//Initialization Functions
function prepareThumbnails() {
	makePortfolioPopup();
	if (document.getElementById('gallery')) {
		var gallery = document.getElementById('gallery');
		var projects = 	gallery.getElementsByTagName('a');
		for (var i=0; i < projects.length; i++) {
			projects[i].onclick = function() {
				var data = this.getAttribute('href').split('?')[1];
				grayOut(true);
				getPopupContent(data);
				return false;
			};
		}
	}
}

function prepareCloseButton() {
	if (document.getElementById('close')) {
		var closebutton = document.getElementById('close');
		closebutton.onclick = function() {
			HideContent("PortfolioPopup");
			grayOut(false);
		};
	}
}

function preparePrevNextLinks() {
	var prev = document.getElementById('prevlink');
	var next = document.getElementById('nextlink');	
	prev.onclick = function() {
		var data = this.getAttribute('href').split('?')[1];
		getPopupContent(data);
		return false;
	};
	next.onclick = prev.onclick;
}

//AJAX Functions
function getPopupContent(data) {
	var url = "../includes/portfolio_popup.inc.php";
	var request = getHTTPObject();
	if (request) {
		request.onreadystatechange = function() {
			parsePopupContent(request);
		};
		request.open("POST", url, true);
		request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		request.send(data);
		return true;
	} else {
		return false;
	}
}

function parsePopupContent(request) {
	if (request.readyState == 4) {
		if (request.status == 200 || request.status == 304) {
			var container = document.getElementById("PortfolioPopup");
			
			container.innerHTML = request.responseText;
			ShowContent("PortfolioPopup");
			posCenter(container);
			prepareCloseButton();
			preparePrevNextLinks();
		}
	}
}

//Other Functions
function makePortfolioPopup(vis) { 
  var zindex = 10001;
  var popup = document.getElementById('PortfolioPopup');
  if (!popup) {
    var tbody = document.getElementsByTagName("body")[0];
    var tnode = document.createElement('div');           // Create the layer.
        tnode.style.position='absolute';                 // Position absolutely
        tnode.style.top='0px';                           // In the top
        tnode.style.left='0px';                          // Left corner of the page          
        tnode.style.display='none';                      // Start out Hidden
        tnode.id='PortfolioPopup';                   	 // Name it so we can find it later
    tbody.appendChild(tnode);                            // Add it to the web page
  	var popup = document.getElementById('PortfolioPopup');  // Get the object.
  }
  
  //set the shader to cover the entire page and make it visible.
  popup.style.zIndex=zindex;
  popup.style.display='none';
}