var imageClose = new Image();
       imageClose.src = imgDir+'close.png';
   var imageShare = new Image();
       imageShare.src = imgDirLang+'share_header.png';
   var imageFeedback = new Image();
       imageFeedback.src = imgDirLang+'feedback_header.png';
   var imageButton = new Image();
       imageButton.src = imgDirLang+'button_send.png';
   var imageSendLetter = new Image();
       imageSendLetter.src =  imgDir+'sent_letter.gif';
   var imageSendOk = new Image();
       imageSendOk.src =  imgDir+'send_ok.png';
   var imageBeck = new Image();
       imageBeck.src =  imgDir+'back_feedback.png';

var sendFrand=function(){

    var displayw;
    var displayh;
    var url;
    var message = false;
    var email = false;
    var emailto = false;
    var name = false;
    var nameto = false;
    var el = false;
    var blockDiv = false;
    var el = false;
    var body = false;


	return{
      show:function(id,Top,Bottom,Left,Right){
        this.url = '/ajax';

        this.displayw = document.body.clientWidth;
        this.displayh = document.body.scrollHeight;


        this.body = document.getElementsByTagName("body")[0];
               div = document.createElement('div');
               div.id = "blackDiv";
               this.body.appendChild(div);
           this.blockDiv = div;
           this.blockDiv.style.width = this.displayw;
           this.blockDiv.style.height = this.displayh;


           str = sendFrand.createStruct(id);
           if(id=='login'){
           str = sendFrand.login(id);
           }


           this.el.innerHTML =  str;
           this.el.style.top =  Top ? Top : '';
           this.el.style.bottom = Bottom ? (parseInt(document.body.clientHeight) - parseInt(this.displayh) + Bottom) : '';
           this.el.style.left = Left ? Left : '';
           this.el.style.right = Right ? Right : '';
           this.el.style.display = '';

		},
        createStruct:function(id){
               div = document.createElement('div');
               div.id = id;
               this.body.appendChild(div);
               this.el = div;
               this.el.className = 'paper';
               this.el.style.zIndex = 1001;

          var str   = '<img src="'+imageClose.src+'" onclick="sendFrand.hide();" class="png close" alt="'+message1+'" style="cursor:pointer; width:42px; height:36px;"/>';
          var namef = '<tr><td class="head_input">'+message5+'</td><td style="width:75%"><input id="sf_name_friend" type="text" /></td></tr>';
		  var emailf= '<tr><td class="head_input">'+message6+'</td><td><span class="exclamation">!</span><input type="text" id="sf_email_friend" class="required" /></td></tr>';
		  var name  = '<tr><td class="head_input">'+message7+'</td><td style="width:75%"><input id="sf_name" type="text" /></td></tr>';
		  var email = '<tr><td class="head_input">'+message8+'</td><td><span class="exclamation">!</span><input type="text" id="sf_email" class="required" /></td></tr>';


          if(id=='share'){
              str += '<img src="'+imageShare.src+'" class="png paper_header" alt="'+message2+'" style="width:281px; height:54px;" />';
              str += '<div class="paper_content">';
			  str += '<p>'+message4+'</p><table border="0" cellspacing="10" cellpadding="0">';
			  str += namef;
			  str += emailf;
			  str += name;
			  str += email;
			  str += '<tr><td colspan="2"><textarea onclick="sendFrand.clear(this,\'share_ta\')" id="sf_message" class="non_act share_ta">'+ message9+'</textarea></td></tr></table></div>';

            }
          if(id=='feedback'){
              str += '<img src="'+imageFeedback.src+'" class="png paper_header" alt="'+message3+'" style="width:281; height:54px;" />';
              str += '<div class="paper_content">';
			  str += '<p>'+message11+'</p><table border="0" cellspacing="10" cellpadding="0">';
			  str += name;
			  str += email;
			  str += '<tr><td colspan="2"><textarea id="sf_message" onclick="sendFrand.clear(this,\'feedback_ta\')" class="non_act feedback_ta">'+ message10+'</textarea></td></tr></table></div>';

            }
          str += '<div class="send" style="cursor:pointer"><a href="#" onclick="sendFrand.send(\''+id+'\');" class="a_button"><span>'+imgDirTextSend+'</span></a></div>';
	      str += '<img src="'+imageBeck.src+'" class="png backimg" style="width:365px; height:454px;"/>';

           return str;
		},
         login:function(id){

               div = document.createElement('div');
               div.id = id;
               this.body.appendChild(div);
               this.el = div;
               this.el.className = 'paper';
               this.el.style.height = 220;
               this.el.style.zIndex = 1001;

           var str  = '<img src="'+imageClose.src+'"  onclick="sendFrand.hide();" class="png close" alt="'+message1+'" style="width:42px; height:36px;"/>';
               str += '<div class="paper_content" style="top:50px;"><form method="POST" id="loginform" action="'+loginurl+'">';
			   str += '<p>'+login_title+'</p><table border="0" cellspacing="10" cellpadding="0">';
               str += '<tr><td class="head_input">'+login+'</td><td style="width:50%"><input type="text" name="username"/></td></tr>';
               str += '<tr><td class="head_input">'+password+'</td><td style="width:50%"><input type="password" name="password"/></td></tr>';
               str += '<tr><td colspan="2"></td></tr></table></form></div>';
               str += '<img onclick="$(\'loginform\').submit();" src="'+imgDirLang+'button_send.png" class="png send" style="width:143px; height:80px; bottom:0px;" />';
	           str += '<img src="'+imgDir+'back_feedback.png" class="png backimg" style="width:365px; height:220px;"/>';

           return str;
		},
        clear:function(obj,c){
        if(!obj.name){
         obj.value ='';
         if(c){
          obj.className = c;
         }else{
          obj.className = '';
         }
         obj.name = 'update';
         }

		},
		send:function(id){
		  this.nameto = $('sf_name_friend') ? $('sf_name_friend') : false;
          this.emailto = $('sf_email_friend') ? $('sf_email_friend') : false;
          this.name = $('sf_name') ? $('sf_name') : false;
          this.email = $('sf_email') ? $('sf_email') : false;
          this.message = $('sf_message') ? $('sf_message') : false;

         if(sendFrand.errors()){
               return;
         }
         if(this.message){
         str = 'message='+ encodeURIComponent(this.message.value);
         }
         if(this.email){
         str += '&email='+ encodeURIComponent(this.email.value);
         }
         if(this.emailto){
         str += '&emailto='+ encodeURIComponent(this.emailto.value);
         }
         if(this.name){
         str += '&name='+ encodeURIComponent(this.name.value);
         }
         if(this.nameto){
         str += '&nameto='+ encodeURIComponent(this.nameto.value);
         }
         str += '&type='+this.el.id;

         BeginRequest('POST', this.url, str, sendFrand.result) ;
         sendFrand.process();
		},
		errors:function(){

           if(this.emailto.value=='' || this.email.value==''){
              alert(error1);
             return true;
		    }
            emailText = "^[_\\.0-9a-z-]+@([0-9a-z]+\\.)+[a-z]{2,4}$";
            var regex = new RegExp(emailText);
            if (this.email && !regex.test(this.email.value)){
                alert(error1);
                     return true;
                     }
             if (this.emailto && !regex.test(this.emailto.value)){
              alert(error1);
                     return true;
                     }
            return false;
		},
       	process:function(type){
       	  str ='<div class="paper_content"><div style="text-align:center;">';
       	  if(!type){
             str += '<img src="'+imageSendLetter.src+'" style="margin:-40px 0 40px 80px;" />';
             str += '<p>'+message12+'</p></div></div>';
           }else{
               str += '<img src="'+imageSendOk.src+'" class="png" style="margin:50px 0;" />';
               str += '<p>'+message13+'</p></div></div>';
              }
           str += '<img src="'+imageBeck.src+'" class="png backimg" style="width:365px; height:454px;"/>';
          this.el.innerHTML = str;
		},
     	hide:function(){
          this.body.removeChild(this.blockDiv);
          this.body.removeChild(this.el);

		},
        result:function(){
           if(request.readyState == 4){
             var obj = eval("(" + request.responseText + ")");

             if(obj.error){
                   alert("Method not found");
                  return;
                  }

              if(obj.result=='success'){
              sendFrand.process(true);
              setTimeout('sendFrand.hide()',2000);

              }
              if(obj.result=='error'){
              alert('Error');
              setTimeout('sendFrand.hide()',2000);  
             }

        }

		}
	};
}();