// JavaScript Document
function tampilan(){
	$("#isi-profil").load("tampilan.php");
	$("#menu-profil").html("<a><img src='images/menu1-hover.jpg' name='Tampilan' width='109' height='38' border='0' id='Tampilan' /></a><a href='javascript: kecepatan()'><img src='images/menu2.jpg'></a><a href='javascript: keamanan()'><img src='images/menu3.jpg' name='Keamanan' width='104' height='38' border='0' id='Keamanan' /></a><a href='javascript: kenyamanan()'><img src='images/menu4.jpg' name='Kenyamanan' width='103' height='38'/></a><a href='javascript: pelayanan()'><img src='images/menu5.jpg' name='Pelayanan' width='124' height='38'/></a>");
}
function kecepatan(){
	$("#isi-profil").load("kecepatan.php");
	$("#menu-profil").html("<a href='javascript: tampilan()'><img src='images/menu1.jpg' name='Tampilan' width='109' height='38' border='0' id='Tampilan' /></a><a><img src='images/menu2-hover.jpg'></a><a href='javascript: keamanan()'><img src='images/menu3.jpg' name='Keamanan' width='104' height='38' border='0' id='Keamanan' /></a><a href='javascript: kenyamanan()'><img src='images/menu4.jpg' name='Kenyamanan' width='103' height='38'/></a><a href='javascript: pelayanan()'><img src='images/menu5.jpg' name='Pelayanan' width='124' height='38'/></a>");
}
function keamanan(){
	$("#isi-profil").load("keamanan.php");
	$("#menu-profil").html("<a href='javascript: tampilan()'><img src='images/menu1.jpg' name='Tampilan' width='109' height='38' border='0' id='Tampilan' /></a><a href='javascript: kecepatan()'><img src='images/menu2.jpg'></a><a><img src='images/menu3-hover.jpg' name='Keamanan' width='104' height='38' /></a><a href='javascript: kenyamanan()'><img src='images/menu4.jpg' name='Kenyamanan' width='103' height='38' border='0' id='Kenyamanan' /></a><a href='javascript: pelayanan()'><img src='images/menu5.jpg' name='Pelayanan' width='124' height='38' border='0' id='Pelayanan' /></a>");
}
function pelayanan(){
	$("#isi-profil").load("pelayanan.php");
	$("#menu-profil").html("<a href='javascript: tampilan()'><img src='images/menu1.jpg' name='Tampilan' width='109' height='38' border='0' id='Tampilan' /></a><a href='javascript: kecepatan()'><img src='images/menu2.jpg'></a><a href='javascript: keamanan()'><img src='images/menu3.jpg' name='Keamanan' width='104' height='38' border='0' id='Keamanan' /></a><a href='javascript: kenyamanan()'><img src='images/menu4.jpg' name='Kenyamanan' width='103' height='38' border='0' id='Kenyamanan' /></a><a><img src='images/menu5-hover.jpg' name='Pelayanan' width='124' height='38'/></a>");
}
function kenyamanan(){
	$("#isi-profil").load("kenyamanan.php");
	$("#menu-profil").html("<a href='javascript: tampilan()'><img src='images/menu1.jpg' name='Tampilan' width='109' height='38' border='0' id='Tampilan' /></a><a href='javascript: kecepatan()'><img src='images/menu2.jpg'></a><a href='javascript: keamanan()'><img src='images/menu3.jpg' name='Keamanan' width='104' height='38' border='0' id='Keamanan' /></a><a><img src='images/menu4-hover.jpg' name='Kenyamanan' width='103' height='38'/></a><a href='javascript: pelayanan()'><img src='images/menu5.jpg' name='Pelayanan' width='124' height='38'/></a>");
}

function wd(){
	$("#isi-packet").load("wd.php");
	$("#menu-packet").html('<a><img src="images/WD-hover.jpg"></a><a href="javascript: ysw()"><img src="images/YSW2.jpg"></a><a href="javascript: yec()"><img src="images/YEC.jpg"></a><a href="javascript: sd()"><img src="images/SD1.jpg"></a>');
}
function ysw(){
	$("#isi-packet").load("ysw.php");
	$("#menu-packet").html('<a href="javascript: wd()"><img src="images/WD.jpg"></a><a><img src="images/YSW.jpg"></a><a href="javascript: yec()"><img src="images/YEC.jpg"></a><a href="javascript: sd()"><img src="images/SD1.jpg"></a>');
}
function yec(){
	$("#isi-packet").load("yec.php");
	$("#menu-packet").html('<a href="javascript: wd()"><img src="images/WD.jpg"></a><a href="javascript: ysw()"><img src="images/YSW2.jpg"></a><a><img src="images/YEC-hover.jpg"></a><a href="javascript: sd()"><img src="images/SD1.jpg"></a>');
}
function sd(){
	$("#isi-packet").load("sd.php");
	$("#menu-packet").html('<a href="javascript: wd()"><img src="images/WD.jpg"></a><a href="javascript: ysw()"><img src="images/YSW2.jpg"></a><a href="javascript: yec()"><img src="images/YEC.jpg"></a><a><img src="images/SD.jpg"></a>');
}

