// JavaScript Document

///////////////////////// Tab Header ////////////////////////////

function showTab(id){
	document.getElementById("tab_1").style.display = "none";
	document.getElementById("tab_2").style.display = "none";
	document.getElementById("tab_3").style.display = "none";
	document.getElementById("tab_4").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg(tab){
	switch (tab)
	{
		case "tab_1":
		document.getElementById("tab_1_inactive").style.display = "none";
		document.getElementById("tab_1_active").style.display = "block";
		document.getElementById("tab_2_inactive").style.display = "block";
		document.getElementById("tab_2_active").style.display = "none";
		document.getElementById("tab_3_inactive").style.display = "block";
		document.getElementById("tab_3_active").style.display = "none";
		document.getElementById("tab_4_inactive").style.display = "block";
		document.getElementById("tab_4_active").style.display = "none";
		break;
		case "tab_2":
		document.getElementById("tab_1_inactive").style.display = "block";
		document.getElementById("tab_1_active").style.display = "none";
		document.getElementById("tab_2_inactive").style.display = "none";
		document.getElementById("tab_2_active").style.display = "block";
		document.getElementById("tab_3_inactive").style.display = "block";
		document.getElementById("tab_3_active").style.display = "none";
		document.getElementById("tab_4_inactive").style.display = "block";
		document.getElementById("tab_4_active").style.display = "none";
		break;
		case "tab_3":
		document.getElementById("tab_1_inactive").style.display = "block";
		document.getElementById("tab_1_active").style.display = "none";
		document.getElementById("tab_2_inactive").style.display = "block";
		document.getElementById("tab_2_active").style.display = "none";
		document.getElementById("tab_3_inactive").style.display = "none";
		document.getElementById("tab_3_active").style.display = "block";
		document.getElementById("tab_4_inactive").style.display = "block";
		document.getElementById("tab_4_active").style.display = "none";
		break;
		case "tab_4":
		document.getElementById("tab_1_inactive").style.display = "block";
		document.getElementById("tab_1_active").style.display = "none";
		document.getElementById("tab_2_inactive").style.display = "block";
		document.getElementById("tab_2_active").style.display = "none";
		document.getElementById("tab_3_inactive").style.display = "block";
		document.getElementById("tab_3_active").style.display = "none";
		document.getElementById("tab_4_inactive").style.display = "none";
		document.getElementById("tab_4_active").style.display = "block";
		break;
	}
}













///////////////////////// Tab News ////////////////////////////

function showTab2(id){
	document.getElementById("tab_5").style.display = "none";
	document.getElementById("tab_6").style.display = "none";
	document.getElementById("tab_7").style.display = "none";
	document.getElementById("tab_8").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg2(tab){
	switch (tab)
	{
		case "tab_5":
		document.getElementById("tab_5_inactive").style.display = "none";
		document.getElementById("tab_5_active").style.display = "block";
		document.getElementById("tab_6_inactive").style.display = "block";
		document.getElementById("tab_6_active").style.display = "none";
		document.getElementById("tab_7_inactive").style.display = "block";
		document.getElementById("tab_7_active").style.display = "none";
		document.getElementById("tab_8_inactive").style.display = "block";
		document.getElementById("tab_8_active").style.display = "none";
		break;
		case "tab_6":
		document.getElementById("tab_5_inactive").style.display = "block";
		document.getElementById("tab_5_active").style.display = "none";
		document.getElementById("tab_6_inactive").style.display = "none";
		document.getElementById("tab_6_active").style.display = "block";
		document.getElementById("tab_7_inactive").style.display = "block";
		document.getElementById("tab_7_active").style.display = "none";
		document.getElementById("tab_8_inactive").style.display = "block";
		document.getElementById("tab_8_active").style.display = "none";
		break;
		case "tab_7":
		document.getElementById("tab_5_inactive").style.display = "block";
		document.getElementById("tab_5_active").style.display = "none";
		document.getElementById("tab_6_inactive").style.display = "block";
		document.getElementById("tab_6_active").style.display = "none";
		document.getElementById("tab_7_inactive").style.display = "none";
		document.getElementById("tab_7_active").style.display = "block";
		document.getElementById("tab_8_inactive").style.display = "block";
		document.getElementById("tab_8_active").style.display = "none";
		break;
		case "tab_8":
		document.getElementById("tab_5_inactive").style.display = "block";
		document.getElementById("tab_5_active").style.display = "none";
		document.getElementById("tab_6_inactive").style.display = "block";
		document.getElementById("tab_6_active").style.display = "none";
		document.getElementById("tab_7_inactive").style.display = "block";
		document.getElementById("tab_7_active").style.display = "none";
		document.getElementById("tab_8_inactive").style.display = "none";
		document.getElementById("tab_8_active").style.display = "block";
		break;
	}
}










///////////////////////// Tab Hadhramaut ////////////////////////////

function showTab3(id){
	document.getElementById("tab_9").style.display = "none";
	document.getElementById("tab_10").style.display = "none";
	document.getElementById("tab_11").style.display = "none";
	document.getElementById("tab_12").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg3(tab){
	switch (tab)
	{
		case "tab_9":
		document.getElementById("tab_9_inactive").style.display = "none";
		document.getElementById("tab_9_active").style.display = "block";
		document.getElementById("tab_10_inactive").style.display = "block";
		document.getElementById("tab_10_active").style.display = "none";
		document.getElementById("tab_11_inactive").style.display = "block";
		document.getElementById("tab_11_active").style.display = "none";
		document.getElementById("tab_12_inactive").style.display = "block";
		document.getElementById("tab_12_active").style.display = "none";
		break;
		case "tab_10":
		document.getElementById("tab_9_inactive").style.display = "block";
		document.getElementById("tab_9_active").style.display = "none";
		document.getElementById("tab_10_inactive").style.display = "none";
		document.getElementById("tab_10_active").style.display = "block";
		document.getElementById("tab_11_inactive").style.display = "block";
		document.getElementById("tab_11_active").style.display = "none";
		document.getElementById("tab_12_inactive").style.display = "block";
		document.getElementById("tab_12_active").style.display = "none";
		break;
		case "tab_11":
		document.getElementById("tab_9_inactive").style.display = "block";
		document.getElementById("tab_9_active").style.display = "none";
		document.getElementById("tab_10_inactive").style.display = "block";
		document.getElementById("tab_10_active").style.display = "none";
		document.getElementById("tab_11_inactive").style.display = "none";
		document.getElementById("tab_11_active").style.display = "block";
		document.getElementById("tab_12_inactive").style.display = "block";
		document.getElementById("tab_12_active").style.display = "none";
		break;
		case "tab_12":
		document.getElementById("tab_9_inactive").style.display = "block";
		document.getElementById("tab_9_active").style.display = "none";
		document.getElementById("tab_10_inactive").style.display = "block";
		document.getElementById("tab_10_active").style.display = "none";
		document.getElementById("tab_11_inactive").style.display = "block";
		document.getElementById("tab_11_active").style.display = "none";
		document.getElementById("tab_12_inactive").style.display = "none";
		document.getElementById("tab_12_active").style.display = "block";
		break;
	}
}













///////////////////////// Tab Gallery ////////////////////////////

function showTab4(id){
	document.getElementById("tab_13").style.display = "none";
	document.getElementById("tab_14").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg4(tab){
	switch (tab)
	{
		case "tab_13":
		document.getElementById("tab_13_inactive").style.display = "none";
		document.getElementById("tab_13_active").style.display = "block";
		document.getElementById("tab_14_inactive").style.display = "block";
		document.getElementById("tab_14_active").style.display = "none";
		break;
		case "tab_14":
		document.getElementById("tab_13_inactive").style.display = "block";
		document.getElementById("tab_13_active").style.display = "none";
		document.getElementById("tab_14_inactive").style.display = "none";
		document.getElementById("tab_14_active").style.display = "block";
		break;
	}
}







///////////////////////// Tabs Of Recently And Most Photos Gallery ////////////////////////////

function showTab5(id){
	document.getElementById("tab_15").style.display = "none";
	document.getElementById("tab_16").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg5(tab){
	switch (tab)
	{
		case "tab_15":
		document.getElementById("tab_15_inactive").style.display = "none";
		document.getElementById("tab_15_active").style.display = "block";
		document.getElementById("tab_16_inactive").style.display = "block";
		document.getElementById("tab_16_active").style.display = "none";
		break;
		case "tab_16":
		document.getElementById("tab_15_inactive").style.display = "block";
		document.getElementById("tab_15_active").style.display = "none";
		document.getElementById("tab_16_inactive").style.display = "none";
		document.getElementById("tab_16_active").style.display = "block";
		break;
	}
}







///////////////////////// Vote Result ////////////////////////////

function showVoteResult(){
	document.getElementById("voteResultHome").style.display = "block";
	document.getElementById("voteSelect").style.display = "none";
}

function showVoteQuestion(){
	document.getElementById("voteResultHome").style.display = "none";
	document.getElementById("voteSelect").style.display = "block";
}







///////////////////////// Article Height ////////////////////////////
/*window.onload = checkTheHeight;

function checkTheHeight()
{
	
	if(document.getElementById("articleAndLinks"))
	{
		var h1 = document.getElementById("articleAndLinks").offsetHeight;
		var h2 = document.getElementById("RightContentWrapper").offsetHeight;
		var MaxH = Math.max(h1,h2);
		document.getElementById("articleAndLinks").style.height = MaxH + "px";
		document.getElementById("RightContentWrapper").style.height = MaxH + "px";
	}
  
}*/





///////////////////////// Article Font Size ////////////////////////////
var maxtextsize = 13;
var mintextsize = 11;
var fontSize = 11;
var lineh = 15;

function togglefontsize(type){

if(type == "increese"){
if((fontSize + 1) <= maxtextsize){
fontSize++;
lineh++;
}
}

else if(type == "decreese"){
if(fontSize > mintextsize){
fontSize--;
lineh--;
} 
}

document.getElementById('articleText').style.fontSize = fontSize + "px";
document.getElementById('articleText').style.lineHeight = lineh + "px";
return;
}






///////////////////////// Form ////////////////////////////

function showForm(){
	document.getElementById("formWrapper").style.display = "block";
	document.getElementById("votersAddPic").style.display = "none";
	document.getElementById("votersCancelPic").style.display = "block";
	document.getElementById("votersAddText").style.display = "none";
	document.getElementById("votersCancelText").style.display = "block";
}

function hideForm(){
	document.getElementById("formWrapper").style.display = "none";
	document.getElementById("votersAddPic").style.display = "block";
	document.getElementById("votersCancelPic").style.display = "none";
	document.getElementById("votersAddText").style.display = "block";
	document.getElementById("votersCancelText").style.display = "none";
}


function hideForm2(){
	document.getElementById("votersAddPic").style.display = "block";
	document.getElementById("votersCancelPic").style.display = "none";
	document.getElementById("votersAddText").style.display = "block";
	document.getElementById("votersCancelText").style.display = "none";
}






///////////////////////// Size Of Photo ////////////////////////////

window.onload = function(e) {
  if(document.photo_width_size.width > 700 )
	{
		document.photo_width_size.width = 700;
	}
}