//  
//  ~/include/scripts/homepage.js
//  
function setActive_TabbedFrame_Single(tabId){
	var activeContentElement = document.getElementById('fragment-'+tabId+'-TabbedFrame-Single');
	var frag1 = document.getElementById('fragment-1-TabbedFrame-Single');
	var frag2 = document.getElementById('fragment-2-TabbedFrame-Single');
	var frag3 = document.getElementById('fragment-3-TabbedFrame-Single');
	var frag4 = document.getElementById('fragment-4-TabbedFrame-Single');
	
	//hide the content for all the tabs	
	if (frag1 != null)
		frag1.style.display='none';
	if (frag2 != null)
		frag2.style.display='none';
	if (frag3 != null)
		frag3.style.display='none';
	if (frag4 != null)
		frag4.style.display='none';
	
	//show the conetent for the active tab
	if (activeContentElement != null)
		activeContentElement.style.display='block';
	
	if (tabId == '1') {
		resetTabs_TabbedFrame_Single();
		var mytab1 = document.getElementById('tablink-1-TabbedFrame-Single');
		mytab1.className='redTabOn';		
	}
	
	if (tabId == '2') {
		resetTabs_TabbedFrame_Single();
		var mytab2 = document.getElementById('tablink-2-TabbedFrame-Single');
		mytab2.className='redTabOn';		
	}	
	
	if (tabId == '3') {
		resetTabs_TabbedFrame_Single();
		var mytab3 = document.getElementById('tablink-3-TabbedFrame-Single');
		mytab3.className='redTabOn';		
	}
		
	if (tabId == '4') {
		resetTabs_TabbedFrame_Single();
		var mytab4 = document.getElementById('tablink-4-TabbedFrame-Single');
		mytab4.className='redTabOn';		
	}
}

function resetTabs_TabbedFrame_Single() {
	var tab1 = document.getElementById('tablink-1-TabbedFrame-Single');
	var tab2 = document.getElementById('tablink-2-TabbedFrame-Single');
	var tab3 = document.getElementById('tablink-3-TabbedFrame-Single');
	var tab4 = document.getElementById('tablink-4-TabbedFrame-Single');
	if (tab1 != null)
		removeClass_TabbedFrame_Single(tab1, 'redTabOn');
	if (tab2 != null)
		removeClass_TabbedFrame_Single(tab2, 'redTabOn');
	if (tab3 != null)
		removeClass_TabbedFrame_Single(tab3, 'redTabOn');
	if (tab4 != null)
		removeClass_TabbedFrame_Single(tab4, 'redTabOn');
}

function hasClass_TabbedFrame_Single(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function removeClass_TabbedFrame_Single(ele,cls) {
	if (hasClass_TabbedFrame_Single(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}