var tmpl_header = AJS.join('', [
    '<div id="top"> <img src="1.jpg" alt="" /> <br />',
    '',
    '</div>'
]);

function insertHeader() {
    AJS.DI(tmpl_header);
}

var LINKS = {
    'About': 'index.html',
    'Details': 'details.html',
    'Rules': 'rules.html',
    'Register': 'register.html',
    'Online Quiz': 'onlinequiz.html',
   'Prizes': 'prizes.html',
   'Sponsors': 'sponsors.html'
    
}

function insertMenu(current_page) {
    var menu = AJS.UL({id: 'menu'});
    var create_item = function(cls, name) {
        var item = AJS.LI({'class': cls});
        AJS.ACN(item, AJS.A({href: LINKS[cls]}, name));
        return item;
    }
    var items = [
        create_item('About', 'About'),
        create_item('Details', 'Details'),
        create_item('Rules', 'Rules'),
        create_item('Register', 'Register'),
        create_item('Online Quiz', 'Online Quiz'),
        create_item('Prizes', 'Prizes'),    
        create_item('Sponsors', 'Sponsors')    


    ];

    AJS.map(items, function(item) {
        if(item.className == current_page) {
            AJS.addClass(AJS.$bytc('a', null, item)[0], 'current');
        }
        AJS.ACN(menu, item);
    });
    AJS.DI(menu);
}

function insertCode() {
    var code = AJS.join('\n', arguments);
    var result = '<pre><code>';
    code = code.replace(/</g, '&lt;').replace(/>/g, '&gt;');
    result += code;
    result += '</code></pre>';
    document.write(result);
}