/*
* First plugin
*
* @author Maarten Hus
*/
(function($){
    var eventdates = {};

    $.fn.ical = function(options){
        $.fn.ical.defaults = {
           daynames: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'], //default short names for the days of the week
           monthnames: ['Januari', 'Febuari', 'March', 'April', 'May', 'Juni', 'Juli', 'August', 'September', 'October', 'November', 'December'],
           startdate: new Date(), // The date the calender should take as start point
           eventdates: {},
		   startOnSunday: false,
           beforeDay: function (insdate) {},
           beforeMonth: function(insdate) {},
           beforeYear: function(insdate) {}
        };

        var options = $.extend({}, $.fn.ical.defaults, options);

        return this.each(function(){
            var obj = $(this); //get the object
            eventdates = options.eventdates;

            var insdate = options.startdate; //The date that gets used for calculating the month

            createCalendar(obj, insdate);
        });

        /**
        * Create the calendar
        */
        function createCalendar(obj, insdate){
            obj.html('');
            //createNavigation(obj, insdate);
            createTable(obj, insdate); //create table
            addDatesToTable(obj, insdate);
            codabubble();
        };

        /**
        * Create the navigation and handle its clicks
        */
        function createNavigation(obj, insdate){
            obj.append("<div><span id = 'currentmonth'>"+ options.monthnames[insdate.getMonth()] +"</span> <span id = 'currentyear'>"+ insdate.getFullYear() +"</span></div>" +
                      "<div><span id ='icalprev' style='cursor: pointer;'><img src='/pictures/lleft.gif' width='8' height='15' alt='' border='0'></span><span id ='icalnext' style='cursor: pointer;'><img src='/pictures/rright.gif' width='8' height='15' alt='' border='0'></span></div>");

            $("#icalnext", obj).click(function()
            {
                var month = insdate.getMonth() + 1;

                if (month > 11)
                {
                    month = 0;
                    var year = insdate.getFullYear() + 1;
                    options.beforeYear(formatDate(year, month, 1));
                }
                else
                {
                    var year = insdate.getFullYear();
                }

                options.beforeMonth(formatDate(year, month, 1));

                date = new Date(year, month, 1);
                createCalendar(obj, date);
            });

            $("#icalprev", obj).click(function()
            {
                var month = insdate.getMonth() - 1;

                if (month < 0)
                {
                    month = 11;
                    var year = insdate.getFullYear() - 1;
                    options.beforeYear(formatDate(year, month, 1));
                }
                else
                {
                    var year = insdate.getFullYear();
                }

                options.beforeMonth(formatDate(year, month, 1));

                date = new Date(year, month, 1);
                createCalendar(obj, date);
            });
        };

        /**
        * Create the table for the calendar
        */
        function createTable(obj, insdate){
            var year_full=insdate.getFullYear();
            obj.append("<table class='icaltable' cellspacing='0'><thead><tr><th id ='icalprev' style='cursor: pointer;'><img src='/pictures/lleft.gif' width='8' height='15' alt='' border='0'></th><th colspan='5' style='background: #014f97;color: white;'><span id='currentmonth'>"+ options.monthnames[insdate.getMonth()] +"</span> <span id='currentyear'>"+ year_full +"</span></th><th id ='icalnext' style='cursor: pointer;'><img src='/pictures/rright.gif' width='8' height='15' alt='' border='0'></th></tr><tr id=dnli></tr></thead><tfoot><tr></tr></tfoot></table>"); //add a table
            //obj.append("<table class='icaltable' cellspacing='0'><thead><tr><th id ='icalprev' style='cursor: pointer;'>&lt;&lt;</th><th colspan='5' id = 'currentmonth' style='background:#d0e6f8;'>"+ options.monthnames[insdate.getMonth()] +" "+ year_full +"</th><th id ='icalnext' style='cursor: pointer;'>&gt;&gt</th></tr><tr id=dnli></tr></thead><tfoot><tr></tr></tfoot></table>"); //add a table

            for (var i = 0; i < options.daynames.length; i++)
            {
               $("#dnli", obj).append("<th>"+ options.daynames[i] +"</th>"); //add the day header
            }

			   $("#icalnext", obj).click(function()
            {
                var month = insdate.getMonth() + 1;

                if (month > 11)
                {
                    month = 0;
                    var year = insdate.getFullYear() + 1;
                    options.beforeYear(formatDate(year, month, 1));
                }
                else
                {
                    var year = insdate.getFullYear();
                }

                options.beforeMonth(formatDate(year, month, 1));

                date = new Date(year, month, 1);
                createCalendar(obj, date);
            });

            $("#icalprev", obj).click(function()
            {
                var month = insdate.getMonth() - 1;

                if (month < 0)
                {
                    month = 11;
                    var year = insdate.getFullYear() - 1;
                    options.beforeYear(formatDate(year, month, 1));
                }
                else
                {
                    var year = insdate.getFullYear();
                }

                options.beforeMonth(formatDate(year, month, 1));

                date = new Date(year, month, 1);
                createCalendar(obj, date);
            });
        };

        function addDatesToTable(obj, insdate){
            var month = insdate.getMonth();
            var year  = insdate.getFullYear();

            var days = getDaysInMonth(year, month);
            var first = getFirstDayOfMonth(year, month); // 0 - 6
            var last = getLastDayOfMonth(year, month, days);// 0 - 6

            var afterpadding = 6 - last; // week minus the last day of the month = afterpadding

            var firstrow = true;

			var startOnSunday = 0;

			if (options.startOnSunday){
				if (first == 6)
				{
					startOnSunday = -6;
				}
				else
				{
					startOnSunday = 1;
				}
			}

            for (var i = 1; i <= days; i++) //each day in month
            {
                if ((first + i - 1 + startOnSunday) % 7 === 0 || firstrow === true ) //add new tr for each new monday our if i is zero
                {
                    $(".icaltable", obj).append("<tr></tr>");
                }

                for(var j = 0; j < first + startOnSunday && firstrow; j++) //add pre padding
                {
                    $(".icaltable tr:last", obj).append("<td class = 'padding'></td");
                }

                firstrow = false; //no more pre padding

                var month = getMonthNumber($("#currentmonth").text(),obj);
                var year = $("#currentyear", obj).text();

                var formatdate = formatDate(year, month, i);

                var jsondates  = getEventDates(formatdate)
                //alert(jsondates.length);
                if (jsondates.length === 0)
                {
                    options.beforeDay(formatdate);
                    $(".icaltable tr:last", obj).append("<td id = '"+formatdate+"'><div style='width: 39; height:34px; font-size: 85%;text-align:left;margin-left: 5px;'>"+i+"</div></td"); //add day
                }
                else
                {
					var firstEvent = true;
					for (var k = 0; k < jsondates.length; k++)
					{
						var datejson = jsondates[k];
						options.beforeDay(formatdate);


						//alert(datejson.title);

						//var str = "<li><span class='title'>"+ datejson.title +"</span><span class='desc'>"+ datejson.desc +"</span></li>"
						var str = datejson.title;

						if (firstEvent)
						{
							//$(".icaltable tr:last", obj).append("<td class='"+datejson.css_class+"' id = '"+ formatdate +"'>"+i+"<div class='events'><ul id ='ul-"+ formatdate +"'>"+ str +"</ul></div></td>"); //add day
							$(".icaltable tr:last", obj).append("<td class='"+datejson.css_class+"' id = '"+ formatdate +"'><div style='height:39px;background: url(/pictures/commands/small/"+datejson.logos+") no-repeat bottom right;'><div style='width: 39; height:20px; font-size: 85%;text-align: left;margin-top: 3px; margin-left: 5px;'>"+i+"</div></div><div class='events' style='white-space: nowrap;'><span id ='ul-"+ formatdate +"'>"+ str +"</span></div></td>"); //add day

							firstEvent = false;
						}
						else
						{
							$("#ul-" + formatdate, obj).append(str);
						}
					}
                }
            };

			if (options.startOnSunday){
				startOnSunday = 1;
			}

            for (var i = 0; i < afterpadding - startOnSunday; i++) //add after padding
            {
                $(".icaltable tr:last", obj).append("<td class = 'padding'></td");
            }

            highlightToday(obj);
        };

        function getMonthNumber(month){

            for (var i = 0; i < options.monthnames.length; i++)
            {
                if (options.monthnames[i] === month)
                {
                    return i;
                }
            }
        };

        function getDaysInMonth(year, month){
            return 32 - new Date(year, month, 32).getDate();
        };

        function highlightToday(obj){
            var today = new Date();
            today = formatDate(today.getFullYear(), today.getMonth(), today.getDate());
            $("#"+today, obj).addClass("today");
        };

        function getEventDates(date){

			var results = [];

            for (var i = 0;  i < eventdates.length; i++)
            {
                var evaldate = evaluateEventDate(eventdates[i]["date"], date);
                if (date === evaldate)
                {
                	results.push(eventdates[i]);
                }
            }

            return results;
        };

        function evaluateEventDate(eventdate, date){
            var eventdate = eventdate.split('-');
            var date = date.split('-');

            if (eventdate[0] === 'yyyy')
            {
                eventdate[0] = date[0];
            }

            if (eventdate[1] === 'mm')
            {
                eventdate[1] = date[1];
            }

            if (eventdate[2] === 'dd')
            {
                eventdate[2] = date[2];
            }

            return eventdate[0]+'-'+eventdate[1]+'-'+eventdate[2];
        };

        function getLastDayOfMonth(year, month, days){
            var date = new Date(year, month, days);
            if (date.getDay() == 0)//we start on monday!
            {
                return 6;
            }
            else
            {
                return date.getDay() -1;
            }
        };

        function getFirstDayOfMonth(year, month){
            var date = new Date(year, month, 1);
            if (date.getDay() == 0) //we start on monday!
            {
                return 6;
            }
            else
            {
                return date.getDay() -1;
            }
        };

        function formatDate (year, month, day){
            return year+'-'+formatMonth(month)+'-'+formatDay(day);
        };

        function formatMonth(month){
            month = month + 1;

            if (month < 10)
            {
                month = '0'+month;
            }

            return month;
        };

        function formatDay(day){
            if (day < 10)
            {
                day = '0'+day;
            }

            return day;
        };

        function codabubble(){ //Stefano Verna
            $('.date_home_event,.date_nohome_event,.date_has_event').each(function () {
        		// options
        		var distance = 10;
        		var time = 250;
        		var hideDelay = 500;

        		var hideDelayTimer = null;

        		// tracker
        		var beingShown = false;
        		var shown = false;

        		var trigger = $(this);
        		var popup = $('.events span', this).css('opacity', 0);

        		// set the mouseover and mouseout on both element
        		$([trigger.get(0), popup.get(0)]).mouseover(function () {
        			// stops the hide event if we move from the trigger to the popup element
        			if (hideDelayTimer) clearTimeout(hideDelayTimer);

        			// don't trigger the animation again if we're being shown, or already visible
        			if (beingShown || shown) {
        				return;
        			} else {
        				beingShown = true;

        				// reset position of popup box
        				popup.css({
        					bottom: -20,
        					left: -76,
        					display: 'block' // brings the popup back in to view
        				})

        				// (we're using chaining on the popup) now animate it's opacity and position
        				.animate({
        					bottom: '+=' + distance + 'px',
        					opacity: 1
        				}, time, 'swing', function() {
        					// once the animation is complete, set the tracker variables
        					beingShown = false;
        					shown = true;
        				});
        			}
        		}).mouseout(function () {
        			// reset the timer if we get fired again - avoids double animations
        			if (hideDelayTimer) clearTimeout(hideDelayTimer);

        			// store the timer so that it can be cleared in the mouseover if required
        			hideDelayTimer = setTimeout(function () {
        				hideDelayTimer = null;
        				popup.animate({
        					bottom: '-=' + distance + 'px',
        					opacity: 0
        				}, time, 'swing', function () {
        					// once the animate is complete, set the tracker variables
        					shown = false;
        					// hide the popup entirely after the effect (opacity alone doesn't do the job)
        					popup.css('display', 'none');
        				});
        			}, hideDelay);
        		});
        	});
        };
    };

    $.fn.ical.changeEventDates = function(array){
       eventdates = array;
	   $.fn.ical.createCalendar(obj, date);
    };

})(jQuery);