// create logo rollover stuff
$(function()
{
	var els = $('#right li').not('.more');
	
	// add container element
	if($.browser.msie && parseInt($.browser.version) < 7)
	{
		var container = $('<div />').appendTo($('#right'));
	}
	else
	{
		var container = $('<div />').appendTo($('#right')).css({position:'relative'});
	}
	
	// prepare each rollover element
	els.each(
		function()
		{
			var html = $(this).html();
			
			var overlay = $('<div />')
				.addClass('overlay')
				.addClass(
					$(this).attr('class')
				)
				.appendTo(container)
				.hide();
				
			var overlay_i = $('<div />')
								.addClass('middle')
								.appendTo(overlay)
								.html(html);
				
			$('<div />')
				.addClass('top')
				.prependTo(overlay);
				
			$('<div />')
				.addClass('bottom')
				.appendTo(overlay);
		});

	$('#right').mouseover(
		function(e)
		{
				var v = $(e.target);
				var is_copied = v.attr('rel')=='overlay' && v.parent().parent().attr('class')=='middle' ? true : false;
				if(is_copied) return;
				
				if((v.attr('class')=='' && v.attr('rel')!='overlay') || e.target.tagName!='A' || v.attr('class')=='top' || v.attr('class')=='middle' || v.attr('class')=='bottom' || v.attr('class')=='overlay') return;
				
				var x = $('.overlay.' + (v.parent().parent().attr('class')).replace(/\s/g, '.'));
				
				//console.log(v.parent().parent().attr('class'));
				$('.overlay').not(x).hide();
				
				if(!$.browser.msie)
				{
					x.fadeIn(300);
				}
				else
				{
					x.show();	
				}
			
		})
	.mouseleave(function() {$('.overlay').hide();});
	
	$(document).click(function() {$('.overlay').hide();});
	
	$('#right ul .more').mouseover(function() {$('.overlay').hide();});
});



// load the terms page
$(function()
{
	$('a[rel^=overlay]').css({cursor:'pointer'}).click(function(e)
	{
		e.preventDefault();
		var href = $(this).attr('href');
		
		$.ajax({
			type: "POST",
			url: href,
			data: "ajax=true",
			success: function(html){
				var overlay;
				var u = $('<div class="underlay"></div>')
						.css({
							//display:'none',
							position:'absolute',
							top:0,
							left:0,
							width:'100%',
							height:$(document).height()+'px',
							backgroundColor:'#000',
							opacity:0,
							zIndex:20000
						})
						.appendTo($('body'))
						.fadeTo(500, 0.8, function()
						{
							$('html, body').animate({scrollTop: 0}, 400);
							
							overlay = $(html).appendTo($('body')).hide();
							
							var close_button = $('<div class="close" />').appendTo(overlay);
							var close_text = $('<a href="#">Close</a>').appendTo(close_button);
							
							close_text.click(function(e)
								{
									e.preventDefault();
									u.click();
								});
							
							overlay_w = ((overlay.css('width')).replace(/px/, ''));
							
							overlay
								.css({
									position:'absolute',
									top:'100px',
									left:'50%',
									marginLeft: ((overlay_w / 2) * -1) + 'px',
									zIndex:30000
								})
								.fadeIn(300, function() {
									$(this).datepicker({altField: '#date', altFormat: 'dd MM'});
									$('.ui-datepicker').hide();
									
									$('#date_button').click(function() {
										$('.ui-datepicker').toggle();
										$('.ui-datepicker td a').click(function() {$('.ui-datepicker').hide();});
										//$(document).click(function() {$(this).hide();});
									});
									
									
								});
								
							u.height($(document).height()+100);
						});
					
			u.click(function()
			{	 
				overlay.fadeOut(300, function() {
					u.fadeOut(300, function()
						{	
							overlay.remove();
							$(this).remove();
						});
					});						   
				});
			}
		});
	});
});

$(function()
{
	$('form').live('submit', function(e)
	{
		e.preventDefault();
		var form = $(this);
		var vars = form.serialize();
		$('.ui-datepicker').hide();
		
		$.ajax({
			type: "POST",
			url: form.attr('action'),
			data: vars + "&ajax=true",
			success: function(html){
				if(parseInt(html)==1)
				{
					window.location = 'thank-you/';
				}
				else
				{
					form.html(html).find('div.row:first').css({paddingTop:'10px'});
				}
			}
		});
	});
});

// bind a click event
/*$(function() {
	$('#right ul li').not('.more').each(function() {
		$(this).click(function() {
			var l = $(this).find('h3 a');
			l.click();
			return;
		});
	});
});*/