function showTesti(){
	$("#form-testimoni").slideDown(1000);
	$("#klik-testimoni").slideUp(1000);
}

function hideTesti(){
	$("#form-testimoni").slideUp(1000);
	$("#klik-testimoni").slideDown(1000);
}

function insertTesti(){
	var nama = $("#namaTesti").val();
	var perusahaan = $("#perusahaanTesti").val();
	var email = $("#emailTesti").val();
	var website = $("#websiteTesti").val();
	var testimonial = $("#pesanTesti").val();
	var validasi = $("#validasi").val();
	var email_regex = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var url_regex = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
	var valid = 1;
	
	if(nama == ""){
		$("#namaTesti").focus();
		valid = 0;
	}
	if(perusahaan == ""){
		$("#perusahaanTesti").focus();
		valid = 0;
	}
	if(email == "" || email_regex.test(email) == false){
		$("#emailTesti").focus();
		valid = 0;
	}
	if(testimonial == ""){
		$("#pesanTesti").focus();
		valid = 0;
	}
	if(website == ""){
		website = "";
	}
	if(website != ""){
		if(url_regex.test(website)==false){
			$("#websiteTesti").focus();
			valid = 0;
		}
	}
	if(validasi == ""){
		$("#validasi").focus();
		valid = 0;
	}
	if(valid == 1){
		$("#proses-testimoni").load("CMS/proses/insertshoutbox.php",{
			'nama' : nama,
			'perusahaan' : perusahaan,
			'email' : email,
			'website' : website,
			'testimonial' : testimonial,
			'validasi' : validasi
		},function(){
			var hasil = $("#capcay").val();
			if(hasil == "salah"){
				$("#validasi").focus();
			}
			if(hasil=="sukses"){
				$("#klik-testimoni").slideDown(1000);
				$("#form-testimoni").slideUp(1000, function(){
					$("#daftar-testimoni").load("testimoni.php",function(){
						var nama = $("#namaTesti").val("");
						var perusahaan = $("#perusahaanTesti").val("");
						var email = $("#emailTesti").val("");
						var website = $("#websiteTesti").val("");
						var testimonial = $("#pesanTesti").val("");
						var validasi = $("#validasi").val("");
					});
				});
			}
		});
	}
}

function orderNow(){
	$("#order-now").load("order.php", function(){
		$("#order-now").slideDown(1000);
		$("#orderbutton").slideUp(1000);
	});
}

function hideOrder(){
	$("#order-now").slideUp(1000);
	$("#orderbutton").slideDown(1000);
}

function insertOrder(){
	var orderan = $("#daftarOrder").val();
	var nama = $("#namaOrder").val();
	var perusahaan = $("#perusahaanOrder").val();
	var alamat = $("#alamatOrder").val();
	var email = $("#emailOrder").val();
	var telpon = $("#telponOrder").val();
	var keterangan = $("#keteranganOrder").val();
	var validasi = $("#validasi").val();
	var email_regex = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var phone_regex = /^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$/;
	
	var valid = 1;
	if(orderan == 0){
		$("#daftarOrder").focus();
		valid = 0;
	}
	if(nama == ""){
		$("#namaOrder").focus();
		valid = 0;
	}
	if(perusahaan == ""){
		$("#perusahaanOrder").focus();
		valid = 0;
	}
	if(alamat == ""){
		$("#alamatOrder").focus();
		valid = 0;
	}
	if(email == "" || email_regex.test(email) == false){
		$("#emailOrder").focus();
		valid = 0;
	}
	if(telpon == "" || phone_regex.test(telpon) == false){
		$("#telponOrder").focus();
		valid = 0;
	}
	if(keterangan == ""){
		$("#keteranganOrder").focus();
		valid = 0;
	}
	if(validasi == ""){
		$("#validasi").focus();
		valid = 0;
	}
	if(valid == 1){
		$("#proses-order").load("CMS/proses/insertorder.php",{
			'orderan' : orderan,
			'nama' : nama,
			'perusahaan' : perusahaan,
			'alamat' : alamat,
			'email' : email,
			'telpon' : telpon,
			'keterangan' : keterangan,
			'validasi' : validasi
		},function(){
			var hasil = $("#capcay").val();
			if(hasil == "salah"){
				$("#validasi").focus();
			}
			if(hasil=="sukses"){
				$("#order-now").slideUp(1000);
				$("#orderbutton").slideDown(1000, function(){
					$("#proses-order").html("Anda berhasil melakukan order. Kami akan memproses lebih lanjut order yang Anda lakukan.");
				});
			}
		});
	}
}