var tabs = [
	'<div class="thin_middle">Database</div><span style="font-size: 13px">Specialists in database design, migration and maintenance using industry standard rock-solid architectures.</span>',
	'<div class="thin_middle">iPhone Development</div><span style="font-size: 13px">Custom iPhone and iPod touch Apps. iPad Apps from March 2010 - developing now.</span>',
	'<div class="thin_middle">Websites</div><span style="font-size: 13px">Enterprise-level websites built on Chance MEDIA\'s proprietary CMLIB development platform.</span>'
];
var tab_colours = [
	'#FFFFCC', '#EEEEEE', '#CCCCFF'
];

function mouseOverTab(tabID) {
	if(tabID < 0) {
		document.getElementById('tabdesc').style.borderBottomColor = '#FFFFFF';
		document.getElementById('tabdesc').style.borderLeftColor = '#FFFFFF';
		document.getElementById('tabdesc').style.borderRightColor = '#FFFFFF';
		document.getElementById('tabs_top').style.borderBottomColor = '#FFFFFF';
		document.getElementById('tabdesc').innerHTML = '<div class="thin_middle">&nbsp;</div>&nbsp;';
		document.getElementById('tab1').style.borderBottomColor = '#FFFFFF';
		document.getElementById('tab2').style.borderBottomColor = '#FFFFFF';
		document.getElementById('tab3').style.borderBottomColor = '#FFFFFF';
		document.getElementById('tab4').style.borderBottomColor = '#FFFFFF';
		
		document.getElementById('tab1').style.backgroundColor = '#FFFFFF';
		document.getElementById('tab2').style.backgroundColor = '#FFFFFF';
		document.getElementById('tab3').style.backgroundColor = '#FFFFFF';
		document.getElementById('tabdesc').style.borderTopColor = '#FFFFFF';
		document.getElementById('tabdesc').style.backgroundColor = '#FFFFFF';
	} else {
		document.getElementById('tabdesc').style.borderBottomColor = '#CCCCCC';
		document.getElementById('tabdesc').style.borderLeftColor = '#CCCCCC';
		document.getElementById('tabdesc').style.borderRightColor = '#CCCCCC';
		document.getElementById('tabs_top').style.borderBottomColor = '#CCCCCC';
		document.getElementById('tabdesc').innerHTML = tabs[tabID - 1];
		document.getElementById('tab1').style.borderBottomColor = ((tabID == 1) ? '#FFFFFF' : '#CCCCCC');
		document.getElementById('tab2').style.borderBottomColor = ((tabID == 2) ? '#FFFFFF' : '#CCCCCC');
		document.getElementById('tab3').style.borderBottomColor = ((tabID == 3) ? '#FFFFFF' : '#CCCCCC');
		document.getElementById('tab4').style.borderBottomColor = '#CCCCCC';
		
		document.getElementById('tab' + tabID).style.borderBottomColor = tab_colours[tabID - 1];
		document.getElementById('tab' + tabID).style.backgroundColor = tab_colours[tabID - 1];
		document.getElementById('tabdesc').style.backgroundColor = tab_colours[tabID - 1];
		document.getElementById('tabdesc').style.borderTopColor = tab_colours[tabID - 1];
	}
}