var currProjID = 0;
var slideImage = 1;

var activeTab = null;
var firstP = "";

var sli1;
var sli2;
var sli3;

function slChangePic() {
  switch(slideImage) {
    case 1: {
      sli1.start(1, 0);
      sli2.start(0, 1);
    } break;
    case 2: {
      sli2.start(1, 0);
      sli3.start(0, 1);
    } break;
    case 3: {
      sli3.start(1, 0);
      sli1.start(0, 1);
    } break;
  }
  slideImage++;
  if(slideImage == 4) slideImage = 1;
  window.setTimeout("slChangePic();", 5000);
}



function getProjectsByTyp(id) {
	firstP = "";
  clearProjectFields();
  slideImage = 0;
  if(currProjID != 0) {
    document.getElementById("plink" + currProjID).style.color = "#585556";
  }
  currProjID = id;
  document.getElementById("plink" + currProjID).style.color = "#FF0000";
  ProjectData = new Array();
  ro.open("GET", "ajax/projects/projectlist.php?bt=" + id);
  ro.onreadystatechange = loadProjects;
  ro.send(null);
}

var ProjectData = new Array();

function loadProjectImages(pid) {
  ro.open("GET", "ajax/loadImages.php?pid=" + pid);
  ro.onreadystatechange = parseImages;
  ro.send(null);
}

function parseImages() {
  if(ro.readyState == 4) {
    var first = true;
    var obj = document.getElementById("slideshow");
    var parentN = obj.parentNode;
    parentN.removeChild(obj);
    var obj = document.createElement("div");
    obj.setAttribute("id", "slideshow");
    parentN.appendChild(obj);
    var xml = ro.responseXML;
    var imgs = xml.getElementsByTagName("img");
    for(var i = 0; i < imgs.length; i++) {
      var node = imgs[i];
      for(var x = 0; x < node.childNodes.length; x++) {
        if(node.childNodes[x].nodeName.toLowerCase() == "fname") {
          var img = document.createElement("img");
          img.setAttribute("src", "images/projects/thumb_" + node.childNodes[x].firstChild.nodeValue);
          img.setAttribute("alt", "Image");
          img.setAttribute("height", node.getAttribute("height"));
          img.onclick = new Function("showBigImage('images/projects/" + node.childNodes[x].firstChild.nodeValue + "');");
          obj.appendChild(img);
          if(first) {
            first = false;
            showBigImage("images/projects/" + node.childNodes[x].firstChild.nodeValue);
          }
        }
      }
    }
		window.setTimeout("createScroller(\"slideshow\", 0, 330, 100, 0);", 400);
	  window.setTimeout("document.getElementById(\"slideBox\").style.visibility = \"visible\";", 420);
    window.setTimeout("document.getElementById(\"contentText\").style.visibility = \"visible\";", 420);
  }
}

function showProject(id) {
	document.getElementById("slideBox").style.visibility = "hidden";
	document.getElementById("contentText").style.visibility = "hidden";
  var node = ProjectData[id];
  document.getElementById("projectName").innerHTML = node["titel"];
  var obj = document.getElementById("contentText");
  var parentN = obj.parentNode;
  parentN.removeChild(obj);
  var obj = document.createElement("div");
  obj.setAttribute("id", "contentText");
  parentN.appendChild(obj);
  var tmp = "<table border=\"0\" width=\"290\" cellspacing=\"0\" cellpadding=\"1\" style=\"color: #6c704f; padding-left: 3px;\">";

  tmp = tmp + "<tr><td style=\"font-size: 8pt;\"><b>Wohnfl&auml;che</b></td><td style=\"font-size: 8pt; text-align: right;\">" + node["flaeche"] + "</td></tr>";
  tmp = tmp + "<tr><td style=\"font-size: 8pt;\"><b>Abmessungen</b></td><td style=\"font-size: 8pt; text-align: right;\">" + node["bgf"] + "</td></tr>";
  tmp = tmp + "<tr><td style=\"font-size: 8pt;\"><b>Bauweise</b></td><td style=\"font-size: 8pt; text-align: right;\">" + node["nutzung"] + "</td></tr>";
  tmp = tmp + "<tr><td style=\"font-size: 8pt;\"><b>Fertigstellung</b></td><td style=\"font-size: 8pt; text-align: right;\">" + node["fertigstellung"] + "</td></tr>";
  tmp = tmp + "<tr><td style=\"font-size: 8pt;\"><b>Leistungsumfang</b></td><td style=\"font-size: 8pt; text-align: right;\">" + node["leistungsumfang"] + "</td></tr>";
  tmp = tmp + "<tr><td colspan=\"2\" style=\"padding-top: 15px;\"><span style=\"font-weight: bold;\">Aufgabe:</span><br/>" + node["aufgabe"] +  "</td><tr>";
  tmp = tmp + "</table><br/>";
  obj.innerHTML = tmp;
  if(activeTab != null) {
    document.getElementById(activeTab).src = "images/projekt_tab.png";
  }
  activeTab = "proj_" + id;
  document.getElementById(activeTab).src = "images/projekt_tab_hover.png";
  window.setTimeout("createScroller(\"contentText\", 0, 255, 296, 0);", 500);
  loadProjectImages(ProjectData[id]["id"]);
}

function loadProjects() {
	if(ro.readyState == 4 && ro.status == 200) {
		var xml = ro.responseXML;
		var projects = xml.getElementsByTagName("item");
		var elements = new Array("id", "titel", "bauherr", "flaeche", "bgf", "fertigstellung", "nutzung", "leistungsumfang", "aufgabe", "thumb", "pos");
		for(var x = 0; x < projects.length; x++) {
 			var pData = new Array();
		  for(var i = 0; i < elements.length; i++) {
		  	try {
			    pData[elements[i]] = projects[x].getElementsByTagName(elements[i]).item(0).firstChild.nodeValue; 
			  } catch (e) {
			  	;
			  }
		  }
		  if(pData["titel"] != "") {
		  	if(firstP == "") {
		  		firstP = pData["pos"];
		  	} else {
		  		if(pData["pos"] < firstP)
		  			firstP = pData["pos"];
		  	}
		  		
		  		
		  	ProjectData[pData["pos"]] = pData;
		  	var obj = document.getElementById("proj_" + pData["pos"]);
				if(!pData["pos"]) continue;
		  	obj.src = "images/projekt_tab.png";
		  	obj.onmouseover = new Function("switchTab(" + pData["pos"] + ", 1); showTT('" + pData["thumb"] + "', '" + pData["titel"] + "');");
		  	obj.onmouseout = new Function("switchTab(" + pData["pos"] + ", 0); hideTT();");
		  	obj.onclick = new Function("showProject(" + pData["pos"] + ");");		  
		  }
		}
		  showProject(ProjectData[firstP]["pos"]);
		  switchTab(ProjectData[firstP]["pos"], 1);
		  activeTab = "proj_"+ firstP;
	}
}

function clearProjectFields() {
  for(var x = 29; x >= 0; x--) {
  	try {
	    var obj = document.getElementById("proj_" + x);
	    obj.src = "images/projekt_tab_unused.png";
	    obj.onmouseover = "";
	    obj.onmouseout = "";
	    obj.onclick = "";
	    activeTab = null;
	} catch (e) {
		;
	}
  }
}

function switchTab(id, state) {
  if(activeTab != "proj_" + id) {
    var obj = document.getElementById("proj_" + id);
    obj.src = (state == 0 ? "images/projekt_tab.png" : "images/projekt_tab_hover.png");
  }
}