var Widget = {
	headline: 'Download Center',
	body: 'Enter your code here to begin downloading.',	  
	width: 696,
	height: 680
}

var STX = {
		url: 'http://www.soundtrax.com/custom/soundtrax',
	    testCode: function(el) {
        var code = el.form.stx_code.value;
        STX.check( code );
    },

	popup: function(el) {
        var code = el.form.stx_code.value;
		window.open( STX.url + "/popup.php?code=" + code,"Soundtrax", "menubar=yes,width=" + Widget.width + ",height=" + Widget.height + ",toolbar=no,scrollbars=yes,resizable=no");
	},

    init: function() {
        el = document.getElementById('stx_widget');
		STX.set_config(el.innerHTML);
        el.innerHTML = STX.get_widget();
		el.style.display = "block";
		el.style.visibility = "visible";
    },

	set_config: function( src ) {
		var headline = src.match(/headline: (.*)\s*body:/m);
		if (headline && headline[1]) {
				Widget.headline = headline[1];
		}
		var body = src.match(/body: (.*)/);
		if (body && body[1]) {
				Widget.body = body[1];
		}
	},

	whats_this: function() {
		window.open( STX.url + "/whats_this.html","Soundtrax", "menubar=no,width=" + Widget.width + ",height=" + Widget.height + ",toolbar=no");
	},

		width_middle: /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent) ? 296 : 256,
		width_bottom: /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent) ? 296 : 276,
		height_bottom: /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent) ? 40 : 29,
		
	
	get_widget: function() {
		return	'\
		<div style="margin: 0; padding: 0; width: 296px; text-align: left;">\
			<div style="margin: 0; padding: 0; height: 17px; width: 296px; background-image: url(' + STX.url + '/images/widget_top.gif); background-repeat:no-repeat; background-position: 0px 1px; border: none;"></div>\
			<div style="margin: 0 0 0 0; padding: 0 20px 0 20px; width: ' + STX.width_middle + 'px; background-color: #000000;">\
			<h1 style="color: #ffffff; font: normal 17px Georgia, Times, Times New Roman, sans-serif; padding: 1px 0 0px 0; margin: 0;">' + Widget.headline + '</h1><p style="color: #E6E6E6; font: normal 11px  Arial, "Verdana", Helvetica, sans; margin: 0; padding: 0 0 1em 0; line-height: 18px;">' + Widget.body + '</p>\
				<form name="stx_code_entry" method="post" target="_blank" action="http://www.soundtrax.com/" style="margin: 0px; padding: 0px;">\
					<input type="hidden" name="stx_action" value="code_submit"/>\
					<input type="text" name="stx_code" style="border: 1px solid #8e8e8e; width: 237px; height: 21px; padding: 2px 0 0 10px; margin: 0 0 10px 0; font: normal 14px Arial, "Verdana", Helvetica, sans; color: #666666;" onClick="" onBlur="" value="" /><br/>\
					<input type="image" src="' + STX.url + '/images/get_btn.gif" style="padding: 0; margin: 0 0 10px 0" name="stx_submit" value="Submit" />\
				</form>\
			</div>\
		</div>\
		<div id="response"></div>';
	}	
}


if (!document.addEventListener && document.attachEvent)
{
    Object.prototype.addEventListener = function(eventName, func, capture)
    {
        if (this.attachEvent)
            this.attachEvent('on' + eventName, func);
    }

    var i, l = document.all.length;

    for (i = 0; i < l; i++)
        document.all[i].addEventListener = Object.prototype.addEventListener;

    window.addEventListener = Object.prototype.addEventListener;
    document.addEventListener = Object.prototype.addEventListener;
}

window.addEventListener('load', STX.init, false);