// Global Varialbes
var currentTab = 1;
var currentSpanTab1 = 1;
var currentSpanTab2 = 1;
var currentSpanTab3 = 1;
var currentSpanTab4 = 1;
var currentSpanTab5 = 1;
var isMore = false;

function snp_init(){
	// Before we hide everything lets fix up all the links so they open up a new tab
	var container=document.getElementById('snpContainer');
	var elements=container.getElementsByTagName('a');
	
	for(i=0;i<elements.length;i++){
		elements[i].target = "_blank";
	}
	
	// Hide first tab
	document.getElementById('snpTab1').style.display="none";

	// Hide all the content
	for(n=0;n<5;n++){
		for(i=0;i<eval(('tab'+(n+1)+'Span'));i++){
			document.getElementById('snpTab'+(n+1)+'Span'+(i+1)+'Less').style.display="none";
			document.getElementById('snpTab'+(n+1)+'Span'+(i+1)+'More').style.display="none";
		}
	}
	
	// Show first content
	document.getElementById('snpTab1Span1Less').style.display="block";
	document.getElementById('snpTitle').style.background="url('http://oncourss.com/wp-content/themes/newOnCouRSS/images/tab1Title.jpg') no-repeat";
	
	// Adjust left and right arrows
	contentHeight=(document.getElementById('snpContent').offsetHeight)-70;
	document.getElementById('snpLeft').style.marginTop=contentHeight/2+"px";
	document.getElementById('snpRight').style.marginTop=contentHeight/2+"px";
	
	adjustHeight();
}

function changeTab(newTab){
	// hide and show tabs
	document.getElementById('snpTab'+currentTab).style.display="block";
	document.getElementById('snpTab'+newTab).style.display="none";
	
	// Re position content container and tabs
	switch(newTab){
		case 1:
			document.getElementById('snpContentContainer').style.left="0px";
			document.getElementById('snpTab2').style.left="0px";
			document.getElementById('snpTab3').style.left="0px";
			document.getElementById('snpTab4').style.left="0px";
			document.getElementById('snpTab5').style.left="0px";
			break;
		case 2:
			document.getElementById('snpContentContainer').style.left="0px";
			document.getElementById('snpTab1').style.left="0px";
			document.getElementById('snpTab3').style.left="0px";
			document.getElementById('snpTab4').style.left="0px";
			document.getElementById('snpTab5').style.left="0px";
			break;
		case 3:
			document.getElementById('snpContentContainer').style.left="26px";
			document.getElementById('snpTab1').style.left="0px";
			document.getElementById('snpTab2').style.left="-593px";
			document.getElementById('snpTab4').style.left="0px";
			document.getElementById('snpTab5').style.left="0px";
			break;
		case 4:
			document.getElementById('snpContentContainer').style.left="52px";
			document.getElementById('snpTab1').style.left="0px";
			document.getElementById('snpTab2').style.left="-593px";
			document.getElementById('snpTab3').style.left="-593px";
			document.getElementById('snpTab5').style.left="0px";
			break;
		case 5:
			document.getElementById('snpContentContainer').style.left="78px";
			document.getElementById('snpTab1').style.left="0px";
			document.getElementById('snpTab2').style.left="-593px";
			document.getElementById('snpTab3').style.left="-593px";
			document.getElementById('snpTab4').style.left="-593px";
			break;
		default:
	}
	
	// Change Title
	document.getElementById('snpTitle').style.background="url('http://oncourss.com/wp-content/themes/newOnCouRSS/images/tab"+newTab+"Title.jpg') no-repeat";
	
	// Hide and show spans
	if(isMore){
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'More').style.display="none";
		document.getElementById('snpTab'+newTab+'Span'+eval('currentSpanTab'+newTab)+'More').style.display="block";
	}else{
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'Less').style.display="none";
		document.getElementById('snpTab'+newTab+'Span'+eval('currentSpanTab'+newTab)+'Less').style.display="block";
	}
	
	// Update Global
	currentTab=newTab;
	
	adjustHeight();
}

function changeSpan(direction){
	// Set currentSpan and moreLess
	currentSpan=eval('currentSpanTab'+currentTab);
	if(isMore){
		moreLess='More';
	}else{
		moreLess='Less';
	}
	
	// hide current span
	document.getElementById('snpTab'+currentTab+'Span'+currentSpan+moreLess).style.display="none";
	
	// Figure out what span to show
	spanLength=eval('tab'+currentTab+'Span');
	if(direction==0){
		// Left
		if(currentSpan==1){
			currentSpan=eval('tab'+currentTab+'Span');
		}else{
			currentSpan--;
		}
	}else{
		// Right
		if(currentSpan==eval('tab'+currentTab+'Span')){
			currentSpan=1;
		}else{
			currentSpan++;
		}
	}

	// show new current span
	document.getElementById('snpTab'+currentTab+'Span'+currentSpan+moreLess).style.display="block";
	
	// Update Globals
	switch(currentTab){
		case 1:
			currentSpanTab1=currentSpan;
			break;
		case 2:
			currentSpanTab2=currentSpan;
			break;
		case 3:
			currentSpanTab3=currentSpan;
			break;
		case 4:
			currentSpanTab4=currentSpan;
			break;
		case 5:
			currentSpanTab5=currentSpan;
			break;
		default:
	}
	adjustHeight();
}

function changeMore(){
	if(isMore){
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'More').style.display="none";
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'Less').style.display="block";
		document.getElementById('snpMore').innerHTML="MORE";
		isMore=false;
	}else{
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'Less').style.display="none";
		document.getElementById('snpTab'+currentTab+'Span'+eval('currentSpanTab'+currentTab)+'More').style.display="block";
		document.getElementById('snpMore').innerHTML="LESS";
		isMore=true;
	}
	adjustHeight();
}

function adjustHeight(){
	newHeight=document.getElementById('snpContent').offsetHeight;
	//alert(newHeight);
	newHeight=newHeight+40;
	if(newHeight<300) newHeight=300;
	document.getElementById('snpContentContainer').style.height=newHeight+"px";
	document.getElementById('snpTab1').style.height=newHeight+"px";
	document.getElementById('snpTab2').style.height=newHeight+"px";
	document.getElementById('snpTab3').style.height=newHeight+"px";
	document.getElementById('snpTab4').style.height=newHeight+"px";
	document.getElementById('snpTab5').style.height=newHeight+"px";
	document.getElementById('snpLeft').style.marginTop=((newHeight/2)-40)+"px";
	document.getElementById('snpRight').style.marginTop=((newHeight/2)-40)+"px";
}