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',
	'Rules': 'rules.html',
	'Schedule': 'schedule.html',
	'Sponsors': 'sponsors.html',
       'Register': 'register.html',
       'Contact Us': 'contact.html',
	'Prizes':'prizes.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('Rules', 'Rules'),
		create_item('Schedule', 'Schedule'),
		create_item('Sponsors', 'Sponsors'),
		create_item('Register', 'Register'),
		create_item('Contact Us', 'Contact Us'),
        create_item('Prizes', 'Prizes')
    ];

    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);
}