var Client = {
	settings : {},
	init: function() 
	{
		this.simple_overlay('.downloads_layout_detail .download a', '#overlay', '#layout_overlay_box', '.close_overlay');
		this.simple_overlay('.lightbox', '#overlay', '#layout_overlay_box', '.close_overlay');
		
	},
	simple_overlay: function (trigger, overlay, container, trigger_close)
	{
		
		$(trigger).live('click', function(e){
			e.preventDefault();

			$(overlay).fadeTo("fast", 0.8);
			
			if(/(jpg|jpeg|gif|png)$/.test($(this).attr('href').toLowerCase()) === true)
			{
				
				
				var image = '<img src="'+$(this).attr('href')+'" />';
				var input = {
					title: $('img', this).attr('alt'),
					content: image
				};

				var template = Client.style_popup(input);
				$(container+' > div').html(template);
				$(container).fadeIn();
			} 
			else
			{
				$.ajax({
					type: 'GET',
					url: $(this).attr('href'),
					
					success: function(data){
						if(data){
							$(container+' > div').html(data);
							$(container).fadeIn();
							if(trigger != '.lightbox')
							{
							Client.ajax_form('.ajax_submit', 'click', container, overlay);
							}
						}
					}
				});
			}
			
		});

		$(trigger_close).live('click', function(e){
			e.preventDefault();

			$(container).fadeOut();
			$(overlay).fadeOut();
		});
	},
	ajax_form: function(trigger, event, container, overlay)
	{
		$(trigger).live(event, function(e){
			e.preventDefault();
			var form = $(this).closest('form');
			
			$.ajax({
				type: 'POST',
				cache: false,
				url: $(form).attr('action'),
				data: form.serialize(),
				success: function(data){

					if(data){
						$(container+' > div').html(data);
					}

				}
			});
		});
	},
	style_popup: function(input){
		

		var template = '<div class="popup">'
			+ '<div class="bar">'
			+ '<div class="buttons"><a href="#" class="close_overlay">close</a></div>'
			+ '<h2 class="title">'+input.title+'</h2> ' 
			+ '</div>'
			+ '<div class="popup_contents">'
			+ input.content;
			+ '</div>'
			+ '</div>';
		
		return template;

	}
}
$(document).ready(function() {
	Client.init();
	$.featureList(
		$("#feature_tabs li a"),
		$("#output li"), {
			start_item	:	1
		}
	);

});