jQuery(function() {
	svlv.buildAjaxOverlays();
});

var svlv = {
	settings : {
		controllerURL : "/includes/cfcs/controller/controller.cfm",
		loading : jQuery("<div class='loading'><img src='/includes/images/shell/ajax-loader.gif'/><span>Loading...</span></div>"),
		backgrounds : [],
		backgroundThemeId : 1,
		breadcrumb : [],
		useBread : true
	},
	buildAjaxOverlays : function() {
		jQuery("body").append("<div id='svlvOverlay'></div>");
		this.buildAjaxOverlay(jQuery(".svlvOverlayLink"));
	},
	buildAjaxOverlay : function(nodes, extraClass) {
		nodes.overlay({
			mask : "#444",
			onBeforeLoad : function() {
				var overlay = jQuery("#svlvOverlay");
				
				if (typeof sv != 'undefined' && typeof sv.siteID != 'undefined') {
					overlay.addClass('site'+sv.siteID);
				}
				
				if (typeof extraClass != 'undefined') {
					overlay.addClass(extraClass);
				}
				
				if(overlay.children(".content").length > 0) {
					overlay.children(".content").remove();	
				}
				
				if (this.getTrigger().attr("data-width")) {
					overlay.css("width", this.getTrigger().attr('data-width') + "px");
				} else {
					overlay.css("width", "auto");	
				}
				
				var content = jQuery("<div class='content'></div>");
				
				content.load(this.getTrigger().attr("href"));
				overlay.append(content);
			},
			closeOnClick : false,
			fixed : false
		});
	},
	centerOverlay : function(node) {
		node.css("left", (jQuery(window).width() - node.width()) / 2);
		node.css("top", (jQuery(window).height() - node.height()) / 2);
	}
};

svlv.forms = {
	convertDate : function(input, form, years) {
	
		if (typeof years === 'undefined') {
			years = 18;
		}
	
		input.hide();
		input.next().hide();
		
		var date = new Date();
		var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
		
		var monthSelect = jQuery("<select class='date_alias' name='alias_month'></select>");
		for (var i = 0; i < months.length; i++) {
			monthSelect.append("<option value='" + (i + 1) + "'>" + months[i] + "</option>");	
		}
		
		var daySelect = jQuery("<select class='date_alias' name='alias_day'></select>");
		for (var i = 1; i <= 31; i++) {
			daySelect.append("<option value='" + i + "'>" + i + "</option>");
		}
		
		var yearSelect = jQuery("<select class='date_alias' name='alias_year'></select>");
		
		var sdate = date.getFullYear() - years;
		
		for ( var i = sdate; i > sdate - 100; i--) {
			yearSelect.append("<option value='" + i + "'>" + i + "</option>");
		}
		
		input.after(yearSelect);
		input.after(daySelect);
		input.after(monthSelect);
		
		jQuery("select[name='alias_month'], select[name='alias_day'], select[name='alias_year']").change(function(){
			var dateString = jQuery("select[name='alias_month']").val() + "/" + jQuery("select[name='alias_day']").val() + "/" + jQuery("select[name='alias_year']").val();
			input.val(dateString);
		});
	}
};