/*
#################################################################
#
#	UUTISLAATIKKO URHEILU 0.1
#
#################################################################
*/

var itemsPerPage = 10;
var currentPage = 0;
var showSecondNavigation = true;
var menuIdNumber;
var tempHeight;

function loadCurrentNewsUr() {
		
	// Tyhjennetään vanha sisältö ja loaderi näkyviin
	
	$("#newsHeadlinesContent").html('<div class="newsHeadlineLoader"><img src="/images/site/loader.gif" alt="Ladataan" /></div>');
	var xmlSource = "/xml/urheilu.xml";
	
	$(function() {
		$.ajax({
			type: "GET",
			url:  xmlSource,
			dataType: "xml",
			success: function(xmlData)
			{
				xmlDataSet = xmlData;
				showNewsData();				
			}
		});
	});
}

function showNewsData(page) {
	
	var newsDatahtml = '<ul>';
	
	if (page) {currentPage = page;} else {currentPage = 0;}
	
	//Listaus uutisista
	$("otsikko:lt(" + parseInt(currentPage + itemsPerPage) + ")",xmlDataSet).filter(":gt(" + parseInt(currentPage - 1) + ")").each(function(i) {
																																  
		var otsikko = $("otsikko:eq(" + parseInt(currentPage + i) + ")",xmlDataSet).text();
		var osoite = $("osoite:eq(" + parseInt(currentPage + i) + ")",xmlDataSet).text();
		var aika = $("aika:eq(" + parseInt(currentPage + i) + ")",xmlDataSet).text();
		//alert(otsikkoTemp);
		newsDatahtml += '<li><span class="newsHeadlineDay">' + aika + '</span><br/><span class="newsHeadlineText"><a href="' + osoite + '">' + otsikko + '</a></span></li>';
		
	});
	
	newsDatahtml += '<ul>';
	
	//Jos on 10 uutisen osio, näytetään myös alavalikko
	if(showSecondNavigation == true){
		
		switch(page){
			
		case 0:
		newsDatahtml +=	'<div id="newsHeadlineArea">1-10<span class="lightBrown"> | </span><a href="javascript: showNewsData(10);">11 - 20</a><span class="lightBrown"> | </span><a href="javascript: showNewsData(20);">21 - 30</a></div>'
		break;
			
		case 10:
		newsDatahtml +=	'<div id="newsHeadlineArea"><a href="javascript: showNewsData(0);">1 - 10</a><span class="lightBrown"> | </span>11 - 20<span class="lightBrown"> | </span><a href="javascript: showNewsData(20);">21 - 30</a></div>'
		break;
		
		case 20:
		newsDatahtml +=	'<div id="newsHeadlineArea"><a href="javascript: showNewsData(0);">1 - 10</a><span class="lightBrown"> | </span><a href="javascript: showNewsData(10);">11 - 20</a><span class="lightBrown"> | </span>21 - 30</div>'
		break;
		
		default:
		newsDatahtml +=	'<div id="newsHeadlineArea">1-10<span class="lightBrown"> | </span><a href="javascript: showNewsData(10);">11 - 20</a><span class="lightBrown"> | </span><a href="javascript: showNewsData(20);">21 - 30</a></div>'
		break;
		
		
		}
		
	}
		else{
		newsDatahtml += '<div id="newsHeadlineArea"><a href="' + uutisOsiotUrl[menuIdNumber] + '">' + uutisOsiotNavi[menuIdNumber] + '</a></div>';
		}
	
	$("#newsHeadlinesContent").html('');
	$("#newsHeadlinesContent").html(newsDatahtml);	
	
	tempHeight = $("#newsHeadlinesContent").height();
	$("#newsHeadlinesContent").css({ height: tempHeight});
	
}