$(document).ready(function () {
	
var pageMirror='tr/index.html' 
	
	$.ajax({
		type: "GET",
		url: "data/structure.xml",
		dataType: "xml",
		success: function (xml) {
			$(xml).find('section').each(function () {
				var nameId = $(this).attr('sName');
				var linkId = $(this).attr('sLink');
				var div = $('<div id="menuBox" linkId="' + linkId + '"></div>').appendTo('#menuContainer');
				div.css('position:relative')
				div.text(nameId)
				var triangle = $('<div id="triangle"><img src="images/triangle.png"></div>').appendTo(div);
				triangle.hide()
				div.hover(

				function () {
					//$(this).fadeOut(1);$(this).fadeIn(200);
					$(this).animate({
						backgroundColor: "#ffd200"
					}, 100)
					//$(this).css('background-color','#ffd200')
					$(this).css('color', '#1a1a1a')
					$(this).children('#triangle').show()
				}, function () {
					$(this).animate({
						backgroundColor: "#1a1a1a"
					}, 100)
					//$(this).css('background-color','#1a1a1a')
					$(this).css('color', '#999999')
					$(this).children('#triangle').hide()
				});
				div.click(

				function () {
					window.location = $(this).attr("linkId");
				})
			});
		}
	});
	var langBtn = $('<div id="langBtn">TÜRKÇE</div>').appendTo('#menuContainer');
	
	langBtn.hover(
		function () {
					
			$(this).animate({
				backgroundColor: "#ffd200"
			}, 100)
						
				$(this).css('color', '#1a1a1a')
				
			}, function () {
				$(this).animate({
					backgroundColor: "#1a1a1a"
				}, 100)
					$(this).css('color', '#999999')
				}
			)
	
	
	langBtn.click(
		function () {
			window.location = pageMirror
		}
	)
	
	var logo = $('#logo')
	var logotriangle = $('<div id="logotriangle"><img src="images/triangle.png"></div>').appendTo(logo);
	
	$.ajax({
		type: "GET",
		url: "data/announcement.xml",
		dataType: "xml",
		success: function (xml) {
			$(xml).find('announcement').each(function () {
				var headerId = $(this).attr('sHeader');
				var dateId = $(this).attr('sDate');
				var txtId = $(this).find('txt').text();
				var div = $('<div id="annBox" ></div>').appendTo('#contentWrapper');
				div.css('width', '500px')
				div.css('position', 'relative')
				div.css('line-height', '20px')
				div.css('margin-bottom', '40px')
				div.css('padding', '0px')
				$('<p id="headerTxt1" />').text(headerId).appendTo($(div))
				var date=$('<p id="dateTxt" />').text(dateId).appendTo($(div))
				date.css('padding-bottom','10px')
				$('<p />').html(txtId).appendTo($(div))
			});
		}
	});
});