var jobRef = 0;
var isUploadCVBuilt = 0;
var isEmailBuilt = 0;
var isDownloadBoxBuilt = 0;
//===================================
function showDownloadLightBox()
{
      if (!isDownloadBoxBuilt)
      {
          createDownloadBox();
      }

      createDownloadBoxContent();
      var blackDownloadBoxFormEffects = new Fx.Tween('blackDownloadBoxForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: showDownloadBoxForm});
      blackDownloadBoxFormEffects.start('opacity', 0.6);
}
//====================================
function createDownloadBox()
{

      //blackDownloadBoxForm
      var blackDownloadBoxForm = new Element ('div', {'id':'blackDownloadBoxForm', 'class':'blackBox'});
      blackDownloadBoxForm.setStyle('height',this.GetPageSize()[1]+'px');
      blackDownloadBoxForm.setStyle('opacity', 0);
      blackDownloadBoxForm.inject($('body_subcontainer'), 'bottom');
      window.addEvent('resize', SetStyleForBlackForm);
      window.addEvent('scroll', SetStyleForBlackForm);

      //lightDownloadBoxForm
      var lightDownloadBoxForm = new Element ('div', {'id':'lightDownloadBoxForm', 'class':'cv_lightBox'});
      lightDownloadBoxForm.setStyle('left', Math.abs(((GetPageSize()[2])-500)/2)+GetPageSize()[4]+'px');
      lightDownloadBoxForm.setStyle('top', Math.abs(((GetPageSize()[3])-600)/2)+GetPageSize()[5]+'px');
      lightDownloadBoxForm.setStyle('opacity', 0);
      lightDownloadBoxForm.inject(blackDownloadBoxForm,'after');
      window.addEvent('resize', SetStyleForLightForm);
      //window.addEvent('scroll', this.SetStyleForQuoteForm.bind(this));

      isDownloadBoxBuilt = true;
}
//===================================
function createDownloadBoxContent()
{
     $('lightDownloadBoxForm').innerHTML = '<div id="cv_box_header">Download Forms</div>'+
     '<div id="lightbox_cv_navigation"></div>'+
     '<div class="download_link"><a href="'+site_url+'/upload/units/unit1.zip">Unit 1. Registration forms</a></div>'+
     '<div class="download_link"><a href="'+site_url+'/upload/units/unit2.zip">Unit 2. Temporary workers forms</a></div>'+
     '<div class="download_link"><a href="'+site_url+'/upload/units/unit3.zip">Unit 3. Temporary workers timesheet</a></div>'+
     '<div id="download_close">CLOSE</div>';
     $('download_close').addEvent('click', closeDownloadLightbox);
}
//===================================
function showUploadCVLightbox()
{

      if (!isUploadCVBuilt)
      {
          createUploadCV();
      }

      createUploadCVContent();
      var blackCVFormEffects = new Fx.Tween('blackCVForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: showUploadCVForm});
      blackCVFormEffects.start('opacity', 0.6);

}
//====================================
function createUploadCV()
{

      //blackCVForm
      var blackCVForm = new Element ('div', {'id':'blackCVForm', 'class':'blackBox'});
      blackCVForm.setStyle('height',this.GetPageSize()[1]+'px');
      blackCVForm.setStyle('opacity', 0);
      blackCVForm.inject($('body_subcontainer'), 'bottom');
      window.addEvent('resize', SetStyleForBlackForm);
      window.addEvent('scroll', SetStyleForBlackForm);

      //lightCVForm
      var lightCVForm = new Element ('div', {'id':'lightCVForm', 'class':'cv_lightBox'});
      lightCVForm.setStyle('left', Math.abs(((GetPageSize()[2])-500)/2)+GetPageSize()[4]+'px');
      lightCVForm.setStyle('top', Math.abs(((GetPageSize()[3])-600)/2)+GetPageSize()[5]+'px');
      lightCVForm.setStyle('opacity', 0);
      lightCVForm.inject(blackCVForm,'after');
      window.addEvent('resize', SetStyleForLightForm);
      //window.addEvent('scroll', this.SetStyleForQuoteForm.bind(this));

      isUploadCVBuilt = true;
}
//====================================
function createUploadCVContent()
{
    if (typeof(selectedJob) == 'undefined')
    {
        $('lightCVForm').innerHTML = '<div id="cv_box_header">Upload CV</div>';
    }
    else
    {
        $('lightCVForm').innerHTML = '<div id="cv_box_header">Apply for Job</div>';
    }
    $('lightCVForm').innerHTML += '<div id="lightbox_cv_navigation"></div>'+
    '<form id="cv_form" action="/thanks" method="post" enctype="multipart/form-data">'+
    '<div class="lbx_field">'+
    '    <div>First Name</div>'+
    '    <input type="text" name="first_name" id="first_name" value=""/>'+
    '</div>'+
    '<div id="first_name_error" class="hidden">* required field</div>'+
    '<div class="lbx_field">'+
    '    <div>Surname</div>'+
    '    <input type="text" name="surname" id="surname" value=""/>'+
    '</div>'+
    '<div id="surname_error" class="hidden">* required field</div>'+
    '<div class="lbx_field">'+
    '    <div>Home phone</div>'+
    '    <input type="text" name="home_phone" id="home_phone" value=""/>'+
    '</div>'+
    '<div class="lbx_field">'+
    '    <div>Mobile phone</div>'+
    '    <input type="text" name="mobile_phone" id="mobile_phone" value=""/>'+
    '</div>'+
    '<div id="mobile_phone_error" class="hidden">* required field</div>'+
    '<div class="lbx_field">'+
    '    <div>Email</div>'+
    '    <input type="text" name="email" id="email" value=""/>'+
    '</div>'+
    '<div id="email_error" class="hidden">* invalid email</div>'+
    '</form>';
    if ((typeof(selectedJob) != 'undefined') && (selectedJob==0))
    {
        $('cv_form').innerHTML += '<div class="lbx_field">'+
        '    <div>job number</div>'+
        '    <input type="text" name="job_id" id="job_id" value=""/>'+
        '</div>';
    }
    else if ((typeof(selectedJob) != 'undefined') && (selectedJob!=0))
    {
        $('cv_form').innerHTML += '<div class="lbx_field">'+
        '    <div>job number</div>'+
        '    <input type="text" name="job_id" id="job_id" value="'+selectedJob+'"/>'+
        '</div>';
    }
    $('cv_form').innerHTML += '<div class="lbx_textarea">'+
    '    <div>Information box</div>'+
    '    <textarea name="information" id="information" rows="40" cols="255"></textarea>'+
    '</div>'+
    '<div id="info_error" class="hidden">* text is too long</div>'+
    '<div class="lbx_file">'+
    '    <div>Upload CV</div>'+
    '    <input type="file" name="cv_upload" size="43"/>'+
    '</div>'+
    '<div id="cv_submit">SUBMIT</div>'+
    '<div id="cv_close">CLOSE</div>';

    $('cv_close').addEvent('click', closeUploadCVLightbox);
    $('cv_submit').addEvent('click', function(){
        var isAllFieldsValid = 1;
        //first name
        if ( $('first_name').value.length < 2 ) {$('first_name_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('first_name_error').className = 'hidden';}
        //surname
        if ( $('surname').value.length < 2 ) {$('surname_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('surname_error').className = 'hidden';}
        //mobile phone
        if ( $('mobile_phone').value.length < 5 ) {$('mobile_phone_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('mobile_phone_error').className = 'hidden';}
        //email
        if (checkEmail($('email').value) == false ) {$('email_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('email_error').className = 'hidden';}
        //text
        if ($('information').value.length > 500) {$('info_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('info_error').className = 'hidden';}


        if (isAllFieldsValid) {$('cv_form').submit();}
    });
}
//===================================
function closeDownloadLightbox()
{
	 var lightFormEffects = new Fx.Tween('lightDownloadBoxForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: closeBlackDownloadBoxForm});
     lightFormEffects.start('opacity', 0);
}
//====================================
function closeUploadCVLightbox()
{
    var lightFormEffects = new Fx.Tween('lightCVForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: closeBlackCVForm});
    lightFormEffects.start('opacity', 0);
}
//===================================
function closeEmailToLightbox()
{
    var lightFormEffects = new Fx.Tween('lightEmailForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: closeBlackEmailForm});
    lightFormEffects.start('opacity', 0);
}
//===================================
function closeBlackDownloadBoxForm()
{
     var blackFormEffects = new Fx.Tween('blackDownloadBoxForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
     blackFormEffects.start('opacity', 0);
}
//===================================
function closeBlackCVForm()
{
     var blackFormEffects = new Fx.Tween('blackCVForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
     blackFormEffects.start('opacity', 0);
}
//===================================
function closeBlackEmailForm()
{
     var blackFormEffects = new Fx.Tween('blackEmailForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
     blackFormEffects.start('opacity', 0);
}
//====================================
function showUploadCVForm()
{
    var lightCVFormEffects = new Fx.Tween('lightCVForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
    lightCVFormEffects.start('opacity', 1);
}
//====================================
function showDownloadBoxForm()
{
    var lightDownloadBoxFormEffects = new Fx.Tween('lightDownloadBoxForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
    lightDownloadBoxFormEffects.start('opacity', 1);
}
//===================================
function showEmailTo(who)
{
     if (!isEmailBuilt)
      {
          createEmailTo();
      }

      createEmailToContent(who);
      var blackEmailFormEffects = new Fx.Tween('blackEmailForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut, onComplete: showEmailToForm});
      blackEmailFormEffects.start('opacity', 0.6);

}
//===================================
function createEmailTo()
{
      //blackEmailForm
      var blackEmailForm = new Element ('div', {'id':'blackEmailForm', 'class':'blackBox'});
      blackEmailForm.setStyle('height',this.GetPageSize()[1]+'px');
      blackEmailForm.setStyle('opacity', 0);
      blackEmailForm.inject($('body_subcontainer'), 'bottom');
      window.addEvent('resize', SetStyleForBlackForm);
      window.addEvent('scroll', SetStyleForBlackForm);

      //lightEmailForm
      var lightEmailForm = new Element ('div', {'id':'lightEmailForm', 'class':'email_lightBox'});
      lightEmailForm.setStyle('left', Math.abs(((GetPageSize()[2])-500)/2)+GetPageSize()[4]+'px');
      lightEmailForm.setStyle('top', Math.abs(((GetPageSize()[3])-600)/2)+GetPageSize()[5]+'px');
      lightEmailForm.setStyle('opacity', 0);
      lightEmailForm.inject(blackEmailForm,'after');
      window.addEvent('resize', SetStyleForLightForm);
      //window.addEvent('scroll', SetStyleForQuoteForm);

      isEmailBuilt = true;

}
//===================================
function createEmailToContent(who)
{
     $('lightEmailForm').innerHTML = '<div id="cv_box_header">'+who+'</div>';
     $('lightEmailForm').innerHTML += '<div id="lightbox_cv_navigation"></div>'+
     '<form id="email_form" action="/thanks" method="post" enctype="multipart/form-data">'+
     '<input type="hidden" name="who" value="'+who+'"/>'+
     '<input type="hidden" name="jobID" value="'+selectedJob+'"/>'+
     '<div class="lbx_field">'+
     '    <div>Email</div>'+
     '    <input type="text" name="send_email" id="send_email" value=""/>'+
     '</div>'+
     '<div id="send_email_error" class="hidden">* invalid email</div>'+
     '<div id="email_submit">SUBMIT</div>'+
     '<div id="email_close">CLOSE</div>'+
     '</form>';
     $('email_close').addEvent('click', closeEmailToLightbox);
     $('email_submit').addEvent('click', function(){
        var isAllFieldsValid = 1;
        //email
        if (checkEmail($('send_email').value) == false ) {$('send_email_error').className = 'lightbox_error'; isAllFieldsValid = 0;}
        else {$('send_email_error').className = 'hidden';}


        if (isAllFieldsValid) {$('email_form').submit();}
    });
}
//===================================
function showEmailToForm()
{
    var lightEmailFormEffects = new Fx.Tween('lightEmailForm', {duration: 1000, transition: Fx.Transitions.Quad.easeOut});
    lightEmailFormEffects.start('opacity', 1);
}
//===================================
window.addEvent('domready', function() {
     var cv_upload = null;
     try{cv_upload = $('cv_upload');
     if (cv_upload != null)
     {
         cv_upload.addEvent('click', showUploadCVLightbox);
     }


	 $$('.cv_block_element').each( function ( obj ) {
	     obj.onmouseover = function(obj){
	         this.style.background = '#99cccc';
	         switch (this.id)
	         {
	             case 'cv_upload':
	                 $('cv_block_header').innerHTML = 'Upload CV';
	                 break;
	             case 'cv_print':
	                 $('cv_block_header').innerHTML = 'Print Job';
	                 break;
	             case 'cv_email_friend':
	                 $('cv_block_header').innerHTML = 'Email job to a friend';
	                 break;
	             case 'cv_email_yourself':
	                 $('cv_block_header').innerHTML = 'Email job to myself';
	                 break;
	             case 'cv_download':
	                 $('cv_block_header').innerHTML = 'Download Forms';
	                 break;
	         };

	     };
	     obj.onmouseout = function(obj){
	         this.style.background = 'url(/img/cv_block_element_background.png) no-repeat';
	         $('cv_block_header').innerHTML = 'Admin Panel';
	     };
	 });

	 /*$$('.cv_job_block_element').each( function ( obj ) {
	 	obj.onmouseover = function(obj){
	         this.style.background = '#99cccc';
	    };
	    obj.onmouseout = function(obj){
	         this.style.background = '#dbf0f0';
	    };

	 });*/

     $('cv_print').addEvent('click', function(){
     	if ((typeof(selectedJob) != 'undefined') && (selectedJob!=0))
     	{
     	    printdiv('job_'+selectedJob);
     	}
     });

     $('cv_email_friend').addEvent('click', function(){
         if ((typeof(selectedJob) != 'undefined') && (selectedJob!=0))
     	 {
             showEmailTo('Email job to a friend');
         }
     });

     $('cv_email_yourself').addEvent('click', function(){
         if ((typeof(selectedJob) != 'undefined') && (selectedJob!=0))
     	 {
             showEmailTo('Email job to myself');
         }
     });

     $('cv_download').addEvent('click', function(){
         showDownloadLightBox();
     });
     }catch(e){}
});