// JavaScript Document

var flag;
var uicount = 0;
var webcount = 0;
var projcount = 0;
var onclickshow = 0;
var ids;
var tab;
var oldproject = 0;

function checktab(x){
	tab = parseInt(x);
}


function shownext(){
	checkdivs();
	var x = 0;
	switch(tab){
		case 1: if(uicount == 0){
					// showing default
					x = uicount + 2;
					document.getElementById('prevproj'+tab).style.visibility = 'visible';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//alert(x);
					//displayProject(x);
				}
				else{
					if(uicount == 1){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
					}
				
					x = uicount + 1;
					if(x == projcount){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
						document.getElementById('nextproj'+tab).style.visibility = 'hidden';
					}

					//displayProject(x);
				}
//				document.getElementsByClassName('counterprojects')[0].innerHTML = '';
				break;
				
		case 2: if(webcount == 0){
					// showing default
					x = webcount + 2;
					document.getElementById('prevproj'+tab).style.visibility = 'visible';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//alert(x);
					//displayProject(x);
				}
				else{
					if(webcount == 1){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
					}
				
					x = webcount + 1;
					if(x == projcount){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
						document.getElementById('nextproj'+tab).style.visibility = 'hidden';
					}
					//displayProject(x);
				}
//				document.getElementsByClassName('counterprojects')[0].innerHTML = '';
				break;
	}
	displayProject(x);

}

function checkdivs(){
	switch(tab){
		case 1:	
				projcount = 5;
				break;
				
		case 2:	
				projcount = 19;
				break;
		
	}
	
	//projcount =3;
}


function showprev(){
	checkdivs();
	var x = 0;
	flag = 1;
	switch(tab){
		case 1: if(uicount <= 1){
					// showing default
					x = uicount;
					document.getElementById('prevproj'+tab).style.visibility = 'hidden';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
					displayProject(x);	
				}
				else{
					x = uicount - 1;
					if(x == projcount || uicount == projcount){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
						document.getElementById('nextproj'+tab).style.visibility = 'hidden';
					}
					if(x == 1){
						document.getElementById('prevproj'+tab).style.visibility = 'hidden';
						document.getElementById('nextproj'+tab).style.visibility = 'visible';
						//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
						displayProject(x);
					}
					else {
					document.getElementById('prevproj'+tab).style.visibility = 'visible';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
					displayProject(x);
					}
				}
				break;
				
		case 2: if(webcount <= 1){
					// showing default
					x = webcount;
					document.getElementById('prevproj'+tab).style.visibility = 'hidden';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
					displayProject(x);	
				}
				else{
					x = webcount - 1;
					if(x == projcount || webcount == projcount){
						document.getElementById('prevproj'+tab).style.visibility = 'visible';
						document.getElementById('nextproj'+tab).style.visibility = 'hidden';
					}
					if(x == 1){
						document.getElementById('prevproj'+tab).style.visibility = 'hidden';
						document.getElementById('nextproj'+tab).style.visibility = 'visible';
						//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
						displayProject(x);
					}
					else {
					document.getElementById('prevproj'+tab).style.visibility = 'visible';
					document.getElementById('nextproj'+tab).style.visibility = 'visible';
					//document.getElementsByClassName('counterprojects')[0].innerHTML = '';
					displayProject(x);
					}
				}
				break;
		
	}
		
}

function hideshow(y){
	ids = y;
	if(document.getElementById('viewclose'+y).innerHTML == 'View Portfolio'){
		onclickshow = 0;
		projcount = 0;
	}
	checkdivs();
	
	if(projcount <= 1){
		document.getElementById('prevproj'+ids).style.visibility = 'hidden';
		document.getElementById('nextproj'+ids).style.visibility = 'hidden';
	}
	
	if(onclickshow == 0){	
		document.getElementById('textContent'+y).style.display = 'none';
		document.getElementById('portfolioInfo'+y).style.display = 'block';
		switch(ids){
		case 1: uicount = 0;
				document.getElementById("banner_uid").className = "banner_wdesign_change";
				document.getElementById('viewclose'+y).className = "hideportfolio";
				onclickshow = 1;
				document.getElementById('viewclose'+y).innerHTML = 'Hide Portfolio';
				break;
				
		case 2: webcount = 0;
				document.getElementById("banner_wdesign").className = "banner_wdesign_change";
				document.getElementById('viewclose'+y).className = "hideportfolio";
				onclickshow = 1;
				document.getElementById('viewclose'+y).innerHTML = 'Hide Portfolio';
				break;
		}
		flag = 0;
		displayProject(1);
	}
	else{
		document.getElementById('portfolioInfo'+y).style.display = 'none';		
		document.getElementById('textContent'+y).style.display = 'block';
		onclickshow = 0;
		switch(ids){
		case 1: 
				document.getElementById("banner_uid").className = "banner_uid";
				document.getElementById('viewclose'+y).className = "linkportfolio";
				break;
				
		case 2: 
				document.getElementById("banner_wdesign").className = "banner_wdesign";
				document.getElementById('viewclose'+y).className = "linkportfolio";
				break;
		}
		document.getElementById('viewclose'+y).innerHTML = 'View Portfolio';
	}
}

function displayProject(x){
	x = parseInt(x);
	var nowshowing;
	var str;
	var prev = 0;
	switch(tab){
		case 1: str = 'project';
				if(flag)
					{prev = x+1;}
				else{ prev = x-1;}
				uicount = x;
	  			flag = 0;
				
				break;
				
		case 2: str = 'webproject';
				if(flag)
					{prev = x+1;}
				else{ prev = x-1;}
				webcount = x;
	  			flag = 0;
				break;
	}
	
	var prevproj = document.getElementById(str+prev);
	  if(oldproject){
		  prevproj = oldproject;
		  oldproject = 0;
		  }
	  nowshowing = document.getElementById(str+x);
	  if(prevproj)	
	  { prevproj.style.display = 'none'; }
	  nowshowing.style.display = 'block';	
	  oldproject = nowshowing;
}