// JavaScript Document
var lititle;
var  appRoot='_data/';
//var  appRoot='apps/';
var xmlOku =false;
var Months = ["Ocak", "Şubat", "Mart", "Nisan", "MayIs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];

function GetMonth(MonthName) {
	for (var i=0; i<Months.length; i++){
		if(Months[i]==MonthName) return (i+1);
	}
}

function clearCalendar() {
	$('table.ui-datepicker-calendar tr td a').removeClass('ui-state-active').removeClass('ui-state-highlight').removeClass('ui-state-default');
    $('table.ui-datepicker-calendar tr td').each(function() {
		$(this).attr('align','center');
		$(this).removeClass('ui-datepicker-week-end'); 
		$(this).removeAttr('onclick'); 
		//$(this).children('a').attr('href','javascript:;'); 
	});
}

function getData(month, year) { 
	if(month==0){ month=12; year=Number(year)-1; }
	if(month==13){ month=1; year=Number(year)+1; }
	$('div#datepicker-detail').hide();
	var i = 1;
	var sayac=0;
	$.ajax({
		type: "GET",
		url: appRoot+'calendar.xml',
		datatype: "xml",
		success: function(xml) {
			$(xml).find('item').each(function() {
				var date = $(this).attr('StartDate');				
				var dateArr=date.split(' ');
				var xmlMonth = GetMonth(dateArr[1]);
				var xmlYear = dateArr[2];
				if (xmlMonth == month && xmlYear == year) {
					selectDays(dateArr[0], i, year, month,xml);
					i++;
				}
			});
			$('table.ui-datepicker-calendar tr td').each(function() {
				var className= $(this).children('a').attr('class');
				if(className=="ui-state-active")
				{ sayac++; }
			});
		}		
    });
}

function fixNumber(number) {
    if (number.substring(0, 1) == '0') return number = number.substring(1, 2);
    else return number = number.substring(0, 2);
}

function selectDays(sDate, arrayNum, year, month,xml) {
    $('table.ui-datepicker-calendar tr td').each(function() {
        if ($(this).find('a').text() == sDate) {	
			$(this).addClass('active');
            $(this).find('a').addClass('ui-state-active');
			$(this).children('a').click(function(){bindData(sDate, month, year,xml);});
        }
    });	
	//$('table.ui-datepicker-calendar tr td.active:first a').trigger('click');	
} 

function bindData(day, month, year, xml) {
	var say=0;
	$('div#datepicker-detail').show();
	$('div#datepicker-detail').empty();
	$('div#butttons').remove();
	for(var i = 0 ; i < $(xml).find('item').length; i++ ){
		var date = $(xml).find('item').eq(i).attr('StartDate');				
		var dateArr=date.split(' ');
		if(day == dateArr[0] && month == GetMonth(dateArr[1]) ){
			var itemlength=$(xml).find('item').eq(i).children('time').length;
			itemlength=Number(itemlength);
			if(itemlength<2){
				var activityname= $(xml).find('item').eq(i).children('title').text();
				var desc= $(xml).find('item').eq(i).children('desc').text();
				var time= $(xml).find('item').eq(i).children('time').text();
				var title =$(xml).find('item').eq(i).children('title').text();
				$('div#datepicker-detail')
					.append($('<div class="details" />')
						.append($('<h2/>').html(time))
						.append($('<h3/>').html(title))
						.append(desc)
					)
					.append($('<div id="butttons"/>').append($('<a class="backbtn" href="javascript:;"/>').click(function(){ $('#datepicker-detail').hide(); })))
			}
			else {
				$('div#datepicker-detail').append($('<div id="hide">'));
				
				for(var j=0; j<itemlength; j++){
				var activityname= $(xml).find('item').eq(i).children('title').eq(j).text();
				var desc= $(xml).find('item').eq(i).children('desc').eq(j).text();
				var time= $(xml).find('item').eq(i).children('time').eq(j).text();
				var title =$(xml).find('item').eq(i).children('title').eq(j).text();
				$('div#hide')
					.append($('<div class="details" />')
						.append($('<h2/>').html(time))
						.append($('<h3/>').html(title))
						.append(desc)
					)
				}
				$('div#datepicker-detail')
					.append($('<div id="butttons"/>')
						.append($('<a class="backbtn" href="javascript:;"/>').click(function(){ $('#datepicker-detail').hide(); }))
						.append($('<a class="nav" id="prev" href="javascript:;"/>').click(function(){
								var that=$('div#hide').children('div.on');																										   
								var index=that.index();
								$('a#next').show();
								if(index!=0){
									that.prev('div').addClass('on');
									that.removeClass('on')
								}
								(index==1)? $('a#prev').hide() : $('a#prev').show();
							})
						)
						.append($('<a class="nav" id="next" href="javascript:;"/>').click(function(){
								var that=$('div#hide').children('div.on');	
								var index=that.index();
								$('a#prev').show();
								if(index!=itemlength-1){
									that.removeClass('on').next('div').addClass('on');											
								}
								(index==itemlength-2)? $('a#next').hide() : $('a#next').show();
							})
						)
					)
				$('div#hide').children('div.details').eq(0).addClass('on');
				
			}
			
		}
	}		
}

$(document).ready(function(){					   
	$('#datepicker').datepicker();
	clearCalendar();
	var d = new Date();
	var curr_month = d.getMonth() + 1;
	var curr_year = d.getFullYear();
	getData(curr_month, curr_year);	
});
