// JScript File

/* added before the img folder name */
//var currentURL = 'http://localhost:59340/';
//var currentURL = 'http://10.0.0.26/'; // For testing on 10.0.0.26
var currentURL = 'http://www.spikko.com/';
var imgFromLibrary = currentURL + 'img/form/';
var imgLanguage;


function SetBackgroundImages(){
	
var objCookie = new clsCookie();
this.language = objCookie.readCookie('Language');   

loadLanguageRelated();    

    
    if (!document.forms) {
        return false;
    }
    var myForm = document.forms[0];
    
    for (i = 0; i < myForm.length; i++) {
    
        var control = myForm[i];
        //alert('ok');
        
        //assign tabindex for all form controls.        
        control.tabIndex = i + 1;
         
        //alert(control.type)                                      
        if (control.type == 'text' || control.type == 'textarea' || control.type == 'password') {
            control.onfocus = onControlFocusBlur;
            control.onblur = onControlFocusBlur;
        }
        
        else if (control.type == 'submit' || control.type == 'button') {                
                control.onmouseover = onButtonAction;
                control.onmouseout = onButtonAction;
                control.onfocus = onButtonAction;
                control.onblur = onButtonAction;
            }
            
            //onfocus does not work for firefox
            else if (control.type == 'select-one')
            {
                control.onclick = onControlFocusBlur;               
                control.onblur = onControlFocusBlur;
            }
    }
}

function onControlFocusBlur(e){
    var parent = this.parentNode;
    var e = getEventObject(e);
    var imageSrc;
    
    if (parent.className.indexOf('field') != -1)
    {
            if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'input340_focus_';
            }
            else {
                imageSrc = 'input340_';
            }
    }
    if (parent.className.indexOf('NewMem') != -1)
    {
            if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'input265_focus_';
            }
            else {
                imageSrc = 'input265_';
            }
    }
    
    if (parent.className.indexOf('input340') != -1)
    {
            if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'input340_focus_';
            }
            else {
                imageSrc = 'input340_';
            }
    }
    
    if (parent.className.indexOf('smsinput') != -1)
    {
            if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'input265_focus_';
            }
            else {
                imageSrc = 'input265_';
            }
    }
    
    if (parent.className.indexOf('smsselect') != -1)
    {
            if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'select70_focus_';
            }
            else {
                imageSrc = 'select70_';
            }
    }
    
    else if (parent.className.indexOf('shortarea') != -1)
    {
                if (e.type == 'focus') {
                imageSrc = 'textarea88_focus_';
            }
            else {
                imageSrc = 'textarea88_';
            }        
    }
    else if(parent.className.indexOf('longarea') != -1)
    {
                if (e.type == 'focus') {
                imageSrc = 'textarea149_focus_';
            }
            else {
                imageSrc = 'textarea149_';
            }        
    }
    
    else if(parent.className.indexOf('select107') != -1)
    {
                if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'select107_focus_';
            }
            else {
                imageSrc = 'select107_';
            }        
    }
    
    else if(parent.className.indexOf('select160') != -1)
    {
                if (e.type == 'focus' || e.type == 'click') {
                imageSrc = 'select160_focus_';
            }
            else {
                imageSrc = 'select160_';
            }        
    }    
    
        
    

    parent.style.backgroundImage = 'url(' + imgFromLibrary + imageSrc + imgLanguage + '.jpg)';
}

function onButtonAction(e){
    var e = getEventObject(e);
    var imageSrc;
    var parent = this.parentNode;
    
    if (e.type == 'focus' || e.type == 'mouseover') {
        switch (parent.className) {
            case 'submit':
                imageSrc = 'send_over_';
                break;
                
            case 'close':
                imageSrc = 'close_over_';
                break;
            case 'submit join':
                imageSrc = 'join_over_';                
                break;  
            case 'continue':
                imageSrc = 'continue_over_';                
                break;   
            case 'submit continue':
                imageSrc = 'continue_over_';                
                break;   
            case 'home':
                imageSrc = 'spikkocom_over_';                
                break; 
            case 'undo':
                imageSrc = 'undo_over_';                
                break;
            case 'no':
                imageSrc = 'no_over_';                
                break;
            case 'unregister':
                imageSrc = 'unregister_over_';                
                break;
            case 'shortemailbtn submitchange':
                imageSrc = 'change_over_';                
                break; 
            case 'back':
                imageSrc = 'back_over_';                
                break;   
           case 'ReCaptchaReloadImg':
                imageSrc = 'changeimg_reg2_over_';                
                break;                                            
        }
    }
    
    else {
        switch (parent.className) {
            case 'submit':
                imageSrc = 'send_';
                break;
                
            case 'close':
                imageSrc = 'close_';
                break;
                
            case 'submit join':
                imageSrc = 'join_';                
                break;  
           case 'submit continue':
                imageSrc = 'continue_';                
                break; 
           case 'continue':
                imageSrc = 'continue_';                
                break; 
            case 'home':    
                imageSrc = 'spikkocom_'; 
                 break; 
            case 'undo':    
                imageSrc = 'undo_'; 
                 break; 
            case 'no':    
                imageSrc = 'no_'; 
                 break;  
            case 'unregister':    
                imageSrc = 'unregister_'; 
                 break;                           
            case 'shortemailbtn submitchange':
                imageSrc = 'change_';                
                break; 
            case 'back':
                imageSrc = 'back_';                
                break;
            case 'ReCaptchaReloadImg':
                imageSrc = 'changeimg_reg2_';                
                break;                 
           
        }
    }
    
    this.style.backgroundImage = 'url(' + imgFromLibrary + imageSrc + imgLanguage + '.jpg)';
    
}

// get the right event object according to the user agent
function getEventObject(e){
    if (!e) 
        var e = window.event;
    if (e.target) 
        targ = e.target;
    return e;
}

function loadLanguageRelated(){


    switch (this.language) {
        case 'Hebrew':
            imgLanguage = 'rtl';
            //addLink2Head('form_rtl', 'css')
            break;
            
        case 'English':
            imgLanguage = 'ltr';
			//addLink2Head('form_ltr', 'css')
            break;
            
        default:
            imgLanguage = 'rtl';
			//addLink2Head('form_rtl', 'css')
            break;
    }
}

function addLink2Head(filename, filetype){
    if (filetype == "js") { //if filename is a external JavaScript file
        var fileref = document.createElement('script')
        fileref.setAttribute("type", "text/javascript")
        fileref.setAttribute("src", currentURL + 'JS/' + filename + '.js')
    }
    else 
        if (filetype == "css") { //if filename is an external CSS file
            var fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", currentURL + 'css/' + filename + '.css')
            
        }
    if (typeof fileref != "undefined") 
        document.getElementsByTagName("head")[0].appendChild(fileref)
}