var iActiveRow = 0;
var sActiveProject = "";

function fnInitPage() {
		
		// close project content
		$(".ProjectContent").hide();
		$('#About').hide();
}

function fnShowProject(iRow, sProject, iProjects, bToggle) {

		$("#About").hide(); 
		$("#Thumbs").show();

		// IF row unsupplied THEN get row
		if (iRow == 0) {
				
				var sClasses = $(".Project"+sProject).attr("class");
				var aClasses = sClasses.split(" ");
				var sRow = aClasses[1];
				sRow = sRow.replace("Row","");
				iRow = parseInt(sRow);
		}
		
		// set row
		if (iRow != iActiveRow) {
		
				iActiveRow = iRow;
				
				//$(".ProjectContent").slideUp();
				//$(".ProjectContent.Row"+iRow).slideDown();
				
				$(".ProjectContent").hide();
				$(".ProjectContent.Row"+iRow).show();
		}
			
		// set project
		if (sActiveProject != sProject) {
				
				sActiveProject = sProject;
				
				// set active thumb
				$(".ThumbBackground").removeClass("ActiveProject");
				$(".ThumbBackground.Project"+sProject).addClass("ActiveProject");
				
				// load project with ajax
				var sOpen = "./projects/"+sProject+"/index.html"
				var Request = false;
				var Content = $(".ProjectContent.Row"+iRow);
				if(window.XMLHttpRequest) Request = new XMLHttpRequest(); 
				else if (window.ActiveXObject) { // IE
				
						try { Request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
						try { Request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
						}
				}
				Request.onreadystatechange = function() // Sending Request to Server
				{ 
					if(Request.readyState == 4) //Server is ready
					{
						var sHtml = Request.responseText;
						
						// insert header tags
						var nHeaderEnd = sHtml.search(/\n/);
						sHtml = "<h1>" + sHtml.substr(0, nHeaderEnd) + "</h1>" + sHtml.substr(nHeaderEnd)
						
						// add imageframe and description
						var Lines = sHtml.split('\n');
						sHtml = "";
						var bStartOfImages = true;
						for (var i = 0; i < Lines.length; i++)
						{
							var sLine = Lines[i];
							if(sLine.search(/<img/) != -1)
							{	
								var sDesc = "";
								if(sLine.search(/alt="/) != -1)
								{
									var nDesc = sLine.search(/alt="/);
									sDesc = sLine.substr(nDesc + 5, sLine.length - nDesc - 7);
								}
								
								sLine = "<div class=\"Image\"><div style=\"width:100%; text-align:center;\">" + sLine + "</div>" + sDesc + " &nbsp;</div><br>";
								if(bStartOfImages) sLine = "<br><br>" + sLine;
								bStartOfImages = false;
							}
							sHtml += sLine + "\n";
						}
						
						// add project path to image
						sHtml = sHtml.replace(/<img src=\"/gi, "<img style=\"max-width:580px;\" src=\"projects/"+sProject+"/");
					
						// server answered, load content online
						if(Request.status == 200) {
						
								Content.html(sHtml);
							
						// server doesn't answered, load content offline
						} else {
						
								Content.load(sOpen, 1, function(){})
						}
						
					}
				}; 
				Request.open("GET", sOpen, true); 
				Request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				Request.send(null);
				
				
				
		// click again the open project thumb to close it
		} else if (bToggle) {
		
				$(".ThumbBackground").removeClass("ActiveProject");
				//$(".ProjectContent").slideUp();
				$(".ProjectContent").hide();
				sActiveProject = "";
				iActiveRow = 0;
		}
}