/*
 * Production Alert Javascript
 * Developer: Pravesvuth Uparanukraw
 * Version: 1.0
 */

// Variables
var firstLoad = true;

var datePickerOption = {
	showAnim: 'fadeIn', 
	duration: 'fast', 
	dateFormat: 'dd-M-yy', 
	maxDate: new Date(), 
	hideIfNoPrevNext: true, 
	changeMonth: true,
    changeYear: true
}

$(document).ready(function () {
	initControls();
	initEvents();
	initDatePickers();
	initStack();
});

//Initialize Controls
function initControls() {
	ajaxGetProductionAlerts(getFromDatePicker().value, getUntilDatePicker().value);
}

//Initialize Events
function initEvents() {
	initRangeEvents();
	initFromDateEvents();
	initUntilDateEvents();
}

//Initialize Date Pickers
function initDatePickers() {
	$("#fromDatePicker").datepicker(datePickerOption);
	$("#untilDatePicker").datepicker(datePickerOption);
	
	$("#fromDatePicker").change(function () {
		if ($("#fromDatePicker").datepicker("getDate") > $("#untilDatePicker").datepicker("getDate"))
			$("#untilDatePicker").val($("#fromDatePicker").val());
		ajaxGetProductionAlerts(getFromDatePicker().value,getUntilDatePicker().value);
	});
	$("#untilDatePicker").change(function () {
		if ($("#untilDatePicker").datepicker("getDate") < $("#fromDatePicker").datepicker("getDate"))
			$("#fromDatePicker").val($("#untilDatePicker").val());
		ajaxGetProductionAlerts(getFromDatePicker().value,getUntilDatePicker().value);
	});
	
	if (getFromDatePicker().value == "" && getUntilDatePicker().value =="") {
		$("#specify").hide();
	}
}

//Initialize Tabs (Sections)
function initTabs() {
	var tabView = new YAHOO.widget.TabView('profileMainTabs');
	tabView.addListener('contentReady', function(t) {
	var t = queryString("tab");
	var idx = 0;
	for (var x=0; x<tabView.get("tabs").length; x++) {
		var tab = tabView.getTab(x);
		if (tab.get("href").indexOf(t) != -1) {
			idx = x;
		}
	}
	tabView.set( "activeIndex", idx );
	});
}

//Initialize Scroll
function initScroll () {
	$("a.backToTop").click(function () { $.scrollTo(0, 500);});
}

function initStack() {
	$('.stack .trigger').toggle(function(){
		var vertical = 0;
		var horizontal = 0;
		var gap = 30;
		$('li', $(this).parent()).each(function(){
			$(this).animate({top: "+"+vertical+"px"}, 300, "swing");
			vertical = vertical + gap;
		});
		$('ul', $(this).parent()).addClass('openStack');
	}, function(){
		$('ul',$(this).parent()).removeClass('openStack');
		$('li', $(this).parent()).animate({top: 0}, 300);
	});
}

//Initialize Trigger (Inner Content)
function initContentTrigger() {
	$(".qTrigger, .aClose").css("cursor","pointer");
	
	$('.triggerContainer').each(function () {
		var t = $(this);
		$(".qTrigger",this).click(function () {
			if ($(t).next().hasClass('hide')) {
				$("span",this).addClass("afterLinkArwDwn");
				$(t).next().removeClass('hide');
			} else {
				$("span",this).removeClass("afterLinkArwDwn");
				$(t).next().addClass('hide');
			}
		});
		
		$(".aClose",$(this).parent()).click(function () {
			$(".afterLinkArwDwn",t).removeClass("afterLinkArwDwn");
			$(t).next().addClass('hide');
		});
	});
}

//Initialize Trigger (Inner Content)
function initBlockContent() {
	$(".alertBlock").hover(
			function() {
				$(this).addClass("alertBlockAlt");
			}, 
			function() {
				$(this).removeClass("alertBlockAlt");
			});
}

//Initialize Auto Expand and Focus on the specific 
function initAutoExpandFocus() {
	var id = queryString("id");
	if (id != "false" && firstLoad) {
		var alertBlock = $('*[title='+id+']');
		var alertBlockHeight = alertBlock.height();
		var windowHeight = $(window).height();
		var block_offset = (windowHeight - alertBlockHeight)/2;
		$.scrollTo(alertBlock, 300, {offset: -block_offset, onAfter: function() {alertBlock.effect("highlight", {}, 800);}});
		alertBlock.click(function () {
			$(this).removeAttr("style");
		});
		firstLoad = false;
	}
}


