function hubpagesHide(id) {
	document.getElementById(id).style.display = "none";
}

function hubpagesShow(id) {
	document.getElementById(id).style.display = "block";
}

function hubpagesSwitchView(id) {
    var viewSelect = document.getElementById('View_' + id);
	var view = viewSelect.options[viewSelect.selectedIndex].value;

    switch (view) {
        case 'Latest':
            hubpagesShow('Latest_'+id);
            hubpagesHide('Hottest_'+id);
            hubpagesHide('Best_'+id);
            break;
        case 'Hottest':
            hubpagesHide('Latest_'+id);
            hubpagesShow('Hottest_'+id);
            hubpagesHide('Best_'+id);
            break;
        case 'Best':
            hubpagesHide('Latest_'+id);
            hubpagesHide('Hottest_'+id);
            hubpagesShow('Best_'+id);
            break;
    }
}

function startWidget()
{
	// include the stylesheet
	var head = document.getElementsByTagName("head")[0];
	var css = document.createElement('link');
	css.type = 'text/css';
	css.rel = 'stylesheet';
	// for debugging:
	// css.href = "http://etta/s/widget.css?3740955";
	css.href= "http://x.hubpages.com/s/widget18807.css";
	css.media = 'screen';
	head.appendChild(css);

	var body = document.getElementsByTagName("body")[0];
	if (body) { 
		// create a new script tag that will insert the html
		var getterScript = document.createElement('script');
		getterScript.type = "text/javascript";
		getterScript.src = "http://hubpages.com/widget/widget.php?i=1767527&h=220&t=3r3go7ua944v0&m=l&rf="+escape(location.href)+"&callback=hubpagesCallback";
		var hubdiv = document.getElementById("hubpages_1767527");
		hubdiv.appendChild(getterScript);
	} else {
		document.write("This document has no body tag");
	}
}

function addEvent(obj, evType, fn)
{
	if (obj.addEventListener) {
		obj.addEventListener(evType, fn, false); 
		return true; 
	} else if (obj.attachEvent) { 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} else { 
		return false; 
	}
}

// used by widget.php
function hubpagesCallback(data) {
	var c = eval(data);
	document.getElementById("hubpages_"+c.id).innerHTML = c.html;
}

if( document.body ) {
	/* if we have a body tag start right away */
	startWidget();
} else {
	/* otherwise we have to wait until the document is done loading */
	addEvent(window, 'load', startWidget);
}