function getCategoryData(categoryId){
	var pageData = ["","","","",""];
	var onComplete = function(responseText){
		categories = responseText.getElementsByTagName('category');
		if(categoryId >= 0 && categoryId < categories.length)
		{
			category = categories.item(categoryId);
			pageData[0] = category.getAttribute('name_tr');
			pageData[1] = (category.getAttribute('name_en'))?" / "+category.getAttribute('name_en'):"";

			infos = category.getElementsByTagName('info');
			for(var j = 0 ; j < infos.length ; j++){
				info = infos.item(j);
				pageData[j+2] = info.firstChild.data;
			}

			var projectList = "";
			projects = category.getElementsByTagName('project');
			for(var j = 0 ; j < projects.length ; j++){
				if (projects.item(j).nodeType != 1) continue;

				project = projects.item(j);
				images = project.getElementsByTagName('image');

				if(images.length > 0)
				{
					projectList += "<a class=\"proje_link\" title=\""+j+"\" rel=\"lightbox[project_"+j+"]\" href=\"workimages/"+images.item(0).getAttribute('filename')+"\">"+project.getAttribute('name_tr');
					projectList += (project.getAttribute('name_en'))?"<span class=\"ing\"> / "+project.getAttribute('name_en')+"</span>":"";
					projectList += "</a><br>\n";
				}
				else
				{
					projectList += project.getAttribute('name_tr');
					projectList += (project.getAttribute('name_en'))?"<span class=\"ing\"> / "+project.getAttribute('name_en')+"</span>":"";
					projectList += "<br>\n";
				}
				if(images.length > 1) {
					for(var k = 1 ; k < images.length ; k++){
						projectList += "<a class=\"proje_link\" title=\""+j+"\" rel=\"lightbox[project_"+j+"]\" href=\"workimages/"+images.item(k).getAttribute('filename')+"\" style=\"display:none\">image_"+categoryId+"_"+k+"</a>\n";
					}

				}
				setProjectInfo(categoryId,j);
			}
			pageData[4] = projectList;
			getCategoryPage(pageData);
			location.hash = "#project="+categoryId;
		}
	}

	var onBegin = function(){
		var mainFrame = document.getElementById("mainFrame");
		mainFrame.innerHTML = "<div id=\"loadIndicator\" align=\"center\" style=\"margin-top:150px;\"><img src=\"images/loading2.gif\" alt=\"\" style=\"margin:0px;border:none;\"><br><span class=\"icbaslik\">Yükleniyor <span><span class=\"icbasliking\">/ Loading</span><div>";
	}
	var onEnd = function(){
	}

	var provider = new HTTPRequest("projects.xml","GET",null,"xml");
	provider.onComplete = onComplete;
	provider.onBegin = onBegin;
	provider.onEnd = onEnd;
	provider.exec();
}

function getCategoryPage(data){
	var mainFrame = document.getElementById("mainFrame");
	var tags = ["{CATEGORY_NAME_TR}","{CATEGORY_NAME_EN}","{CATEGORY_INFO_TR}","{CATEGORY_INFO_EN}","{PROJECT_LIST}"];
	var onComplete = function(responseText){
		mainFrame.innerHTML = changeTagToString(responseText,tags,data)
		initLightbox();
	}

	var onBegin = function(){
	}
	var onEnd = function(){
		var mainFrame = document.getElementById("mainFrame");
		mainFrame.removeChild(document.getElementById("loadIndicator"));
	}

	var provider = new HTTPRequest("projects.htm","GET",null,"text");
	provider.onComplete = onComplete;
	provider.onBegin = onBegin;
	provider.onEnd = onEnd;
	provider.exec();
}

function setProjectInfo(categoryId,projectId){
	var onComplete = function(responseText){
		var info = "";
		categories = responseText.getElementsByTagName('category');
		if(categoryId >= 0 && categoryId < categories.length)
		{
			category = categories.item(categoryId);
			projects = category.getElementsByTagName('project');
			if(projectId >= 0 && projectId < projects.length)
			{
				project = projects.item(projectId);

				info = project.getAttribute('name_tr')+ " <span class=\"ing\">";
				info +=(project.getAttribute('name_en'))?" / "+project.getAttribute('name_en'):"";
				info +="</span><br>";
				info += project.getAttribute('location')+", "+project.getAttribute('date')+"<br>";
				info += "Proje <span class=\"ing\">/ Project</span>: "+ project.getAttribute('designer_tr')+"<span class=\"ing\">";
				info += (project.getAttribute('designer_en'))?" / "+project.getAttribute('designer_en'):"";
				info += "</span><br>";
			}
		}
		projectInfo[projectId] = info;
	}

	var onBegin = function(){
	}
	var onEnd = function(){
	}

	var provider = new HTTPRequest("projects.xml","GET",null,"xml");
	provider.onComplete = onComplete;
	provider.onBegin = onBegin;
	provider.onEnd = onEnd;
	provider.exec();
}

function getStaticPage(filename){
	var mainFrame = document.getElementById("mainFrame");
	var onComplete = function(responseText){
		mainFrame.innerHTML = responseText;
		if(filename == "main.htm")
		slideit();
		else
		clearTimeout(timerID);

		location.hash = "#static="+filename.substring(0,filename.indexOf("."));
	}
	var onBegin = function(){
		var mainFrame = document.getElementById("mainFrame");
		mainFrame.innerHTML = "<div id=\"loadIndicator\" align=\"center\" style=\"margin-top:150px;\"><img src=\"images/loading2.gif\" alt=\"\" style=\"margin:0px;border:none;\"><br><span class=\"icbaslik\">Yükleniyor <span><span class=\"icbasliking\">/ Loading</span><div>";
	}
	var onEnd = function(){
		var mainFrame = document.getElementById("mainFrame");
		mainFrame.removeChild(document.getElementById("loadIndicator"));
	}

	var provider = new HTTPRequest(filename,"GET",null,"text");
	provider.onComplete = onComplete;
	provider.onBegin = onBegin;
	provider.onEnd = onEnd;
	provider.exec();
}

function changeTagToString(text,tags,strings){
	if(tags.length == strings.length){
		for(var i = 0 ; i < strings.length ; i++)
		{
			var re = new RegExp(tags[i], "g")
			text = text.replace(re,strings[i]);
		}
	}
	return text;
}

/*
* SLIDE SHOW
*/
var slideshowimages = ["01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg", "07.jpg", "08.jpg", "09.jpg","10.jpg"];

var slideshowspeed=3000
var whichlink=0
var whichimage=0
var timerID = null
function slideit(){
	if (!document.images)
	return
	document.getElementById('slideShow').src= "randomimages/"+slideshowimages[whichimage];
	whichlink=whichimage

	if (whichimage<slideshowimages.length-1)
	whichimage++
	else
	whichimage=0
	timerID = setTimeout("slideit()",slideshowspeed)
}