$(document).ready(function(){
	
	$(".element").hide();
		$(".element2").hide();
	
	var leftRates = $("#countryRates");
	var mainContent = $("#maincolumn_content");
	var leftRates2 = $("#mainrate");
	
	function fadeContent(content, html) {
		content.css({ "display":"none"});
		content.html(html);
		content.fadeIn(300);
	}
        $(".smsForm").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
                                return false
                        }
                        $.get("getsms.php", { ajax: "1", country: $(this).val() },
                                  function(data){
                                        fadeContent(leftRates2, data);
                                  });

              });
                }).change();
                
                        $(".smsForm2").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
                                return false
                        }
                        $.get("getsmstest.php", { ajax: "1", country: $(this).val() },
                                  function(data){
                                        fadeContent(leftRates2, data);
                                  });

              });
                }).change();


	$(".mobileForm").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
          			return false
          		}
          		$.get("getmobile.php", { ajax: "1", country: $(this).val() },
				  function(data){
				  	fadeContent(leftRates2, data);
				  });

              });
		}).change();


	$(".mobileForm2").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
          			return false
          		}
          		$.get("getmobile2.php", { ajax: "1", country: $(this).val() },
				  function(data){
				  	fadeContent(leftRates2, data);
				  });

              });
		}).change();

		
			$(".directdial").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
          			return false
          		}
          		$.get("getdirectdial.php", { ajax: "1", country: $(this).val() },
				  function(data){
				  	fadeContent(leftRates, data);
				  });

              });
		}).change();

	$(".directDialForm").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
          			return false
          		}
          		$.get("getdirectdial.php", { ajax: "1", country: $(this).val() },
				  function(data){
				  	fadeContent(leftRates, data);
				  });
          		$.get("getmaincontent.php", { ajax: "1", country: $(this).val() },
				  function(data){
					fadeContent(maincolumn, data);
				  });
              });
		}).change();
		
		
			$(".flagtester").change(function() {
          $("select option:selected").each(function () {
                if ($(this).val() == "void") {
          			return false
          		}
          		$.get("getflagtester.php", { ajax: "1", country: $(this).val() },
				  function(data){
				  	fadeContent(leftRates, data);
				  });
              });
		}).change();

	$(".directDialFeatured").click(function() {
	       		$.get("getdirectdial.php", { ajax: "1", country: $(this).attr("rel") },
				  function(data){
				  	fadeContent(mainContent, data);
				  });
		});

	$(".mobileFeatured").click(function() {
	       		$.get("getmaincontent.php", { ajax: "1", country: $(this).attr("rel") },
				  function(data){
				  	fadeContent(mainContent, data);
				  });
		});

	$("#addUser").click(function() {
	    	$("#addUser").val(1)
	    	$("#removeUser").val(0)
		});

	$("#removeUser").click(function() {
	    	$("#addUser").val(0)
	    	$("#removeUser").val(1)
		});
		
	$("#email_input").focus(function() {
	    	if ($(this).val() == "enter email address")
	    		$(this).val("");
		});

	$(".trigger").click(function() {
		    $('.element').toggle(400);
		    return false;
		});

	$(".trigger2").click(function() {
		    $('.element2').toggle(400);
		    return false;
		});


});