function ajax_login_init(){
  if($('ajax_login_p')){
    $('ajax_login_p').innerHTML='<div id="ajax_login_center" class="login_inline_ajax" ><p class="caption">Login<a  onclick="close_ajax_login();return false;" href="#"><img src="../img/windows/login/close.png" alt="close"/></a></p><form action="" name="ajax_log_form" method="post" onsubmit="ajax_log_send();return false;"><input type="hidden" class="nodisplay" name="login" value="1"/><label>Email: <b class="red">*</b></label><br/><input name="email" type="text" class="input2" id="textfield2" /><label>Password: <b class="red">*</b></label><br/><input name="pass" type="password" class="input2" id="textfield3" /><input type="image" class="submit" src="../img/windows/login/submit.png"/></form> <p class="text">Forgot your password? <a href="/reset_password" class="a_standart">Click here</a> to reset. <br/> Don\'t have an account on Tenporium? <a href="/signup" class="a_standart">Click here</a> to create an account.</p></div>';
    window.mySlide = new Fx.Style($('ajax_login_center'), 'opacity', {duration: 200, wait: false}).set(0);
    $('ajax_login_p').style.display='block';
    window.mySlide.start(1);
  }else{
    var el1=document.createElement("div");
    el1.id="ajax_login_p";
    left=screen.width/2-250;
    tp=screen.height/2-200;
    el1.style.top=tp+'px';
    //el1.style.border='10px solid black';
    el1.style.left=left+'px';
    el1.innerHTML='<div id="ajax_login_center" class="login_inline_ajax" ><p class="caption">Login<a  onclick="close_ajax_login();return false;" href="#"><img src="../img/windows/login/close.png" alt="close"/></a></p><form action="" name="ajax_log_form" method="post" onsubmit="ajax_log_send();return false;"><input type="hidden" class="nodisplay" name="login" value="1"/><label>Email: <b class="red">*</b></label><br/><input name="email" type="text" class="input2" id="textfield2" /><label>Password: <b class="red">*</b></label><br/><input name="pass" type="password" class="input2" id="textfield3" /><input type="image" class="submit" src="../img/windows/login/submit.png"/></form> <p class="text">Forgot your password? <a href="/reset_password" class="a_standart">Click here</a> to reset. <br/> Don\'t have an account on Tenporium? <a href="/signup" class="a_standart">Click here</a> to create an account.</p></div>';
    el1.style.position='fixed';
    el1.style.zIndex='1000';
    //el1.style.width='380px';
    //el1.style.height='200px';
    document.body.appendChild(el1);    
    
    var el=document.createElement("div");
    el.id="ajax_login";
    el.style.background='#FFFFFF';
    
    el.style.width='360px';
    el.style.height='180px';
    //el.style.marginTop='-195px';
    //el.style.position='absolute';
    //el.style.zIndex='10';
    el.style.padding='0px 0px 0px 0px';
    left=screen.width/2-200;
    tp=screen.height/2-200;
    //el.style.top=tp+'px';
    //el.style.left=left+'px';
    el.style.overflow='hidden';
    el.style.display='none';
    //el.innerHTML='<a href="#" style="text-decoration:none;float:right;color:black;margin-bottom:30px;margin-top:2px;margin-right:2px;font-size:15px;display:block;" onclick="close_ajax_login();return false;">X</a><br/><br/><br/><div style="margin-left:20px;margin-right:30px;"><form action="" name="ajax_log_form" method="post" onsubmit="ajax_log_send();return false;"><input type="hidden" name="login" value="1"/><table width="100%" border="0" cellspacing="0" cellpadding="3"><tr><td width="37%" align="right">Email:</td><td width="63%"><input name="email" type="text" class="input2" id="textfield2" /></td></tr><tr><td align="right">Password:</td><td><input name="pass" type="password" class="input2" id="textfield3" /></td></tr><tr><td align="right" valign="top">&nbsp;</td><td><input type="image" src="/img/but_login.jpg" style="width:65px;height:29px;" class="absMiddle" />&nbsp;&nbsp;&nbsp;Forgot Password? <a href="/reset_password">Click Here</a></td></tr></table></form></div>';
    //$('ajax_login_center').appendChild(el);    

    window.mySlide = new Fx.Style($('ajax_login_center'), 'opacity', {duration: 200, wait: false}).set(0);
    window.mySlide.start(1);
    //window.mySlide.slideOut();
    //setTimeout("$('ajax_login').style.display='block';window.mySlide.slideIn();",1000);
    


  }
}

function close_ajax_login(){
  setTimeout("$('ajax_login_p').style.display='none';",600);
  window.mySlide.start(0);
}

function ajax_log_send(){
  url='/ajax.php?act=ajax_login&email='+document.forms.ajax_log_form.email.value+'&pass='+document.forms.ajax_log_form.pass.value;
  new Ajax(url, {
    method: 'get',
    onComplete: function(response){
      switch(response){
        case '3':
          $('ajax_login_center').innerHTML='<br/><br/><br/><br/><br/><center><font size="3" color="red">Account not confirmed</font></center>';
        break;
        case '2':
          $('ajax_login_center').innerHTML='<br/><br/><br/><br/><br/><center><font size="3" color="red">Wrong password</font></center>';
        break;
        case '1':
          $('ajax_login_center').innerHTML='<br/><br/><br/><br/><br/><center><img src="/img/ajax-loader.gif" alt=""/></center>';
          window.login=1;
          setTimeout(window.last_act, 4000);
          //$('top_nav_menu').innerHTML='';
          li1=document.createElement('li');
          li1.className='break';
          $('top_nav_menu_ul').appendChild(li1);
          li1.innerHTML='<img src="/img/nav_break.png" alt="|"/>';
          li2=document.createElement('li');
          $('top_nav_menu_ul').appendChild(li2);
          li2.innerHTML='<a href="/dashboard">my profile</a>';
          
          
          $('top_log_in').innerHTML='logout';
          $('top_log_in').href='/logout';
          $('top_log_in').onclick="";
          $('top_sign_up').href='/dashboard';
          new Ajax('/ajax.php?act=return_login_username', {
          method: 'get',
          update: $('top_sign_up')
          }).request();
        break;
        case '0':
          $('ajax_login_center').innerHTML='<br/><br/><br/><br/><br/><center><font size="3" color="red">Account not found in database</font></center>';
        break;
      }
        //setTimeout(" $('ajax_login').style.display='none' ", 3000);
        setTimeout("window.mySlide.start(0);",'2000');
        setTimeout("$('ajax_login_p').style.display='none';",'5000');
        
        
    }
  }).request();
}