/*
 * Callback functions
 */ 
var getProductionAlertCallBack = {
	success : function(o) {
		if (o.responseText !== undefined) {
			displayContent("alerts-body", o.responseText);
			$("#alerts-body").fadeIn("fast");
			initTabs();
			initScroll();
			initBlockContent();
			initContentTrigger();
			$("#status-pane").hide();
			initAutoExpandFocus();
		}
	},
	failure : function(o) {
		$("#status-pane").hide();
	}
};

function getFromDatePicker() {
	return document.getElementById('fromDatePicker');
}

function getUntilDatePicker() {
	return document.getElementById('untilDatePicker');
}

function getRangePicker() {
	return document.getElementById('rangePicker');
}

function displayContent(targetElementId, content) {
	document.getElementById(targetElementId).innerHTML = content;
}

function onFromDateChange(e) {
	ajaxGetProductionAlerts(getFromDatePicker().value,getUntilDatePicker().value);
}

function onUntilDateChange(e) {
	ajaxGetProductionAlerts(getFromDatePicker().value,getUntilDatePicker().value);
}

function onRangeChange(e) {
	if (getRangePicker() != null) {
		var range = getRangePicker().value;
		var date;
		if (range.indexOf("all") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			$("#fromDatePicker").val("");
		} else if (range.indexOf("specify") != -1) {
			$("#specify").show();
		} else if (range.indexOf("7 days") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			date = getdDateWithinDays(7);
			$("#fromDatePicker").val($.datepicker.formatDate("dd-M-yy",date));
		} else if (range.indexOf("14 days") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			date = getdDateWithinDays(14);
			$("#fromDatePicker").val($.datepicker.formatDate("dd-M-yy",date));
		} else if (range.indexOf("30 days") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			date = getdDateWithinDays(30);
			$("#fromDatePicker").val($.datepicker.formatDate("dd-M-yy",date));
		} else if (range.indexOf("3 months") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			date = getdDateWithinMonth(3);
			$("#fromDatePicker").val($.datepicker.formatDate("dd-M-yy",date));
		} else if (range.indexOf("1 year") != -1) {
			$("#specify").hide();
			$("#untilDatePicker").val("");
			date = new Date();
			date.setFullYear(date.getFullYear()-1,date.getMonth(),1);
			$("#fromDatePicker").val($.datepicker.formatDate("dd-M-yy",date));
		}
		if (range.indexOf("specify") == -1) {
			ajaxGetProductionAlerts(getFromDatePicker().value,getUntilDatePicker().value);
		}
	}

}

function ajaxGetProductionAlerts(from_date, until_date) {
	var url = "ajax_getProductionAlert.jsp";
	var i=0;
	if (from_date!=null && from_date!="null" && from_date.length > 0) {
		if (i!=0) url += "&"; else url += "?";
		url += "from=" + from_date;
		i++;
	}
	if (until_date!=null && from_date!="null" && until_date.length > 0) {
		if (i!=0) url += "&"; else url += "?";
		url += "until=" + until_date;
		i++;
	}
	$("#alerts-body").fadeOut("fast");
	$("#status-pane").show();
	YAHOO.util.Connect.asyncRequest('GET', url, getProductionAlertCallBack, null);
}

function initFromDateEvents() {
	YAHOO.util.Event.addListener(getFromDatePicker(), "change", onFromDateChange);
}

function initUntilDateEvents() {
	YAHOO.util.Event.addListener(getUntilDatePicker(), "change", onUntilDateChange);
}

function initRangeEvents() {
	YAHOO.util.Event.addListener(getRangePicker(), "change", onRangeChange);
}

/*
 * Utility Functions
 */
function updateRegionText(txt) {
	if (txt != null && txt != "null") {
		$("#regionTxt").text(txt.replace("%26","&"));
	} else {
		$("#regionTxt").text("All Regions");
	}
}

function getdDateWithinMonth(month) {
	d = new Date();
	m = d.getMonth();
	y = d.getFullYear();
	if (m < month) {
		y = y-1;
		tm = month - m;
		m = m - tm;
	} else {
		m = m - month;
	}
	d.setMonth(m);
	d.setFullYear(y);
	d.setDate(1);
	return d;
}

function getdDateWithinDays(day) {
	d = new Date();
	dt = d.getTime();
	t =  day * 24 * 60  * 60 * 1000;
	nt = dt - t;
	d.setTime(nt);
	return d;
}