//se  caso não existir nenhuma mensagem concluida para o dia atual, ele não mostra a modal.
 if($.cookie("fadeAlarm") != (new Date).toString("dd/MM/yyyy")){
	var alarmInRange = DataLayer.get('followupflagged', {filter: ['AND', ['>', 'alarmDeadline', (new Date()).set({hour:0, minute:0, second:0}).toString('yyyy-MM-dd 00:00:00')], ['<', 'alarmDeadline', (new Date()).set({hour:0, minute:0, second:0}).addHours(24).toString('yyyy-MM-dd 00:00:00')]], criteria: {deepness: 1}});
	if(alarmInRange.length > 0){
		for(var i=0; i<alarmInRange.length; i++){
			var date = Date.parseExact(alarmInRange[i].alarmDeadline, 'yyyy-MM-dd hh:mm:ss');
			alarmInRange[i].alarmDeadline = date.toString('hh:mm');
		}
		var data = {alarmInRange : alarmInRange};
		var valueZebra = DataLayer.render("../prototype/modules/mail/templates/followupflag_alarm_list.ejs", data);
		
		new $.Zebra_Dialog(valueZebra, {
		'buttons':  ['Ok'],
		'modal': false,
		'position': ['right - 20', 'bottom - 30'],
		'custom_class': 'zebraClass2',
		});	
		
	$(".ZebraDialog_Body .footerMenos").hide()

		$(".ZebraDialog_Body .footerMais").click(function(){
			$('.ZebraDialog').css('visibility','hidden');
			$(this).parents('.ZebraDialog').css("visibility","visible");
			$(this).parents('.ZebraDialog').animate( { top: '-=300px' } , 280)
			.find("ul.alert-flags").animate( { height: 375 } , 300);
			$(".ZebraDialog_Body .footerMais").hide();
			$(".ZebraDialog_Body .footerMenos").show();
		});
		$(".ZebraDialog_Body .footermenos").click(function(){
			$('.ZebraDialog').css('visibility','visible');
			$(this).parents('.ZebraDialog').animate( { top: '+=300px' } , 280)
			.find("ul.alert-flags").animate( { height: 70 } , 300);
			
			$(this).parents('.ZebraDialog').css({
			});
			$(".ZebraDialog_Body .footerMenos").hide();
			$(".ZebraDialog_Body .footerMais").show();
		});
		
		
		$("ul.alert-flags li").css({
			'width': '270px',
			'white-space': 'nowrap',
			'overflow': 'hidden',
			'text-overflow': 'ellipsis'
		});
		
		$("span.exc-ocul").css({
			'float' : 'right',
			'margin-right' : '0',
			'color' : '#2363a4',
			'cursor' : 'pointer'
		}).parent("ul").css();
		
		$(".zebraClass2 .ZebraDialog_Buttons .ZebraDialog_Button0").click(function(){
			var countCheckbox2 = $("input:checked").length;

			if(countCheckbox2 == 1){
				date2 = (new Date).toString("dd/MM/yyyy");
				$.cookie("fadeAlarm", date2 , { expires: 1 });
			}
		});
	}		
}

