$(document).ready(function(){
	slide();
	getMarket();
})

function slide(){
	$('#slide').cycle({
		fx:'fade'
	});
}

function getMarket(){

	$.ajax({
					type: "GET",
					url: sRootPath + langXml+'/XML/MARKET/data.xml',
					//url: 'data.xml',
					dataType: 'xml',
					success: function(msg){
								var i=0;
						 $(msg).find("Item").each(function(){
						 		var titolo = $("titolo", this).text().replace(/(<([^>]+)>)/ig,"");
						 		$("#box_sel_c ul").append("<li><a href=\"#\" class=\""+i+"\">"+titolo+"</a></li>")
						 		i++;
							});
					},complete: function(){showLayer();}

				});

}
function getMarketDetail(index){
		
	$.ajax({
					type: "GET",
					url: sRootPath + langXml+'/XML/MARKET/data.xml',
					//	url: 'data.xml',
					dataType: 'xml',
					async:false,
					success: function(msg){
						var mark=$(msg).find("Item").get(index);
				 		var tabella = $("tabella", mark).text();
				 	
				 		
						$(".layer").html(tabella);
						
						$(".layer").find("table tr").each(function(){
						$(this).find("td").eq(0).addClass("country");	
						$(this).find("td").eq(1).addClass("prima");
				 		$(this).find("td").eq(2).addClass("finn");
							});
						
						
					}

				});

}

function showLayer(){
	var boxSel=$('#box_sel #box_sel_c');
	var li=boxSel.find("ul li");
	var layer = $(".layer");
	function close(){
		layer.hide();
		li.removeClass("on");
		boxSel.removeClass("selected");
		$("#fdr").remove();
	}		
	li.find('a').each(function(){
		$(this).click(function(){
			var id=$(this).attr("class");	
			getMarketDetail(id);
			var _this=$(this);
			var left = parseInt(_this.offset().left);
			boxSel.addClass("selected");
			li.removeClass("on");
			$('body').append('<div id="fdr">&nbsp;</div>');
			$("#fdr").css({height:getDocHeight()});
			$('#fdr').click(function(){
				close();
			});	
			_this.parent().addClass("on");
			layer.css({"left":left});
			layer.show();		
		}
		);		
	});
	
}

function getDocHeight() {
	return Math.max(
		$(document).height(),
		$(window).height(),
		document.documentElement.clientHeight// for opera
	);
};

