function $(element) {
    return document.getElementById(element);
}

var currentTab = '';

window.onload = function() {
	highlightTab('tab1');
}

function highlightTab(tab) {

	if (currentTab != '' && $(tab+'l')) {
		$(currentTab+'l').style.backgroundImage = '';
		$(currentTab+'r').style.color = "";
		$(currentTab+'r').style.backgroundImage = "";
	}

	if ($(tab+'l') && $(tab+'r')) {
		$(tab+'l').style.backgroundImage = "url('images/profile-tab-left.jpg')";
		$(tab+'r').style.color = "#5c080d";
		$(tab+'r').style.backgroundImage = "url('images/profile-tab-right.jpg')";
	}

	currentTab = tab;

}