var myImageBox;
var myMainMenu;
var isPageBorderMenuLoaded=false;

function addSection(strName,parent,image,flow, hide,strText,strLink){
	var varContainer=jQuery("<div></div>");
	if( flow){
		varContainer.addClass("lsh_theContainerSmall");
	}else{
		varContainer.addClass("lsh_theContainer");
	}
	var myLink=jQuery("<a href='#'>"+strName+"</a>");
	var varElement = jQuery("<div></div>").addClass("lsh_theHeader");
	varElement.append(myLink);
	if(image){
		myLink.mouseover(function(){
			setImage(image,strText,strLink);
			});
	}
	var varChildContainer=jQuery("<div></div>").addClass("lsh_theChildContainer");
	if( hide){
		varChildContainer.attr("style", "display:none");
	}
	varContainer.append(varElement);
	varContainer.append(varChildContainer);
	myLink.click(function(){
		varChildContainer.toggle();
	});
	parent.append(varContainer);
	return varChildContainer;
}

function setImage(image, strText, strLink){
	var myImage=jQuery("<img src='"+image+"'/>");
	myImageBox.empty();
	myImageBox.append(myImage);
	myImageBox.show();

	var myText;
	if(strText){
		if( strLink){
      myText=jQuery("<div><a href='"+strLink+"'>"+strText+"</a></div>");
		}else{
			myText=jQuery("<div>"+strText+"</div>");
		}
		myText.addClass("lsh_copyright");
		myImageBox.append(myText);
	}
  	
}

function LoadData(){
	 jQuery.ajax({
  	url: "/forum/plaene.php",
  	async: true,
		cache: true,
		type: "GET",
		dataType: "xml",
		success: function(xml){
			var myXml=jQuery(xml);
			isPageBorderMenuLoaded=true;
			parseXml(myXml.children(),myMainMenu);
		}
 	});
}

function parseXml(varXml, varDomElement){
	jQuery(varXml).each(function(){
		var act=jQuery(this);
		var name=act.attr("name");
		var image=act.attr("image");
		var inline=act.attr("inline");
		var hide=act.attr("hide");
		var imageText=act.attr("imageText");
		var imageTextLink=act.attr("imageTextLink");
		var element=addSection(name,varDomElement,image,inline,hide,imageText,imageTextLink);
	  var child=act.children();
		if( child ){
			parseXml(child,element);
		}
	});
}

jQuery(function(){
	addPageBorderMenu();
});

function initPageBorderMenue(){
	if( isPageBorderMenuLoaded==false){
		LoadData();
	}
}

function addPageBorderMenu(){
	isPageBorderMenuLoaded=false;
	var myMainWindow=jQuery("<div></div>");
	myMainWindow.addClass("lsh_window");

	var myMenuBox=jQuery("<div></div>");
	myMenuBox.addClass("lsh_box1");
	myMainWindow.append(myMenuBox);

  //parseXml(myXml.children(),myMenuBox);
	myMainMenu=myMenuBox;


	var myLink=jQuery("<a href='#'>&Uuml;<br>b<br>e<br>r<br>s<br>i<br>c<br>h<br>t</a>");
	var myActivateBox=jQuery("<div></div>");
	myActivateBox.append(myLink);
	myActivateBox.addClass("lsh_box2");
	myLink.click(function(){
		initPageBorderMenue();
		myMenuBox.toggle();
		});
	myMainWindow.append(myActivateBox);

  myImageBox=jQuery("<div></div>").addClass("lsh_box3");
  myImageBox.click(function(){jQuery(this).toggle();});

  myMainWindow.append(myImageBox);

  jQuery("body").append(myMainWindow);
}