$(function() {
$(".ds_table").jScrollPane({showArrows:true,});
	$(".pack2").hide();
	$(".pack3").hide();
	$(".pack4").hide();
	$(".ds_table").css("margin-bottom", "-11px");
	$(".b1").addClass("selected");
	$(".b2").removeClass("selected");
	$(".b3").removeClass("selected");
	$(".b4").removeClass("selected");
	$(".ui-state-default").css("left", "13%");
	$(".b1").click(function() {
		$(".ui-state-default").css("left", "13%");
		$(".pack1").show();
		$(".pack2").hide();
		$(".pack3").hide();
		$(".pack4").hide();
		$(".b1").addClass("selected");
		$(".b2").removeClass("selected");
		$(".b3").removeClass("selected");
		$(".b4").removeClass("selected");
	});
	
	$(".b2").click(function() {
		$(".ui-state-default").css("left", "39%");
		$(".pack1").hide();
		$(".pack2").show();
		$(".pack3").hide();
		$(".pack4").hide();
		$(".b1").removeClass("selected");
		$(".b2").addClass("selected");
		$(".b3").removeClass("selected");
		$(".b4").removeClass("selected");
	});
	
	$(".b3").click(function() {
		$(".ui-state-default").css("left", "70%");
		$(".pack1").hide();
		$(".pack2").hide();
		$(".pack3").show();		
		$(".pack4").hide();
		$(".b1").removeClass("selected");
		$(".b2").removeClass("selected");
		$(".b3").addClass("selected");
		$(".b4").removeClass("selected");
	});
	$(".b4").click(function() {
		$(".ui-state-default").css("left", "95%");
		$(".pack1").hide();
		$(".pack2").hide();
		$(".pack3").hide();		
		$(".pack4").show();
		$(".b1").removeClass("selected");
		$(".b2").removeClass("selected");
		$(".b3").removeClass("selected");
		$(".b4").addClass("selected");
		$(".ds_table").jScrollPane({showArrows:true});
	});
	var s = $(".slider");
	s.slider({
		animate: true,
		value: 13,
		min: 0,
		max: 100,
		slide: function(e, state) {
			var v = state.value;
			
			if(v < 23) {
				$(".pack1").show();
				$(".pack2").hide();
				$(".pack3").hide();
				$(".pack4").hide();
				
				$(".b1").addClass("selected");
				$(".b2").removeClass("selected");
				$(".b3").removeClass("selected");
				$(".b4").removeClass("selected");
			}
			
			if(v >= 24 && v < 48) {
				$(".pack1").hide();
				$(".pack2").show();
				$(".pack3").hide();
				$(".pack4").hide();
				
				$(".b1").removeClass("selected");
				$(".b2").addClass("selected");
				$(".b3").removeClass("selected");
				$(".b4").removeClass("selected");
			}
			
			if(v >= 48 && v <= 80) {
				$(".pack1").hide();
				$(".pack2").hide();
				$(".pack3").show();
				$(".pack4").hide();
				
				$(".b1").removeClass("selected");
				$(".b2").removeClass("selected");
				$(".b3").addClass("selected");
				$(".b4").removeClass("selected");
			}
			if(v > 81) {
				
				$(".pack1").hide();
				$(".pack2").hide();
				$(".pack3").hide();
				$(".pack4").show();
				
				$(".b1").removeClass("selected");
				$(".b2").removeClass("selected");
				$(".b3").removeClass("selected");
				$(".b4").addClass("selected");
			}
		}
	});
	
	// Bottom slider after the VPS Staff
	var idx = $("#flowpanes_index").scrollable({size:1, clickable:false, next: ".next", prev: ".prev", keyboard: false}).circular();
	idx.navigator({
		navi: "#flowtabs_index",
		naviItem: "a.slide_btn1",
		activeClass: "curr_slide",
	});
	
	idx.navigator({
		navi: "#dots",
	    naviItem: 'a.t',
	    activeClass: 'current_dot'
	});
	
	// Positioning the bottom slider's content
	$("#flowpanes_index").css("height", "260px");
	$(".i1").click(function() {
		location.href="index.html#home";
		$("#flowpanes_index").css("height", "260px");
    });
	$(".i2").click(function() {
		location.href="index.html#home";
		$("#flowpanes_index").css("height", "260px");
    });
	$(".i3").click(function() {
		location.href="index.html#home";
		$("#flowpanes_index").css("height", "260px");
    });
    $(".i4").click(function() {
    	location.href="index.html#home";
    	$("#flowpanes_index").css("height", "260px");
    });
    $(".i5").click(function() {
    	location.href="index.html#home";
    	$("#flowpanes_index").css("height", "260px");
    });
    $(".i6").click(function() {
    	location.href="index.html#home";
    	$("#flowpanes_index").css("height", "380px");
    });
    
    $(".contactus").click(function() { 
    	$(".sub_form_header").addClass("disp");
    });
    
    $(".idiot_close").click(function() {
    	$(".sub_form_header").removeClass("disp");
    });
    
    $(".contact_btn_sld").click(function() {
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		var name = '';
		var email = '';
		var msg = '';
		$("input[name=sender_name]").each(function() {
			if($(this).val() != 'Your name' && $(this).val() != '') {
				name = $.trim($(this).val());
			}
		});
		
		$("input[name=sender_mail]").each(function() {
			if($(this).val() != 'Your e-mail' && $(this).val() != '') {
				email = $.trim($(this).val());
			}
		});
		
		$("textarea[name=sender_message]").each(function() {
			if($(this).val() != 'Your message' && $(this).val() != '') {
				msg = $.trim($(this).val());
			}
		});
		
		if(name.length < 2 || name == '') {
			alert("Please, enter a valid name.");
			return false;
		}
		
		if(email.length < 6 || reg.test(email) == false) {
			alert("You entered invalid e-mail address.");
			return false;
		}
		
		if(msg == '' || msg.length < 10) {
			alert("Your message have to be at least 10 characters long.");
			return false;
		}
		
		$.ajax({
			type: "POST",
			async: false,
			url: "form.php",
			data: {
	            sn1: name,
	            sm1: email,
	            smm1: msg
        	},
        	success: function(r) {
                $("form.contact_box div.cf").empty().html('Mesajiniz basariyla gönderildi.');
                $(".contact_btn_sld").remove();
                $(".sub_form").css("height", "200px");
            }
		});
	});
    
    $(".contact_btn1").click(function() {
		var name = $.trim($("input[name=user_name]").val());
    	var name = 'Your name';
    	var mail = 'Your e-mail';
    	var msg = 'Your message';
    	$("input[name=user_name]").each(function() {
    		if($(this).val() != 'Your name') {
    			name = $(this).val();
    		}
    	});
		
    	$("input[name=user_email]").each(function() {
    		if($(this).val() != 'Your e-mail') {
    			mail = $(this).val();
    		}
    	});
    	
    	$("textarea[name=user_message]").each(function() {
    		if($(this).val() != 'Your message') {
    			msg = $(this).val();
    		}
    	});
    	
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(name.length < 2 || name == 'Your name') {
			alert("Please, enter a valid name.");
			if(name == 'Your name') {
				$("input[name=user_name]").val('');
			}
			$("input[name=user_name]").focus();
			return false;
		}
		
		if(mail.length < 6 || mail == 'Your e-mail') {
			alert("Please, enter valid email address.");
			if(mail == 'Your e-mail') {
				$("input[name=user_email]").val('');
			}
			$("input[name=user_email]").css("border", "1px solid red").focus();
			return false;
		}
		
		if(reg.test(mail) == false) {
			alert("You entered invalid e-mail address.");
            $("input[name=user_email]").css("border", "1px solid red").focus();
            return false;
		}
		
		if(msg.length < 10 || msg == 'Your message') {
			if(msg == 'Your message') {
				$("textarea[name=user_message]").val('');
			}
			alert("Your message have to be at least 10 characters long.");
			$("textarea[name=user_message]").css("border", "1px solid red").focus();
			return false;
		}
		
		$.ajax({
			type: "POST",
			async: false,
			url: "form.php",
			data: {
	            sn1: name,
	            sm1: mail,
	            smm1: msg
        	},
        	success: function(r) {
                $("form.contact_box div").empty().html('Mesajiniz basariyla gönderildi.');
                $(".contact_btn").remove();
                $(".sub_form").css("height", "200px");
            },
            error: function() {
                alert("Could not initialize the Ajax request. Error.");
            }
		});
	});
    
    $(".schedule").click(function() {
		$(".sub_form").show();
	});
	
	$(".idiot_close").click(function() {
		$(".sub_form").hide();
	});
	
	$(".schedulesend").click(function() {
		var name = $("input[name=schedule_name]").val();
		var email = $("input[name=schedule_email]").val();
		var phone = $("input[name=schedule_phone]").val();
		var date = $("input[name=schedule_date]").val();
		var msg = $("textarea[name=schedule_message]").val();
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		
		if(name == 'Your name' || name.length < 2) {
			alert("Please give us valid name in order to appoint a call with our experts.");
			$("input[name=schedule_name]").focus();
			return false;
		}
		
		if(email == 'Your e-mail' || reg.test(email) == false) {
			alert("Please enter a valid e-mail address.");
			$("input[name=schedule_email]").focus();
			return false;
		}
		
		if(date == 'Date' || date.length < 14) {
			alert("Please fill up a valid date in format YY/MM/dd HH:mm for your appointment.");
			$("input[name=schedule_date]").focus();
			return false;
		}
		
		$.ajax({
			type: "POST",
			async: false,
			url: "sform.php",
			data: {
				sched_name: name,
				sched_email: email,
				sched_date: date,
				sched_phone: phone,
				sched_msg: msg
			},
			success: function() {
				alert("Your appointment request was sent.");
				$(".sub_form").hide();
			}
		});
	});
});