var fields = new Array();
var skin = "";

    function setSkin(s){
        skin=s;
    }   
    
    function hideRecommendation(documentID, parentID) {
        
        moveRecommendationFromBody(documentID,parentID);
        
        document.getElementById(documentID).style.display = 'none';        
        var _SHADOW1 = document.getElementById("shadow");
        var _IFRAME = document.getElementById('RECOMMEND_IFRAME');
        _SHADOW1.style.display = 'none';
        _IFRAME.style.display = 'none';
    }
    
    function showRecommendation(documentID, infoID, formID) {
        fields = new Array();
        fields['inforecipientFR']=false;
        fields['infosenderFR']=false;
        fields['infosignatureFR']=false;
        
      //  alert('Nazwa przegladarki: ' + navigator.userAgent + ' '+'Wersja przegladarki:' + navigator.appVersion);
        
        moveRecommendationToBody(documentID);
        
        var _FIELD1 = document.getElementById("DX0");
        var _DIV = document.getElementById(documentID);
        var _BODY = document.getElementsByTagName("body")[0];
        var _SHADOW1 = document.getElementById("shadow");
        var _INFO = document.getElementById('FRINFO');
        var _FORM = document.getElementById('FRFORM');
        var _IFRAME = document.getElementById('RECOMMEND_IFRAME');
        
        _IFRAME.style.display = "block";
        _SHADOW1.style.display = "block";
        _DIV.style.display = "block";        
                
        if(infoID.length > 0){
            _INFO.style.display = "block";
            _FORM.style.display = "none";
        }
        if(formID.length > 0){
            _FORM.style.display = "block";
            _INFO.style.display = "none";
        }        
        
        if( _BODY != null ){
            var coords = getElementCoords( _BODY );
            var coords1 = getElementCoords( _FIELD1 );
            _DIV.style.top = ((coords.y + 200) ) + "px";
            _DIV.style.left = ((coords.x + coords.w / 2) - _DIV.offsetWidth/2) + "px";
            
            _IFRAME.style.top = coords.y + "px";
            _IFRAME.style.left = coords1.x + "px";
            _IFRAME.style.width = coords1.w  + "px";
            _IFRAME.style.height = (coords.h ) + "px"; 
            
            _SHADOW1.style.top = coords.y + "px";
            _SHADOW1.style.left = coords1.x + "px";
            _SHADOW1.style.width = coords1.w  + "px";
            _SHADOW1.style.height = (coords.h ) + "px"; 

        }  
        
        _IFRAME.style.visibility = "visible";
        _SHADOW1.style.visibility = "visible";
        _DIV.style.visibility = "visible"; 
    }    

    function validateLength(id) {
         var value = document.getElementById(id).value;
         if(value && value != null && value != ''){
             return setValid(id);
         }
         return setInvalid(id);
    }
    
    function validateEmail(id) {
        var value = document.getElementById(id).value;
        var PATTERN = /^[a-zA-Z0-9]((\.)?[a-zA-Z0-9_\-])*[a-zA-Z0-9]\@[a-zA-Z0-9]((\.)?[a-zA-Z0-9\-]*[a-zA-Z0-9])*(\.[a-zA-Z0-9]{2,4})+$/;
        if(value && value != null && PATTERN.test(value)) {
            return setValid(id);
        }
        return setInvalid(id);
    }        
        
    function validateSender(sender,signature) {
        var senderValue = document.getElementById(sender).value;
        var signValue = document.getElementById(signature).value;
        if( (senderValue && senderValue != null && senderValue != '') || (signValue && signValue != null && signValue != '')){
            if(senderValue.length>0){
                validateEmail(sender);
            }
            else {
                setValid(sender);
            }
            setValid(signature);
            return;
        }
        setInvalid(sender);
        setInvalid(signature);
        return;
    }    
    
    function setValid(id) {
        document.getElementById('info'+id).src = skin+'/img/validMark.gif';
        fields['info'+id] = true;
    }    
    function setInvalid(id) {
        document.getElementById('info'+id).src = skin+'/img/invalidMark_white.gif';
        fields['info'+id] = false;
    }   
    
    function submitFRForm() { 
       var flag = 0;
       
       for ( keyVar in fields ) {
           if( fields[keyVar] != true) {
               showMessage(keyVar);
               flag = 1;
           }
           else {
               hideMessage(keyVar);
           }
       }
       if( flag == 0 ) {
           return document.getElementById('friendRecommendationForm').submit();
       }

       return;
    }
    
    function showMessage(questionFormName) {    
       var _output = document.getElementById(questionFormName + '_ERR');    
       if ( _output ) {
           _output.style.display = '';
       }    
    }
    
    function hideMessage(questionFormName) {    
       var _output = document.getElementById(questionFormName + '_ERR');    
       if ( _output ) {
           _output.style.display = 'none';
       }    
    } 
    
    
    /**
     * przenosi popup wraz z cieniem przykrywajacym strone
     * do elementu body
     */
    function moveRecommendationToBody(documentID){
        if(checkBrowser()) {
            var _BODY = document.getElementsByTagName("body")[0];
            var _DIV = document.getElementById(documentID);
            var _SHADOW = document.getElementById("shadow");
            var _IFRAME = document.getElementById('RECOMMEND_IFRAME');
            _IFRAME.parentNode.removeChild(_IFRAME);
            _SHADOW.parentNode.removeChild(_SHADOW);
            _DIV.parentNode.removeChild(_DIV);
            _BODY.appendChild(_IFRAME);   
            _BODY.appendChild(_SHADOW);   
            _BODY.appendChild(_DIV);    
        }
    }
    /**
     * przenosi popup wraz z cieniem przykrywajacym strone
     * z body do poprzedniej lokalizacji
     */
    function moveRecommendationFromBody(documentID, destination){    
        if(checkBrowser()) {
            var _BODY = document.getElementsByTagName("body")[0];
            var _DIV = document.getElementById(documentID);
            var _SHADOW = document.getElementById("shadow");
            var _IFRAME = document.getElementById('RECOMMEND_IFRAME');
            var _DESTINATION = document.getElementById(destination);
            _IFRAME.parentNode.removeChild(_IFRAME);
            _SHADOW.parentNode.removeChild(_SHADOW);
            _DIV.parentNode.removeChild(_DIV);
            _DESTINATION.appendChild(_IFRAME);   
            _DESTINATION.appendChild(_SHADOW);   
            _DESTINATION.appendChild(_DIV);
        }  
    }