// JavaScript Document

var 	ajax2 			= 	null;
var 	ajax3 			= 	null;
var 	selectedProject	= 	0;
var 	selectedGalery	= 	0;
var 	projectMode		=	0;
		//	0: 	description
		//	1:	imageView

function	showProjectDesc()
	{
		setStyleAttribute(document.getElementById('projektDesc'), 'visibility', 'visible');
		setStyleAttribute(document.getElementById('projektImages'), 'visibility', 'hidden');
	}

function	showProjectImages()
	{
		setStyleAttribute(document.getElementById('projektDesc'), 'visibility', 'hidden');
		setStyleAttribute(document.getElementById('projektImages'), 'visibility', 'visible');
	}


function loadProject(selected)
	{
//		alert("loadProject");
	}

function loadProjectList(selected)
	{
		selectedProject = selected;
		var src 	= relPath() + 'index.php?__JB_EXEC=2&' + 'content=projects&selected='+selectedProject;
		ajax2 = prepareAjax();
		ajax2.open('GET', src, true);
		ajax2.onreadystatechange = reloadProjectList;
		ajax2.setRequestHeader("Content-Type",	"application/x-www-form-urlencoded");
		ajax2.send(null);
	}

function reloadProjectList()
	{
		if (ajax2.readyState == 4)
			{
				//alert(ajax2.responseText);
				var 	tContent 	= 	String(ajax2.responseText).split('__SPLIT__');
						projectList	=	String(tContent[0]);
						projectName	=	String(tContent[1]);
						projectDesc =	String(tContent[2]);
				

				//	remove old content
				var contentFrame = document.getElementById('projektList');
				while (contentFrame.firstChild != null)
					{
						var temp = contentFrame.removeChild(contentFrame.firstChild);
					}

				//	set new content
				var 	contentFrame = document.getElementById('projektList');
						contentFrame.innerHTML = projectList;
				


				var contentFrame = document.getElementById('projektName');
				while (contentFrame.firstChild != null)
					{
						var temp = contentFrame.removeChild(contentFrame.firstChild);
					}

				var 	contentFrame = document.getElementById('projektName');
							contentFrame.innerHTML = projectName;
				

				var contentFrame = document.getElementById('projektDesc');
				while (contentFrame.firstChild != null)
					{
						var temp = contentFrame.removeChild(contentFrame.firstChild);
					}

				var 	contentFrame = document.getElementById('projektDesc');
							contentFrame.innerHTML = projectDesc;
				
				
				showProjectDesc();
				// unset ajax
				ajax2 = null;
			}
	}


function	loadProjectDesc()
	{
		projectMode	=	0;
		loadProjectList(0);
	}

function	loadProjectImg()
	{
		projectMode	=	1;
		loadProjectImagesList(selectedGalery);
	}
	
	
function loadProjectImagesList(selected)
	{
		selectedGalery = selected;
		var src 	= relPath() + 'index.php?__JB_EXEC=2&' + 'content=projectImages&selected='+selected;
		ajax3 = prepareAjax();
		ajax3.open('GET', src, true);
		ajax3.onreadystatechange = loadImageViewer;
		ajax3.setRequestHeader("Content-Type",	"application/x-www-form-urlencoded");
		ajax3.send(null);
	}
	
function	loadImageViewer()
	{
		if (ajax3.readyState == 4)
			{
				var 	tContent 	= 	String(ajax3.responseText).split('__SPLIT__');
						projectList	=	String(tContent[0]);
						projectSel	=	tContent[1];
						projectName	=	String(tContent[2]);
						projectImages =	String(tContent[3]);


						selectedGalery = projectSel;
						
						//	remove old content
						var contentFrame = document.getElementById('projektList');
						while (contentFrame.firstChild != null)
							{
								var temp = contentFrame.removeChild(contentFrame.firstChild);
							}
		
						//	set new content
						var 	contentFrame = document.getElementById('projektList');
									contentFrame.innerHTML = projectList;
						

				var contentFrame = document.getElementById('projektName');
				while (contentFrame.firstChild != null)
					{
						var temp = contentFrame.removeChild(contentFrame.firstChild);
					}

				//	set new content
				var 	contentFrame = document.getElementById('projektName');
							contentFrame.innerHTML = projectName;
				

				var contentFrame = document.getElementById('projektImages');
				while (contentFrame.firstChild != null)
					{
						var temp = contentFrame.removeChild(contentFrame.firstChild);
					}

				//	set new content
				var 	contentFrame = document.getElementById('projektImages');
							contentFrame.innerHTML = projectImages;
				

				showProjectImages();
				ajax3 = null;

			}
			
	}