OLA = new Object();


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.initialise = 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.populateAccountNumber = function(e){
    if(e && $('NumberofCardstoStop')){
        var str_account_number = e.value;
        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;
    
        }
    }  
    
    
};


OLA.doCards = function(e){

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

   //location.href = '/card-stopping/?num_cards='+OLA.str_num_cards;
    
};
OLA.doRadio=function(e){
    $('submitted').value = 0;
    document.forms[0].submit();
}



function $() {
	var elements = new Array();
	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;
}



var is_safari = (document.childNodes)&&(!document.all)&&(!navigator.taintEnabled)&&(!navigator.accentColorName)?true:false;
var is_ie55 = (document.all && document.fireEvent && !document.createComment);
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 = new Array();
	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;
}




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 == '1px solid rgb(255, 255, 255)' || element.style.border ==''){
        
            element.readOnly = false;
                element.style.border = '1px solid #cbcbcb';
        
           
        } else {
             element.style.border = '1px solid rgb(255, 255, 255)';
              element.readOnly = true;
        }
     
    }}
}