function pub_clicked() {
	$('.billing_ui .public').trigger('click');
}
function priv_clicked() {
	$('.billing_ui .private').trigger('click');
}
$.fn.ajaxblock = function()
{
	return this.each(function(){

		$(this).trigger('ajaxblock:unblock');

		$(this).wrap("<div class='ajaxblocker_container'/>")
		$parent = $(this).parent();
		height = $(this).height();
		width = $(this).width();

		$parent.css({position:'relative'});

		$(this).one('ajaxblock:unblock',function(){
			$parent = $(this).parents(".ajaxblocker_container");
			$content = $('.ajaxblock-content',this);

			$('.close',$content).unbind('click');
			$('.tryagain', $content).unbind('click');
			jQuery('.ajaxblock-content',$parent).remove();

			$(this).unbind('ajaxError,ajaxSuccess,ajaxLoading');
			$(this).unwrap();

		});

		$content = $( $('<div class="ajaxblock-content"/>').css({position:'absolute','z-index':25, 'background-color':'#1F2732', top: 0, width:width,height:$parent.height(),overflow:'hidden'})
		.append($("<div/>").css({padding:'5px 0 10px 0'}).append("<div class='close' style='float:right;cursor:pointer;width:25px;margin-right: 5px;'><font color='#0D5995'><u>close</u></font></div>"
		+ "<div class='content' style='text-align:center;font-size:12px;margin-right:30px;color:#FFF'>"
		+	"<span class='ajaxLoading'><img src='/billing/images/loading.gif' alt='Loading, please wait'><br/><span>Loading content, please wait</span></span>"
		+	"<span class='ajaxError' style='display:none'><font style='font-size:16px;color:red'>An error occured trying to load the order form.</font><br/> <u class='tryagain' style='cursor:pointer'>Try again</u> </span>"
		+ "</div>"
		))
		);

		$content.hide();

		$('.close',$content).bind('click', function(){
			$obj = $(this).parents('.ajaxblocker_container').find(':first-child');
			$content = $obj.next();

			$content.slideUp('slow',function(){
				$obj = $(this).parents('.ajaxblocker_container :first');
				$obj.trigger('ajaxblock:unblock');
				return true;
			});

		});

		$('.tryagain', $content).bind('click',function(){
			$obj = $(this).parents('.ajaxblocker_container').find(':first-child');
			$content = $obj.next();

			$('.ajaxError',$content).hide();
			$('.ajaxLoading', $content).hide();

			$obj.trigger('ajaxblock:unblock');
			return false;
		});

		$('.content',$content).ajaxError(function(event,request,settings) {
			$('.ajaxLoading', this).slideUp();
			$('.ajaxError',this).show();
		});

		$(this).ajaxSuccess(function(event,request,settings){
			$(this).trigger('ajaxblock:unblock');
		});

		$parent.append($content);
		$content.slideDown({duration:200, aysnc:false, queue: false});
		return this;
	});
}
jQuery(function(){

	//if mask is clicked

	$('#TCAdminForm').bind('submit', function(e){
		e.preventDefault();
		var username = $('#TCAdminForm').find('input[type="text"]').val();
		var password = $('#TCAdminForm').find('input[type="password"]').val();
		var rand = new Date();
		rand=rand.getTime();
		var ugJsHost = (("https:" == document.location.protocol) ? "https://" : "http://");
		var loginurlpage = ugJsHost + document.domain + '/loginref.php?r='+rand+'';

		$.post(loginurlpage, {username:username,password:password, rand: rand}, function(data){
			$loginbox = $(data);

			var maskHeight = $(document).height();
			var maskWidth = $(window).width();

			var winH = $(window).height();
			var winW = $(window).width();

			//Set the popup window to center
			$loginbox.css('top',  winH/2-$loginbox.height()/2);
			$loginbox.css('left', winW/2-$loginbox.width()/2);

			$mask = $('<div class="mask">&nbsp;</div>');

			$mask.css({'width':maskWidth,'height':maskHeight});
			$mask.appendTo('body');
			$mask.fadeIn(1000);
			$mask.fadeTo("slow",0.8);
			$mask.bind('click',function(){
				$(this).remove();
				$('.loginbox').remove();
			});
			$loginbox.appendTo('body');
			$loginbox.fadeIn(2000);
		});
		return false;
	});

	$('.billing_ui #options a').click(function(){
		$(this).ajaxblock();

		pid = $(this).attr('pid');
		gid = $(this).attr('gid');
		var rand = new Date();
		rand=rand.getTime();


		$.get('/billing/order/index.php', {pid: pid, gid:gid, intpl:rand, hjs:1}, function(data){

			//    	   		$('.order_page_inject').wrap('<div class="order_page_inject" style="display:none;min-height:800px"/>').remove();

			$('.order_page_inject').html(data);
			load_whm();

			$('.order_page_inject').show();

			$('#options').hide();
			$('.step #step_one').hide();
			$('.step #step_two').show();
			$('.billing_ui .back').show();

			$.scrollTo('#main_cont_bg:last');
		});

		return false;
	});

	$('.billing_ui .back').click(function(){
		$(this).hide();
		$('.step #step_two').hide();
		$('.step #step_one').show();
		$('.order_page_inject').hide();
		$('.order_page_inject').wrap('<div class="order_page_inject" style="display:none;min-height:800px"/>').remove();
		$(window).unbind('scroll');

		$('#options').show();
	});

});