/**
 * @author david.yell
 */
$(document).ready(function(){
	
	//Supersleight the pngs for ie6
	//$('#navigation').supersleight({shim: 'images/shim.gif'});
	$('#main-panel').supersleight({shim: 'images/shim.gif'});
	$('#main-panel-thin').supersleight({shim: 'images/shim.gif'});
	$('#content-panel').supersleight({shim: 'images/shim.gif'});
	$('#footer-bottom').supersleight({shim: 'images/shim.gif'});
	$('#packages-panel').supersleight({shim: 'images/shim.gif'});
	$('#features-panel').supersleight({shim: 'images/shim.gif'});
	
	// Swap out the default content in form fields
	$('#wrapper input, #wrapper textarea').each(function(){
		
		if($(this).val() != $(this).attr('alt')){
			$(this).css('color','#000000')
		}
		
		$(this).focus(function(){
			if($(this).val() == $(this).attr('alt')){
				$(this).val('');
				$(this).css('color','#000000')
			}
		});
		
		$(this).blur(function(){
			if($(this).val() == ''){
				$(this).val($(this).attr('alt'));
				$(this).css('color','#727272');
			}
		});
		
	});

	// Create a default qtip for whatever package the page is loaded with
	if ($('#packageinfo').length) {
		$('#packageinfo').qtip({
			content: $('ul.packageinfo li.' + $('#packageselect option:selected').val().toLowerCase()),
			show: 'mouseover',
			hide: 'mouseout',
			style: {
				border: {
					radius: 5
				},
				name: 'blue',
				tip: true
			},
			position: {
				corner: {
					target: 'topRight',
					tooltip: 'bottomLeft'
				}
			}
		});
		
		// Change the package information qtip when the user changes package
		$('#packageselect').change(function(){
			
			$('#packageinfo').qtip({
				content: $('ul.packageinfo li.'+$('#packageselect option:selected').val().toLowerCase()),
				show: 'mouseover',
				hide: 'mouseout',
				style: {
					 border: {
					 	radius: 5
					 },
					name: 'blue',
					tip: true
				},
				position: {
				  corner: {
				     target: 'topRight',
				     tooltip: 'bottomLeft'
				  }
				}
			});
		});
	}
	
	// Show a required qtip on all required fields
	$('.required').qtip({
	   content: 'Required',
	   show: 'mouseover',
	   hide: 'mouseout',
	   style: {
	   	textAlign: 'center',
		 border: {
		 	radius: 5
		 },
	     name: 'red',
	     tip: true
	   },
	   position: {
	      corner: {
	         target: 'leftMiddle',
	         tooltip: 'rightMiddle'
	      }
	   }
	});
	
	// Show the cvv help image
	$('p.cvvhelp').qtip({
	   content: {
	     url: 'cvv-help.html'
	   },
	   show: 'mouseover',
	   hide: 'mouseout',
	   style: {
	     name: 'light',
	     tip: true,
		 width: 500,
		 height: 120,
		 background: '#f5f5f5',
		 textAlign: 'center',
		 border: {
		 	radius: 5
		 }
	   },
	   position: {
		  corner: {
		     target: 'topRight',
		     tooltip: 'bottomLeft'
		  }
	   }
	});
	
	// Open rel="ext" links in a new window
	$('a[rel=ext]').each(function(){
		 if($.browser.msie){
		 	$(this).attr('target','_blank');
		 }else{
		 	$(this).attr('onclick','window.open(\''+ $(this).attr('href') +'\'); return false; ');
		 }
	});
	
	// Save the user details as they are filling in the form
	$('#signup input').blur(function(){
		var dataString = '';
		var dataString = 'firstname='+escape($("#signup input[name='firstname']").val());
		var dataString = dataString + '&lastname='+escape($("#signup input[name='lastname']").val());
		var dataString = dataString + '&company='+escape($("#signup input[name='company']").val());
		var dataString = dataString + '&email='+escape($("#signup input[name='email']").val());
		var dataString = dataString + '&phone='+escape($("#signup input[name='phone']").val());
		var dataString = dataString + '&website='+escape($("#signup input[name='website'").val());
		var dataString = dataString + '&address1='+escape($("#signup input[name='address1']").val());
		var dataString = dataString + '&address2='+escape($("#signup input[name='address2']").val());
		var dataString = dataString + '&city='+escape($("#signup input[name='city']").val());
		var dataString = dataString + '&state='+escape($("#signup input[name='state']").val());
		var dataString = dataString + '&country='+escape($("#signup select[name='country']").val());
		var dataString = dataString + '&package='+escape($("#signup select[name='package']").val());
		
		$('#ajaxupdate').load('savesignup.php?' + dataString);
		
	});

        $('#content-panel .package-copy a.signup-package').click(function(r){
            r.preventDefault();

            var pack = $(this).attr('title');

            $('#content-panel .package-copy a.signup-package').each(function(){
                if($(this).attr('title') == pack){
                    $(this).css('background-position','0 0');
                }else{
                    $(this).css('background-position','');
                }
            })

            $('#packageselect option').each(function(){
                if($(this).val() == pack){
                    $(this).attr('selected','selected');
                }
            })

            return false;
        })

});