/*
 * SOFTTEK VALORES CORPORATIVOS S.A. DE C.V. (SOFTTEK)
 * COPYRIGHT 2008(C)
 *
 * 1. MENSAJE LEGAL
 * EL USO Y DECOMPILACION DEL CODIGO Y LIBRERIAS CONTENIDO EN ESTA DISTRIBUCION
 * ESTA LIMITADO EXCLUSIVAMENTE PARA SOFTTEK Y SUS CLIENTES POR LO QUE
 * QUEDA LEGALMENTE PROHIBIDO HACER USO DE CUALQUIER ARTEFACTO POR CUALQUIER
 * OTRA PERSONA FISICA O MORAL A MENOS QUE SOFTTEK LO ACREDITE POR ESCRITO PARA HACERLO.
 */

var Stk = {
    
    onLoad: function(opt){
        var s = this;
        this.addEvt(window, 'load', function(){
            s.initComponents(opt);
        });
    },
    
    initComponents: function(opt) {
        opt = opt || {};
        
        if(opt.tables){
            for(var i=0; i<opt.tables.length; i++){
                this.renderTable(opt.tables[i]);
            }
        }
        
        this.renderComponents();
    },
    
    renderTable: function(t){
        var table = document.getElementById(t.id);
        table.className='stk-grid';
        for(var i=0; i<table.tBodies[0].rows.length; i++){
            var tr = table.tBodies[0].rows[i];
            tr.className='stk-grid-row' + (i%2==0 ? '' : '-odd');
            for(var j=0; j<tr.cells.length; j++){
                var td = tr.cells[j];
                td.className='stk-grid-cell';
                if(i==0 && t.header){
                    td.className='stk-grid-header';
                }
            }
        }
    },
    
    renderComponents: function(){
        var inputs=document.getElementsByTagName("input");
        for(var i=0; i<inputs.length; i++){
            switch(inputs[i].className) {
            case 'stk-checkbox':
                this.renderElem(inputs[i], 'checkbox');
            break;
            case 'stk-radio':
                this.renderElem(inputs[i], 'radio');
            break;
            case 'stk-button':
                this.addButtonEvt(inputs[i]);
            break;
            }
        }
        
        var trs=document.getElementsByTagName("tr");
        for(var i=0; i<trs.length; i++){
            switch(trs[i].className) {
            case 'stk-grid-row':
            case 'stk-grid-row-odd':
                this.addTrEvt(trs[i], trs[i].className);
            break;
            }
        }
    },
    
    addTrEvt: function (tr, initial){
        this.addEvt(tr, 'mouseout', function() {
            tr.className=initial;
        });
        this.addEvt(tr, 'mouseover', function() {
            tr.className='stk-grid-row-over';
        });
    },
    
    addButtonEvt: function(button){
        this.addEvt(button, 'mouseout', function() {
            button.className='stk-button';
        });
        this.addEvt(button, 'mouseover', function() {
            button.className='stk-button stk-button-hover';
        });
    },
    
    renderElem: function(elem, type){
        
        var div = document.createElement('div');
        var className = 'stk-'+type+'-img stk-'+type+'-img-'+(elem.checked ? 'checked' : 'unchecked');
        if (elem.disabled) {
            className += ' stk-'+type+'-img-disabled';
        }
        
        div.className = className;
        
        if(type=='radio' && elem.name){
            var radios = document.getElementsByName(elem.name);
            
            if(!this.radios[elem.name]){
                this.radios[elem.name] = 0;
            }
            this.radios[elem.name]+=1;
            div.id = elem.name + (this.radios[elem.name]);
        }
        
        this.addEvt(div, 'click', function() {
            if(!elem.disabled){
                if(type=='radio' && elem.name){
                    for(var i=1; i<=Stk.radios[elem.name]; i++){
                        var d = document.getElementById(elem.name + i);
                        d.className = 'stk-radio-img stk-radio-img-unchecked';
                    }
                    div.className = 'stk-radio-img stk-radio-img-checked';
                    elem.checked=true;
                }
                if(type=='checkbox'){
                    elem.checked = !elem.checked;
                    var className = 'stk-checkbox-img stk-checkbox-img-'+(elem.checked ? 'checked' : 'unchecked');
                    div.className = className;
                }
            }
        });
        elem.parentNode.appendChild(div);
    },
    
    addEvt: function(obj, name, fn){
        if (window.addEventListener) {
            obj.addEventListener(name, fn, false);
        } else if (window.attachEvent) {
            obj.attachEvent('on'+name, fn);
        }
    },
    
    /**
    Standard function to make asynchronous ajax calls. It will add a header X-Requested-With=XMLHttpRequest so the com.softtek.framework.web.exception.DefaultExceptionHandler can process ajax exceptions
    @param {Object} An object with the ajax call arguments. Example:
    
    Stk.ajax({
        url: 'yourUrl.do', //{String} Required. The URl to send the request.
        timeout: 60000, //{number} Optional (default 120000). Milliseconds to wait for the response. If this time passes, the then error callbacks are called.
        content: {param1:'value1', param2:'value2'}, //{Object} Optional. Contains properties with string values. These properties will be serialized as param1=value1&param2=value2 and passed in the request. 
        formId: 'yourFormId', //{String} Optional. DOM node for a form. Used to extract the form values and send to the server.
        onSuccess: function (response){ //{Function} Optional. The function to be called if a 200 status code is received in the response. It will receive an objet in the form {isSuccessful:true, message:'server message', data:[additional server data]}

        },
        onError: function(response){ //{Function} Optional. The function to be called if a server error status code is received in the response. It will receive an objet in the form {isSuccessful:false, message:'server message', data:[additional server data]}

        },
        scope: someObject, //{Object} Optional. The object for wich 'this' will refer inside onError and onSuccess functions
        successMsg: 'Success message', //{String} Optional. The message to display in an alert for successful opertions. 
        errorMsg: 'Error message', //{String} Optional. The message to display in an alert for erroring opertions. 
        showSuccessMsg: true, //{Boolean} Optional. If true response.message will be displayed in an alert for success calls. successMsg will be displayed if showSuccessMsg==true && successMsg != null
        showErrorMsg: true //{Boolean} Optional. If true response.message will be displayed in an alert for erroring calls. errorMsg will be displayed if showErrorMsg==true && errorMsg != null
     });
    */
    ajax: function(opt){
        
        var successFn = function(responseObject, ioArgs) {
            if (responseObject.isSuccessful===true) {
                if (opt.successMsg){
                    alert(opt.successMsg);
                } else if (opt.showSuccessMsg===true) {
                    alert(responseObject.message);
                }
                if (opt.onSuccess) {
                    opt.onSuccess.call(opt.scope || window, responseObject, ioArgs);
                }
            } else {
            	if(responseObject.errors!=null && responseObject.errors.length>0)
            		procesarErrores(responseObject.errors);
            	else
            		errorFn(responseObject, ioArgs);
            }
        };
        
        var errorFn = function(responseObject, ioArgs) {
       	 if (opt.errorMsg!=""){
         	   if(responseObject.message=="Syntax error" || responseObject.message=="missing ) in parenthetical"){ 
         			if(ioArgs.xhr.responseText.indexOf("j_password")!=-1){
         				window.location.reload();
         				return 0;
         			}
         		}
         } else if (opt.showErrorMsg===true) {
             alert(responseObject.message);
         }
         if (opt.onError) {
             opt.onError.call(opt.scope || window, responseObject, ioArgs);
         }
       };
       $.ajax({
            type : 'post',
            url : opt.url,
			async : false,
            success : Stk.ajax.successFn,
            error: Stk.ajax.errorFn
        });
        /*dojo.xhrPost({
            url: opt.url,
            handleAs: 'json',
            content: opt.content,
            form: opt.formId,
            timeout: 300000,
            headers: {'X-Requested-With': 'XMLHttpRequest'},
            contentType: "application/x-www-form-urlencoded; charset=utf-8", 
            load: successFn,
            error: errorFn
        });*/
    },
    
    ajaxGet: function(opt){
        $.ajax({
            type : 'get',
            cache: false,
			async : false,
            url : opt.url,
            success : function(data, textStatus, jqXHR){
                if (opt.onSuccess) {
                    opt.onSuccess.call(opt.scope || window, data, null);
                }},
            error: Stk.ajax.errorFn
        });
    	 /*dojo.xhrGet({
             url: opt.url,
             timeout: 300000,
             headers: {'X-Requested-With': 'XMLHttpRequest'},              
             load: opt.onSuccess,
             error: opt.onError
         });*/
    },
    
    radios: {}

};