﻿var prefix = GetAppPath();
var pageName = 'homepage';
var id,Title,desc,imgUrl,activitydate;
$(function () {	
	//hscroll(10);
	$('#etkDiger a').click(function(){
		$(this).addClass('selected').parent().siblings('li').children('a').removeClass('selected');									
		var day = $('a.ui-state-highlight').text();
		var month = $('select.ui-datepicker-month').val();
		month=Number(month)+1
		getdata(0,0,month);
		//hscroll(10);
		$('.scroll-content').css('left','0');
		$('#etkinlikTipleri div.etkinlikSelect,div.ui-datepicker-title').show();
	});
	
	$('#etkHobi a').click(function(){
        $(this).addClass('selected').parent().siblings('li').children('a').removeClass('selected');								   
		var day = $('a.ui-state-highlight').text();
		var month = $('select.ui-datepicker-month').val();
		month=Number(month)+1
		getHobidata(0,0,month);
		//hscroll(10);	
		$('.scroll-content').css('left','0');
		$('#etkinlikTipleri div.etkinlikSelect,div.ui-datepicker-title').hide();
	});
		
	$('#etkHobi a').trigger('click');
	//$('#etkDiger a').trigger('click');
	$('div.etkinlikSelect select').change(function(){
 	    $('div#dp a').each(function(){$(this).removeClass('ui-state-active'); });
		month = $('select.ui-datepicker-month').val();	
		month = Number(month)+1;
		if($('#etkHobi a').attr('class')=='selected'){ getHobidata($(this).val(),0,month); }
		else { getdata($(this).val(),0,month); }			
		$('.scroll-content').css('left','0');
	});
	
	$('div#dp a').live('click',function(){
		$(this).addClass('ui-state-active').siblings().removeClass('ui-state-active');
		var day=$(this).text();
		var month = $('select.ui-datepicker-month').val();
		month=Number(month)+1;
		if($('#etkHobi a').attr('class')=='selected'){ getHobidata(0,day,month); }
		else { getdata(0,day,month); }	
		$('.scroll-content').css('left','0');
	});
});

function getday (gId,eday,emonth,elementid) {
	$('#'+elementid).addClass('ui-state-active').siblings().removeClass('ui-state-active');
	getdata(gId,eday,emonth);
}
function getdata (gId,eday,emonth) {		
	$.ajax({
			type: "POST",
			url: prefix + "Sockets/Activities.ashx",
			dataType: 'json',
			data: { groupId: gId, day: eday, month: emonth  },
			//data: { groupId: gId, day: eday, month: emonth ,type: 'Hobi' },
			success: function (data) {
			  	getActivtyData(data);
			}
		});
}

function getHobidata (gId,eday,emonth) {	
	$.ajax({
			type: "POST",
			url: prefix + "Sockets/Activities.ashx",
			dataType: 'json',
			data: { groupId: gId, day: eday, month: emonth ,type: 'Hobi' },
			success: function (data) {
				getActivtyData(data);
			}
		});
}

function getActivtyData(data){
	var sayac =0;
	var genislik = 219*3;
	var dlength,ulLeft,fazla,slideul;
	//$('.ui-state-default').css('left','0');
  	$('div.etkinlikcontent ul').empty();
	
	$.each(data, function (key, val) {
		dlength=Number(data.length);	
	
		fazla=dlength-3;
	  // if (sayac < 10) {
		   id = val.Id;
		   title = val.Title;
		   desc = val.DescriptionSummary;
		   imgUrl = val.ImageUrl;
		   activitydate = val['Date'];
		   $('div.etkinlikcontent ul').attr('rel',fazla).css('width',dlength*genislik)
				.append($('<li/>')
					.append($('<div class="etkScrollCapsule"/>')
						.append($('<div class="etkSCImg"/>')
							.append($('<div class="mask_img"/>').append($('<a/>').attr('href', 'ActivityDetails.aspx?id=' + id)
								.append($('<img width="173" />').attr({ src: 'ActivityImages/' + imgUrl, alt: id, border: '0' })))))
						.append($('<div class="etkSDesc"/>')
								  .html('<h1>' + title + '</h1><br/><span style="font-size:9px;">'+activitydate+'</span>')
								  
								  //.html('<h1>' + title + '</h1><p>' + desc + '</p>')
						)
					)
				)
	   //}
	   sayac++;
	});   
    
	slideul = $('div.etkinlikcontent ul');
	//slideul.width(Number(slideul.children('li').length) * genislik);
	$('div#etkinlikScroll a#prev').click(function(){
		if(slideul.queue("fx").length < 1){
			ulLeft = parseInt(slideul.css('left'));
			if(ulLeft < 0){
				slideul.animate({left: ulLeft+genislik+'px'}, 1000)
			};
		}
	});
	$('div#etkinlikScroll a#next').click(function(){
		if(slideul.queue("fx").length < 1){
		   ulLeft = parseInt(slideul.css('left'));
		   var fazla2 =slideul.attr('rel');
			if(ulLeft > fazla2*(genislik/3)*-1){
				slideul.animate({left: ulLeft-genislik+'px'}, 1000)
			};
		}
	});
   /*if(data.length<4) {
		$('div.ui-handle-helper-parent').hide();
		$('.scroll-content').css('margin-left','0');
		if (data.length<1) {
			  $('div.etkinlikcontent ul.scroll-content')
					.append($('<li/>').html('Bu tarihte herhangi bir etkinlik bulunmuyor.'))
	   }
	}
   else {
		$('div.ui-handle-helper-parent').show();
		$('.scroll-content').css('margin-left','0');
   }*/
}

function GetAppPath() {
    var sLinkHref = document.getElementById("getPath").getAttribute("src");
    var sPathToRoot = sLinkHref.substring(0, sLinkHref.indexOf("script"));
    return sPathToRoot;
}
