$(document).ready(function(){
		toggler=0;
		hider=0;
	
		//I'm not sure if .hide will keep the radio button functionality. If not then I'll use visibility: none css attribute;
		$("#package_comparison").hide();
		$("#hidden_radio").hide();
		$("#form_p2").hide();
		
		//Help Hider
		$("#helphider").click(function(){
			$(".side_wrapper").toggle();
			if (hider==0){ $("#helphider").html("Show help"); hider=1; }
			else { $("#helphider").html("Hide help"); hider=0; }
			return false;
		});
		
		//Send form
					
		$("#submit-product").click(function() {
			 
			 if (	$("#product_form").valid()	){

				 $("#form_p1").fadeOut("slow",function(){
						$("#form_p2").fadeIn("slow");
						$("#name").addClass("required");
						$("#surname").addClass("required");
						$("#phone").addClass("required");
					});
				 ;
				 
				 return false;
			 }
			 else {
				//alert ('invalid');
			 }
			
		});
		
		$("#submit-product2").click(function() { 
			
		if (	$("#product_form").valid()	){
			$.post("/php/submit.php", $("#product_form").serialize());
			Link('#content', 'thanks.php');
			return false;
		}
		else {
			//alert ('invalid');
		}
			
		});
		
		//Slider and Amount
		minimum_val = 299;
		minimum_sel = 499;
		if (selected_pack == 2) { minimum_val = 549; minimum_sel = minimum_val;  } 
			else if (selected_pack == 3) { minimum_val = 699; minimum_sel = minimum_val; }
			else if (selected_pack == 4) { minimum_val = 999; minimum_sel = minimum_val; }
		
		$("#slider").slider({
			min: minimum_val,
			max: 1999,
			range: true,
			values: [minimum_sel,899],
			step: 50,
			animate: true,
			slide: function(event, ui) {
				$("#amount").val(ui.values[0]);
				$("#amount2").val(ui.values[1]);
			}
		});
		$("#amount").val($("#slider").slider("values", 0));
		$("#amount2").val($("#slider").slider("values", 1));
		
		//Get info abut selected package
		if (selected_pack == 1){	$("li").removeClass("selected"); $("#form_box1").addClass("selected");	
															$("#cpackage1").val([ "1" ]); $("#slider").slider( 'option' , "min" , 299 );} 
			else if (selected_pack == 2) {	$("li").removeClass("selected"); $("#form_box2").addClass("selected"); 
																			$("#cpackage2").val([ "2" ]);	$("#slider").slider( 'option' , "min" , 549 );	}
			else if (selected_pack == 3) {	$("li").removeClass("selected"); $("#form_box3").addClass("selected");
																			$("#cpackage3").val([ "3" ]); $("#slider").slider( 'option' , "min" , 699 );	}
			else if (selected_pack == 4) {	$("li").removeClass("selected"); $("#form_box4").addClass("selected");	
																			$("#cpackage4").val([ "4" ]);	$("#slider").slider( 'option' , "min" , 999 );	}

		$("li").click(
			function() {	$("li").removeClass("selected"); $(this).addClass("selected");		}
		);
		$("#form_box1").click(
			function(){		$("#cpackage1").val([ "1" ]);
										$("#slider").slider( 'option' , "min" , 299 );	}
		);
		$("#form_box2").click(
			function(){		$("#cpackage2").val([ "2" ]);
										$("#slider").slider( 'option' , "min" , 549 );	}
		);
		$("#form_box3").click(
													
			function(){		$("#cpackage3").val([ "3" ]);
										$("#slider").slider( 'option' , "min" , 699 );	}
		);
		$("#form_box4").click(
			function(){		$("#cpackage4").val([ "4" ]);		
										$("#slider").slider( 'option' , "min" , 999 );	}
		);
		
		$("li, tr:has(td)").hover(
			function(){		$(this).addClass("hovered");		},
			function(){		$(this).removeClass("hovered");		}
		);
		
		/*	Compare Packages	*/
		$('#package_comparison_toggle a').click(
			function(){		//$('.form_box').toggle("slow");
										if (toggler==0) { $('.form_box').animate({width: "770px"},1500); $(this).html("Hide comparison table"); toggler=1; } 
										else { $('.form_box').animate({width: "960px"},1500);  $(this).html("Compare packages"); toggler=0; }
										
										$('#package_comparison').toggle("slow");
										return false;
			}
		);
		
		/*	Registered Domain question and validate domains	*/
		$('#has_domain').hide();	$('#no_domain').hide();
		
		$('input:radio[name=domain]').click(function() {
			if ($(this).attr("id")==='radio1') {	
				$("#has_domain").fadeIn("slow");
				$('#no_domain').hide();
				$("#reg_domain").addClass("required url");
				$("#idea_domain").removeClass();
			} 
			else if ($(this).attr("id")==='radio2') {	
				$('#has_domain').hide();
				$("#no_domain").fadeIn('slow');
				$("#idea_domain").addClass("required url");
				$("#reg_domain").removeClass();
			}
			
		});
		
		$("#product_form").validate();

		
});