﻿// JScript File

function initDomReplacer() {
    replaceInnerHTML('replQuoteBook', '<img src="/app_themes/EuropcarRegion/img/booking/btn/action-quote.gif" alt="Quote / Book Now"/>', 'UL', 'bulletless', 3);
    replaceInnerHTML('replEditCancel', '<img src="/app_themes/EuropcarRegion/img/booking/btn/action-edit.gif" alt="Edit / Cancel Reservation"/>', 'UL', 'bulletless', 3);
    replaceInnerHTML('replBookNow', '<img src="/app_themes/EuropcarRegion/img/booking/btn/action-book.gif" alt="Book Now"/>', '', '', 0);
    replaceInnerHTML('replEdmSubscribe', '<img src="/app_themes/EuropcarRegion/img/booking/btn/edm-subscribe.jpg" alt="Subscribe"/>', '', '', 0);
    replaceInnerHTML('replEdmModify', '<img src="/app_themes/EuropcarRegion/img/booking/btn/edm-modify.jpg" alt="Modfiy"/>', '', '', 0);
    replaceInnerHTML('replEuropean', '<img src="/app_themes/EuropcarRegion/img/booking/btn/action-european.gif" alt="European Reservations"/>', '', '', 3);
    replaceInnerHTML('replCloseWindow', '<img src="/app_themes/EuropcarRegion/img/booking/btn/action-closewindow.gif" alt="Close Window"/>', '', '', 3);
}

function replaceClassName(node, elementName, newClassName, levelsToCrawl)
{
    if (levelsToCrawl > 0 && node != null)
    {
        levelsToCrawl--;

        if (node.nodeName == elementName)
            node.className = newClassName;
        else
            replaceClassName(node.parentNode, elementName, newClassName, levelsToCrawl);
    }
}

function replaceInnerHTML(elementClass, newInnerHTML, crawlUpToNode, classToSet, levelsToCrawl)
{
    var elements;
    elements = DomReplacer_getElementsByClassName(elementClass);

    for (i=0; i < elements.length; i++)
    {
        replaceClassName(elements[i], crawlUpToNode, classToSet, levelsToCrawl);
        
        elements[i].innerHTML = newInnerHTML;
    }

}


function DomReplacer_getElementsByClassName(className, tag, elm)
{
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

addLoadEvent(initDomReplacer);
