document.write('<link rel="stylesheet" href="css/knxa-widget-global.css" type="text/css" />');
document.write('<scr' + 'ipt language="JavaScript" src="lib/jquery-1.3.2.min.js"></scr' + 'ipt>');

var content_path = 'content/';

var knxa_widget = {
    labels: {},
    lang: "default"
};

window.onload = init;

function init() {
    load_widget_data();
}

function load_widget_data() {
    var data_loaded = false; 
    var content_file_url = content_path + knxa_widget.lang + '.xml';
    $.ajax({
	    beforeSend: function(XMLHttpRequest) {
		$("#knxa-widget-resume").html("Loading...");
	    },
	    complete: function(XMLHttpRequest, textStatus) {
		if(data_loaded) {
		    $("#knxa-widget-resume").html(build_mini_widget_html(knxa_widget.labels.resume.header));
		    activate();
		}
	    },
	    dataType: "xml",
	    error: function(XMLHttpRequest, textStatus, errorThrown) {
		//alert(textStatus + ' ' + errorThrown);
		load_widget_data();
	    },
	    success: function(data, textStatus) {
		knxa_widget.labels.resume = { header: $('labels resume header', data).text(), content: $('labels resume content', data).text(), btn: $('labels resume btn', data).text(), link: $('labels resume link', data).text() };
		data_loaded = true;
	    },
	    type: "GET",
	    url: content_file_url
    });
}

function build_mini_widget_html(title) {
    return '<div class="knxa-mini-main"><div class="knxa-mini-hdr">' + build_mini_header_html(title) + '</div><div class="content"></div><div class="border-hack"></div></div>';
}

function build_mini_header_html(title) {
    return title;
}

function update_mini_content() {
    $('#knxa-widget-resume .knxa-mini-main .content').html(knxa_widget.labels.resume.content + '<a href="' + knxa_widget.labels.resume.link + '" title="' + knxa_widget.labels.resume.btn + '" target="_blank"><div class="knxa-resume-btn"><div><div class="knxa-btn-cnt">' + knxa_widget.labels.resume.btn + ' &gt;</div></div></div></a>');
}

function activate() {
    update_mini_content();
}

function build_image_preloader() {
    var images = ['img/RussiaFlagOver.png', 
		  'img/RussiaFlagDown.png', 
		  'img/UKFlagOver.png', 
		  'img/UKFlagDown.png', 
		  'img/OffTabLeftOver.png', 
		  'img/OffTabRightOver.png', 
		  'img/OffTabRepeatOver.png'];
    var output = "";

    for(var i = 0; i < images.length; i++) {
	output += '<img src="' + images[i] + '" alt="" />'; 
    }
    output = '<div style="display: none;">' + output + '</div>';

    return output;
}