$(document).ready(function() {

if (!document.getElementById('TestBar')){
	createTaskbar('TestBar');
}

function changeBG(){
	//$('#Tizo').style.width: "50px";
	var rand = Math.ceil(4*Math.random());
	
	document.getElementById('Tizo').style.backgroundImage = "url(IMG/Background/00"+rand+".png)";
}

function createTaskbarElement(nodeNumber,Element){
	//document.getElementById('Tizo').innerHTML= xmlDoc.getElementsByTagName('TBE_Img')[0].childNodes[0].nodeValue;
	//document.write(x[i].getElementsByTagName('TBE_Img')[0].childNodes[0].nodeValue);
	

	//Taskbar_Element
	var newTaskBarElement = document.createElement('a'); //The new newTaskBarContainer Div Element
	newTaskBarElement.className = 'Taskbar_Element';
	newTaskBarElement.setAttribute('id','Element'+nodeNumber)
	
	
	//Read Name/Title from XML & Give it to the Element
	var newName = Element[nodeNumber].getElementsByTagName('TBE_Name')[0].childNodes[0].nodeValue
	newTaskBarElement.setAttribute('title',newName)
	
	//Read Funtion from XML & Give it to the Element
	var newFunc = Element[nodeNumber].getElementsByTagName('TBE_Func')[0].childNodes[0].nodeValue
	newTaskBarElement.setAttribute('function',newFunc)
	
	
	//newTaskBarElement.setAttribute('href',idName)
	//newTaskBarElement.setAttribute('onclick','changeBG()')
	
	var newTaskBarElementImage = document.createElement('img');
	//newTaskBarElementImage.setAttribute('src','IMG/Taskbar/Taskbar_Home.PNG');
	var newImg = Element[nodeNumber].getElementsByTagName('TBE_Img')[0].childNodes[0].nodeValue
	newTaskBarElementImage.setAttribute('src',newImg);
	
	//var newTaskBarElementLink = document.createElement('a');
	//newTaskBarElementLink.setAttribute('href','Taskbar.php');
	
		
	newTaskBarElement.appendChild(newTaskBarElementImage);
	//newTaskBarElement.appendChild(newTaskBarElementLink);
	
	return newTaskBarElement;
}

function createTaskbar(idName){
	//.Taskbar_Container
	var newTaskBarContainer = document.createElement('div'); //The new newTaskBarContainer Div Element
	newTaskBarContainer.className = 'Taskbar_Container';
	
	var newTaskBar = document.createElement('div'); //The new Taskbar Div Element
	newTaskBar.className = 'Taskbar_Class';
	newTaskBar.setAttribute('id',idName)
	
	xmlDoc=loadXMLDoc('XML/Taskbar.xml');
	var Ele = xmlDoc.getElementsByTagName('TB_Element');
	for(i=0; i<Ele.length; i++){
	var newTaskBarElement = createTaskbarElement(i,Ele);
	newTaskBar.appendChild(newTaskBarElement);
	}
	
	
	//Create TB-Elements (Buttons)
	//for(i=0;i<10;i++){
	//var newTaskBarElement = createTaskbarElement('TestEle'+i);
	//newTaskBar.appendChild(newTaskBarElement);
	//}
	//End
	
	newTaskBarContainer.appendChild(newTaskBar);
	
	
	addChild("Tizo",newTaskBarContainer);
}

function addChild(Dest,Child){
	document.getElementById(Dest).appendChild(Child); //Appends Child to it's Destination/Parent(Dest)
};

$('.Taskbar_Element').live('click', function(event) {
	var thisFunction = this.getAttribute('function');
	eval(thisFunction+';');
}); 

$('#Tizo').live('click', function(event) {
	if (!document.getElementById('TestBar')){
	createTaskbar('TestBar');
	}
}); 

$('.Taskbar_Element').live('mouseover', function(event) {
	//$(this).css('background-color', '#F00');
	$(this).stop().animate({
	opacity: 0.8,
	width: "80px",
	height: "80px",
	top: '0px'
	},'fast');
}).live('mouseout', function(event) {
	$(this).stop().animate({
	opacity: 1.0,
	width: "50px",
	height: "50px",
	top: '30px'
	},'fast');
});





























function loadXMLDoc(dname){

	var xmlDoc;
	if(window.XMLHttpRequest){
		xmlDoc=new window.XMLHttpRequest();
		xmlDoc.open("GET",dname,false);
		xmlDoc.send("");
		//alert('ERR');
		return xmlDoc.responseXML;
	} else if (ActiveXObject("Microsoft.XMLDOM")){
		//IE 5 & 6
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
		xmlDoc.load(dname);
		return xmlDoc;
	}
alert('Error loading document');
return null;
}
























});