$(document).ready(function(){
  $(".menu").mouseover(function() {
      //$(this).append('<img id="greentop" src="images/greentop.jpg" />');
      $('#greentop').css("height","7px");
      $('#greentop').css("position","absolute");
      $('#greentop').css("zIndex","11");
      $('#greentop').css("top","0");
      $('#greentop').css("marginLeft","-77px");
    }).mouseout(function(){
      $('#greentop').remove();
  });
  
  $("#register").click(function() {
    $("#registerform").show();
    $("#loginform").hide();
    $("#passwordform").hide();   
    $("input").css("backgroundColor","#ffffff");
  });
  
  $("#login").click(function() {
    $("#registerform").hide();
    $("#loginform").show();
    $("#passwordform").hide();    
    $("input").css("backgroundColor","#ffffff");
  });
  
  $(".closeform").click(function() {
    $("#registerform").hide();
    $("#loginform").hide();
    $("#passwordform").hide();
    $("input").css("backgroundColor","#ffffff");
  });
  
  $(".forgot-password").click(function(){
    $("#registerform").hide();
    $("#loginform").hide();
    $("#passwordform").show();
    $("input").css("backgroundColor","#ffffff");
  });
  
  $(".form-button").click(function(){
    var p = $(this).parent().parent().attr("id");
    var r = 1;
    $("#"+ p +" input").each(function(){
      if($(this).val()=='')
      {
        $(this).focus();
        $(this).css("backgroundColor","red");
        $(this).click(function(){$(this).css("backgroundColor","#ffffff");});
        r = 0;
      }
    });
    
    var type = $(this).text();
    if(type==' LOGIN '){
      var url = $(this).parent().attr("action");
      var data = $(this).parent().serialize();
      var t = "login_form";
    }
    else{
      var url = $(this).parent().parent().attr("action");
      var data = $(this).parent().parent().serialize();
      var t = "register_form";
    }
    
    $("#" + t).after('<div id="loading" style="float:right; padding-bottom:10px;color:#ffff11;">Loading...</div><br class="clear" />');
      
    if(r){      
      $.ajax( {
        type :'POST',
        url: url,
        data: data,
        success: function(data) {
          $("#" + t).before('<div style="padding-bottom:10px;color:#ffff11;">' + data + '</div>');
          location.reload();
        },
        error : function() {
          alert("Data gagal dimasukkan.");
        }
      });
      return false;
    }
  });
  
  $("#content div").each(function(){
      $(this).click(function(){
        var itemtree = $(this).attr("ref");
        $(".bpopup").css("display","none");
        $("#"+itemtree).css("display","block");
      });
  });
  
  $("#logoutaction").click(function(){
    $.ajax( {type :'GET',url: '?p=logout',
      success: function(data) {        
        location.reload();
      }
    });
    return false;
  });
});