var is_safari = (document.childNodes)&&(!document.all)&&(!navigator.taintEnabled)&&(!navigator.accentColorName)?true:false,
    is_ie55 = (document.all && document.fireEvent && !document.createComment),
    OLA = OLA || {};

window.onload= function(){
    obj_account_number = $('account_number_req_int');

    if(document.getElementById('domain') && !document.getElementById('domain').value.toLowerCase().match('texacofuelcard'))
        OLA.populateAccountNumber(obj_account_number);

    if($('IsoNumber')){
        $('exampleIsoNo').value = $('IsoNumber').value;
        OLA.populateISO($('IsoNumber'));
    }
    if($('edit')) {
        attachEventListener($('edit'), 'click',OLA.makeEditable, false);
    }
};

OLA.populateISO = function(e){
    var iso_num = e.value;
    var obj_cards_fieldset = $('card_list');
    if($('NumberofCardstoStop')) {
        var str_num_cards = $('NumberofCardstoStop').value;

        //$('exampleIsoNo').value = iso_num;

        for(var i=0;i<str_num_cards;i++){
            $('iso_number_'+(i+1)+'_req_int').value = iso_num;
        }
    }
};

OLA.populateAccountNumber = function(e){
    if(e && $('NumberofCardstoStop')){
        var str_account_number = e.value,
            maxlen_a = e.getAttribute("maxlength"),
            maxlen_card_a = OLA.longAccountNumber && OLA.longAccountNumber.card_account_length ? OLA.longAccountNumber.card_account_length : e.getAttribute("maxlength"),
            maxlen_c,
            card;

        if (str_account_number.length > maxlen_a) {
            str_account_number = str_account_number.substr(0, maxlen_a);
            e.value = str_account_number;
        }

        var obj_cards_fieldset = $('card_list');
        var str_num_cards = $('NumberofCardstoStop').value;

      for(var i=0;i<str_num_cards;i++){
            $('account_number_'+(i+1)+'_req_int').value = str_account_number.substr(0, maxlen_card_a);

            card = document.getElementById('card_number_'+(i+1)+'_req_int');;
            maxlen_c = card.getAttribute("maxlength");
            if (card.value.length > maxlen_c) {
                card.value = card.value.substr(0, maxlen_c);
            }
        }
    }
};

OLA.doCards = function(e){
    OLA.str_num_cards = e.value;
    $('submitted').value = 0;
    document.forms[0].submit();

    //location.href = '/card-stopping/index.php?num_cards='+OLA.str_num_cards;
};

OLA.doRadio = function(e){
    $('submitted').value = 0;
    document.forms[0].submit();
};

OLA.doISO = function(e){
    $('submitted').value = 0;
    document.forms[0].submit();
};

OLA.makeEditable = function(){
    var arr_editable = getElementsByClass('editable',document,'div');
    var arr_not_editable = getElementsByClass('not_editable',document,'div');
    var arr_inputs = document.getElementsByTagName('input');
    OLA.inputBorders(arr_inputs);
    OLA.toggleElements(arr_editable);
    OLA.toggleElements(arr_not_editable);
};

OLA.toggleElements = function(arr){
    for (var i = 0; i < arr.length; i++) {
        var element = arr[i];
        var element_state = element.style.display;
        if(element.className == 'not_editable'){
            element.className = 'editable';
        } else {
            element.className = 'not_editable';
        }
    }
};

OLA.inputBorders = function(arr){
    for (var i = 0; i < arr.length; i++) {
        var element = arr[i];
        if(!element.name.match('submit') && !element.type.match('radio')){
            if(!element.style.border){
                element.readOnly = false;
                element.style.border = '1px solid #006CC0';
            } else {
                element.style.border = '';
                element.readOnly = true;
            }
        }
    }
};


function $() {
    var elements = [];
    for (var i = 0; i < arguments.length; i++) {
	var element = arguments[i];
	if (typeof element == 'string')
	    element = document.getElementById(element);
	if (arguments.length == 1)
	    return element;
	elements.push(element);
    }
    return elements;
}

function attachEventListener(target, eventType, functionRef,capture)
{
    if (typeof target.addEventListener != "undefined")
    {
        target.addEventListener(eventType, functionRef, capture);
    }
    else if (typeof target.attachEvent != "undefined")
    {
        target.attachEvent("on" + eventType, functionRef);
    }
    else
    {
        eventType = "on" + eventType;

        if (typeof target[eventType] == "function")
        {
            var oldListener = target[eventType];

            target[eventType] = function()
            {
                oldListener();

                return functionRef();
            };
        }
        else
        {
            target[eventType] = functionRef;
        }
    }
}

//for ie 5 node and tag need to be set it does not understand '*'
function getElementsByClass(searchClass,node,tag) {
    var classElements = [];
    if ( node == null )
	node = document;
    if ( tag == null )
	tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
    for (i = 0, j = 0; i < elsLen; i++) {
	if ( pattern.test(els[i].className) ) {
	    classElements[j] = els[i];
	    j++;
	}
    }

    return classElements;
}

function SetAnElement(ElementId,DesiredValue) {
    document.getElementById(ElementId).value=DesiredValue;
}