$(function()	{
	var mnu, duration = 500, baseURL;
	var upload, uploadedfile, paramsave='';
	/* events */
	/* functions */
	function main() {
		/* preparing masking for modal */
		if($("#mask").get().length==0)  $(document.body).append('<div id="mask"></div>');
		baseURL = "https://www.backoffice.berliansolusi.com/app/";
        $("#main .ButtonMain[name='GantiPassword']").unbind().click(function() { showForm() });
        $("#main .ButtonMain[name='SignOut']").unbind().click(function() { 
            if(confirm('Anda yakin hendak keluar dari sistem?')) 
                doLogout() 
        });
        showModal(false);
	}
	var getUrlVars = function(href)	{
		var vars = [], hash;
		var hashes = href.slice(href.indexOf('?') + 1).split('&');
		for(var i = 0; i < hashes.length; i++)
		{
			hash = hashes[i].split('=');
			vars.push(hash[0]);
			vars[hash[0]] = hash[1];
		}
		return vars;
	}
	function showForm() {
		showModal(true); 
		if($("#mainpop").get().length==0) {
			$(document.body).append('<div id="mainpop"></div>');
			setTimeout(function() { showForm() },100);
		} else { 
			var href = $(location).attr('href');
			href= href.split("/")[href.split("/").length-1];
			href= href.substr(0,href.indexOf("."));
			$.ajax({
				url:baseURL+"chg_pwd_form", 
				type:'POST',
				success:function(response){ 
					if(response.split("<!--##-->").length>1) {
						arResponse = response.split("<!--##-->");
						var width = $.trim(arResponse[0].replace('width:','')), 
							height = $.trim(arResponse[1].replace('height:','')), 
							html = arResponse[2];
						$("#mainpop").html(html).css({ 
							height:parseInt(height),
							width:parseInt(width),
							marginTop:parseInt(height)/-2,
							marginLeft:parseInt(width)/-2 
						}).fadeIn(duration);
						if($.browser.msie) { // IE special case
							oMainForm = document.getElementById("mainpop"); 
							oMainForm.style.setExpression("margin-top", 
								"(document.compatMode=='CSS1Compat' ? document.documentElement.scrollTop : document.body.scrollTop)-"+parseInt(height)/2
							);
							oMainForm.style.setExpression("marginLeft", 
								"(document.compatMode=='CSS1Compat' ? document.documentElement.scrollLeft : document.body.scrollLeft)-"+parseInt(width)/2
							);
						}
					} else $("#mainpop").html(response).fadeIn(duration);	
					setFormEvent();
				},
				error:function(){ window.alert('AJAX Error in opening form...');  }
			});
		}
	}
	function setFormEvent(mst) {
		$("#mainpop input").unbind();
		$("#mainpop .ButtonImage[name='Close']").click(function() { closeForm() });
		$("#mainpop .TextForm").keypress(function(e) { if(e.which==13)  changePwd(); });
		$("#mainpop .ButtonImage[name='Save']").click(function(e) { changePwd(e) });
	}
	function doLogout(e) { 
		$.ajax({ 
			type: "POST", 
			url: baseURL+"do_logout", 
			success: function(response){ window.location.reload(); }
		});
	}
	function closeForm() { showModal(false); $("#mainpop").hide().html('');	}
	function changePwd(e) { //alert(e)
		var param = '';
		$("#mainpop .TextForm").each(function() { 
			if($.trim($(this).val())=='') { 
				if(e) { window.alert('Isikan '+$(this).attr("title")+' Anda'); }
				$(this).focus();  
				param = ''; return false; 
			} else {
				param+= $(this).attr("name")+'='+escape($(this).val())+'&';	
			}
		});
		if(param!='' 
			&& $("#mainpop .TextForm[name='PasswordBaru']").val()!=$("#mainpop .TextForm[name='PasswordBaru2']").val()) {
			window.alert("Cek lagi Password Baru Anda");	
			$("#mainpop .TextForm[name='PasswordBaru2']").select();
			param='';	
		}
		if(param!='') { 
			$.ajax({ 
				type: "POST", 
				url:baseURL+"chg_pwd", 
				data: param, 
				success: function(response){ 
					if(response.indexOf("<!--###-->")>0) {
						arRsp = response.split("<!--###-->");
						window.alert(arRsp[1]);	
						if(arRsp[0]=='0') { closeForm(); } else {
							$("#mainpop .TextForm[name='PasswordLama']").select();
						}
					} else {
						window.alert('Technical error. Call the vendor!');	
					}
				}, error: function() { window.alert('AJAX Error...') }
			});
		}
	}
	function showModal(state)	{ 
		if($("#mask").get().length==0) {
			$(document.body).append('<div id="mask"></div>');
			setTimeout(function() { showModal(state); },100);
		} else {
			if(!state) {
				if($("#mask:animated").get().length>0) { 
					$("#mask:animated").stop().hide();
				} else {
					setTimeout(function() { $("#mask").fadeOut(duration); },100);
				}
			} else {
				$("#mask:hidden").css({ backgroundColor: "#000", opacity: .5, filter: "alpha(opacity=50)" })
				.fadeIn(duration).fadeTo(duration,0.75);
			} 
		}
	}
	function showProgress(state) {
		if(state) {
			showModal(state);
			$("#mainpop").hide();	
		} else {
			if($("#mainpop").html()!='')
				$("#mainpop").fadeIn(duration);
			else
				showModal(state);
		}
	}
	function substrLeft(str,n){
		if(n <= 0)
			return "";
		else if(n > String(str).length)
			return str;
		else
			return String(str).substring(0,n);
	}
	function substrRight(str, n){
		if (n <= 0)
		   return "";
		else if (n > String(str).length)
		   return str;
		else {
		   var iLen = String(str).length;
		   return String(str).substring(iLen, iLen - n);
		}
	}
	function clearChar(str,chr) {
		while(str.indexOf(chr)>=0)
			str = str.replace(chr,"");
		return str;	
	}
	/* actions */
	main();
});