if($.cookie("fadeCompleted") != (new Date).toString("dd/MM/yyyy")){	
	var doneInRange = DataLayer.get('followupflagged', {filter: ['AND', ['>', 'doneDeadline', (new Date()).set({hour:0, minute:0, second:0}).toString('yyyy-MM-dd 00:00:00')], ['<', 'doneDeadline', (new Date()).set({hour:0, minute:0, second:0}).addHours(24).toString('yyyy-MM-dd 00:00:00')]], criteria: {deepness: 1}});
	if(doneInRange.length > 0){
		for(var i=0; i<doneInRange.length; i++){
			var date = Date.parseExact(doneInRange[i].doneDeadline, 'yyyy-MM-dd hh:mm:ss');
			doneInRange[i].doneDeadline = date.toString('hh:mm');
		}
		var data = {doneInRange : doneInRange};
		var valueZebra = DataLayer.render("../prototype/modules/mail/templates/followupflag_completed_list.ejs", data);
		
		//verificando se a primeira "model de alarme" está oculta ou não..
		//caso ela esteja caira nesse primeiro if, que coloca a model de "concluidos" no lugar da model de alarme.
		if($(".zebraClass2").length == 0){
			new $.Zebra_Dialog(valueZebra, {
				'buttons':  ['Ok'],
				'modal': false,
				'position': ['right - 20', 'bottom - 30' ],
				'custom_class': 'zebraClass',
				});	 	 
		}else{
			new $.Zebra_Dialog(valueZebra, {
				'buttons':  ['Ok'],
				'modal': false,
				'position': ['right - 20', 'bottom - 275' ],
				'custom_class': 'zebraClass',
				});	
		}
		
	$(".ZebraDialog_Body .footerMenos2").hide()

		$(".ZebraDialog_Body .footerMais2").click(function(){
			$('.ZebraDialog').css('visibility','hidden');
			$(this).parents('.ZebraDialog').css("visibility","visible");
			if($.cookie("fadeAlarm") != (new Date).toString("dd/MM/yyyy")){
				$(this).parents('.ZebraDialog').animate( { top: '-=60px' } , 280)
				.find("ul.alert-flags").animate( { height: 360 } , 300);
			} else {
				$(this).parents('.ZebraDialog').animate( { top: '-=300px' } , 280)
				.find("ul.alert-flags").animate( { height: 360 } , 300);
			}
			
			$(".ZebraDialog_Body .footerMais2").hide();
			$(".ZebraDialog_Body .footerMenos2").show();
		});
		$(".ZebraDialog_Body .footermenos2").click(function(){
			$('.ZebraDialog').css('visibility','visible');
			if($.cookie("fadeAlarm") != (new Date).toString("dd/MM/yyyy")){
				$(this).parents('.ZebraDialog').animate( { top: '+=60px' } , 280)
				.find("ul.alert-flags").animate( { height: 70 } , 300);
			} else {
				$(this).parents('.ZebraDialog').animate( { top: '+=300px' } , 280)
				.find("ul.alert-flags").animate( { height: 70 } , 300);
			}
			$(this).parents('.ZebraDialog').css({
			});
			$(".ZebraDialog_Body .footerMenos2").hide();
			$(".ZebraDialog_Body .footerMais2").show();
		});
		
		
		$("ul.alert-flags li").css({
			'width': '270px',
			'white-space': 'nowrap',
			'overflow': 'hidden',
			'text-overflow': 'ellipsis'
		});
		
		$("span.exc-ocul").css({
			'float' : 'right',
			'margin-right' : '0',
			'color' : '#2363a4',
			'cursor' : 'pointer'
		}).parent("ul").css();
		
		$(".zebraClass .ZebraDialog_Buttons .ZebraDialog_Button0").click(function(){
		
			var countCheckbox1 = $("input:checked").length;

			if(countCheckbox1 == 1){
				date1 = (new Date).toString("dd/MM/yyyy");
				$.cookie("fadeCompleted", date1 , { expires: 1 });
			}
		});
	}		
}
function init_followup(data){

	winElement = data.window;
	selectedMessageIds = data.selectedMessages;
	folder = current_folder;

	/**
	 * Implementação do widget de input-combobox
	 */
	(function( $ ) {
		$.widget( "ui.combobox", {
			_create: function() {
				var self = this,
					select = this.element.hide(),
					selected = select.children( ":selected" ),
					value = selected.val() ? selected.text() : "";
				var input = this.input = $( "<input>" )
					.insertAfter( select )
					.val( value )
					.autocomplete({
						delay: 0,
						minLength: 0,
						source: function( request, response ) {
							var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
							response( select.children( "option" ).map(function() {
								var text = $( this ).text();
								if ( this.value && ( !request.term || matcher.test(text) ) )
									return {
										label: text.replace(
											new RegExp(
												"(?![^&;]+;)(?!<[^<>]*)(" +
												$.ui.autocomplete.escapeRegex(request.term) +
												")(?![^<>]*>)(?![^&;]+;)", "gi"
											), "<strong>$1</strong>" ),
										value: text,
										option: this
									};
							}) );
						},
						select: function( event, ui ) {
							ui.item.option.selected = true;
							self._trigger( "selected", event, {
								item: ui.item.option
							});
						},
						change: function( event, ui ) {
							if ( !ui.item ) {
								var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "$", "i" ),
									valid = false;
								select.children( "option" ).each(function() {
									if ( $( this ).text().match( matcher ) ) {
										this.selected = valid = true;
										return false;
									}
								});
								if ( !valid ) {
									// remove invalid value, as it didn't match anything
									$( this ).val( "" );
									select.val( "" );
									input.data( "autocomplete" ).term = "";
									return false;
								}
							}
						}
					})
					.addClass( "ui-widget ui-widget-content ui-corner-left" );

				input.data( "autocomplete" )._renderItem = function( ul, item ) {
					return $( "<li></li>" )
						.data( "item.autocomplete", item )
						.append( "<a>" + item.label + "</a>" )
						.appendTo( ul );
				};

				this.button = $( "<button type='button'>&nbsp;</button>" )
					.attr( "tabIndex", -1 )
					.attr( "title", "Show All Items" )
					.insertAfter( input )
					.button({
						icons: {
							primary: "ui-icon-triangle-1-s"
						},
						text: false
					})
					.removeClass( "ui-corner-all" )
					.addClass( "ui-corner-right ui-button-icon" )
					.click(function() {
						// close if already visible
						if ( input.autocomplete( "widget" ).is( ":visible" ) ) {
							input.autocomplete( "close" );
							return;
						}

						// work around a bug (likely same cause as #5265)
						$( this ).blur();

						// pass empty string as value to search for, displaying all results
						input.autocomplete( "search", "" );
						input.focus();
					});
			},

			destroy: function() {
				this.input.remove();
				this.button.remove();
				this.element.show();
				$.Widget.prototype.destroy.call( this );
			}
		});
	})( jQuery );
	/**
	 * #END: Implementação do widget de input-combobox
	 */

	winElement.find('.button').button()
	.filter('.menu-configure-followupflag .cancel').click(function(){
		winElement.dialog("close");
	}).end()
	
	.filter('.menu-configure-followupflag .save').click(function(){	
				
		var backgroundColor = winElement.find('[name="backgroundColor"]').val();
		var followupflagId  = winElement.find('[name="name"] option:selected').val();
		var isDone = winElement.find('[name="done"]').is(':checked') ? 1 : 0;
		var alarmDate = false;
		var doneDate  = false;
		
		for (var i=0; i < selectedMessageIds.length; i++ ){
			var messageNumber   = selectedMessageIds[i];
			//var followupflag = DataLayer.get('followupflag', followupflagId.toString()),
			var followupflagged = {
				uid : User.me.id,
				followupflagId : followupflagId, 
				folderName : current_folder, 
				messageNumber : messageNumber, 
				//alarmDeadline : winElement.find('[name="alarmDate"]').datepicker("getDate"), 
				//doneDeadline: winElement.find('[name="doneDate"]').datepicker("getDate"),
				isDone: isDone,
				backgroundColor : backgroundColor
			}
			
			if (alarmDate = winElement.find('[name="alarmDate"]').datepicker("getDate")) {
				if (alarmTime = winElement.find('[name="alarmTime"]').datepicker("getDate")) {
					alarmDate.set({hour:alarmTime.getHours(), minute:alarmTime.getMinutes()});
				}
				followupflagged.alarmDeadline = alarmDate.toString('yyyy-MM-dd hh:mm:ss');
			}

			if (doneDate = winElement.find('[name="doneDate"]').datepicker("getDate")) {
				if (doneTime = winElement.find('[name="doneTime"]').datepicker("getDate")) {
					doneDate.set({hour:doneTime.getHours(), minute:doneTime.getMinutes()});
				}
				followupflagged.doneDeadline = doneDate.toString('yyyy-MM-dd hh:mm:ss');
			}
			
			if(isDone){
				$('#td_message_followup_' + messageNumber + ', ' + 
				'#td_message_followup_search_' + messageNumber).find(".flag-edited")
				.find("img").attr("src", "../prototype/modules/mail/img/flagChecked.png")
				.css("margin-left","-3px");
			}
			
			$('#td_message_followup_' + messageNumber + ', ' + 
			  '#td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", backgroundColor);
			  
			DataLayer.put('followupflagged', followupflagged);
		}
		DataLayer.commit();
		
		//onceOpenedHeadersMessages[current_folder][followupflagged.messageNumber]['followupflagged']['followupflag'] = {};
		var extend = DataLayer.get('followupflagged', {
		filter: ['AND', ['IN', 'messageNumber', selectedMessageIds], ['=', 'folderName', current_folder]],criteria: {deepness: 1}});
		if(extend != "" || extend != 'undefined' || extend != []){
			for(var ex = 0; ex < extend.length; ex++){
				onceOpenedHeadersMessages[current_folder][extend[ex].messageNumber]['followupflagged'] = {};
				DataLayer.merge(onceOpenedHeadersMessages[current_folder][extend[ex].messageNumber]['followupflagged'], extend[ex]);
			}
		} else {
			alert('erro ao salvar');
		}
	}).end()
	
	.filter('.menu-configure-followupflag .delete').click(function(){
		for(i = 0; i < selectedMessageIds.length; i++){
			var messageNumber   = selectedMessageIds[i];
			var flag_id = onceOpenedHeadersMessages[current_folder][messageNumber]['followupflagged'].id;
			DataLayer.remove('followupflagged', flag_id);
			$('#td_message_followup_' + messageNumber + ', ' + 
			  '#td_message_followup_search_' + messageNumber).find(".flag-edited").css("background", '#CCC');
			$('#td_message_followup_' + messageNumber + ', ' + 
				'#td_message_followup_search_' + messageNumber).find(".flag-edited")
				.find("img").attr("src", "../prototype/modules/mail/img/flagEditor.png").css("margin-left","0");;
		}
		DataLayer.commit();
		winElement.dialog("close");
	});

	winElement.find('.date').datepicker();
	winElement.find('.time').timepicker({});
	winElement.find('[name="name"]').combobox();
	
	
	winElement.find('[name="alarmDate"],[name="alarmTime"]').attr("disabled","disabled");
	winElement.find('[name="alarm"]').click(function(){
		if($(this).is(":checked")){
			winElement.find('[name="alarmDate"],[name="alarmTime"]').removeAttr("disabled");			
		}else{
			winElement.find('[name="alarmDate"],[name="alarmTime"]').attr("disabled","disabled");
		}
	});	
	winElement.find('[name="done"]').click(function(){
		if($(this).is(":checked")){
			winElement.find(".input-done input").attr("disabled","disabled");
		}else{
			winElement.find(".input-done input").removeAttr("disabled");
		}
	});


	winElement.find(".followupflag-color-fields").hide();
	winElement.find(".followupflag-color.sample-list .sample-item").click(function(){
		winElement.find(".followupflag-color.sample-list .sample-item").removeClass("selected");
		$(this).addClass("selected");
		var color = $(this).attr('alt');
		winElement.find('[name="backgroundColor"]').css('background-color', color).val(color)
	});
	
	winElement.find(".followupflag-color.sample-list .sample-item.selected").trigger('click');
				
	winElement.find('[name="setColor"]').change(function(){		
		if(winElement.find('[name="setColor"]').val() == "default"){
			winElement.find(".followupflag-color.sample-list").show("fast");
			winElement.find(".followupflag-color-fields").hide();
			winElement.find(".followupflag-color.sample-list .sample-item.selected").trigger('click');
		} else if(winElement.find('[name="setColor"]').val() == "custom"){
			winElement.find(".followupflag-color-fields").show("fast");
			winElement.find(".followupflag-color.sample-list").hide();
			winElement.find(".colorwell").focus();
		}		
	});
	
	if(winElement.find("#selectCor option:selected").val() == "custom"){
		winElement.find("#selectCor").trigger("change");
	}

	var colorpickerPreviewChange = function(color) {
		winElement.find('.colorwell-selected').val(color).css('background-color', color);
		winElement.find('.flag-color-preview').css('background',color);
	} 

	var f = $.farbtastic(winElement.find('.colorpicker'), colorpickerPreviewChange);
	var selected;					
	winElement.find('.colorwell').each(function () {
		f.linkTo(this);
	}).focus(function() {
		if (selected) {
			$(selected).removeClass('colorwell-selected');
		}
		$(selected = this).addClass('colorwell-selected');
		f.linkTo(this, colorpickerPreviewChange);
		f.linkTo(colorpickerPreviewChange);
		
	});
	if(winElement.find("#selectCor option:selected").val() == "custom"){
		winElement.find(".colorwell").focus();
	}

}