﻿function ShowRelatedItems(VideoGUID)
{
	var Site=GetCurrentSite();
	var RelatedItems= document.getElementById(VideoGUID).innerHTML;
	
	if(RelatedItems.length>0)
	{
		var NewContent;
		
		if(Site=="English")
			NewContent='<div class="RelatedHeading">Related Items:</div>';
		else
			NewContent='<div class="RelatedHeading">روابط ذات صلة:</div>';
			
		document.getElementById('RelatedItemsDiv').innerHTML=NewContent+RelatedItems;
	}
	else
	document.getElementById('RelatedItemsDiv').innerHTML="";
}
//////////////////////////////////////////////////////////////
function AddMyProgram(ProgramName,ProgramID)
{
	var oldvalue = document.getElementById('hidProgramsValues').value;
	
	if(oldvalue.toLowerCase().search(ProgramName.toLowerCase()) == -1)
		document.getElementById('hidProgramsValues').value = oldvalue + '*' + ProgramName+'|'+ProgramID;   

}
////////////////////////////////////////////////////////////////
function showdescription(desc,date)
{
	var Site=GetCurrentSite();
	if(desc.length > 0)
	{
		document.getElementById('divdesc').style.display = "Block";
		document.getElementById('divdesc').innerHTML =desc;
	}
	else
		document.getElementById('divdesc').style.display = "none";
		
	if(date.length > 0)
	{
		document.getElementById('divDate').style.display = "Block";
		
		if(Site=="English")
			document.getElementById('divDate').innerHTML ="Date: "+date;
		else
			document.getElementById('divDate').innerHTML ="التاريخ: "+date;
	}
	else
		document.getElementById('divDate').style.display = "none";		
}

////////////////////////////////////////////////////////////////////////
function BuildTopNavigation(lang)
{
	var Programs= document.getElementById('hidProgramsValues').value.split('*');
	var ProgramsDivHTML=document.getElementById('ProgramsBigDiv').innerHTML;
	
	if(lang=="English")
		ProgramsDivHTML=ProgramsDivHTML+ '<td><div id="PDiv" name="PDiv" class="link1 floata" style="white-space: nowrap"><a  onclick="GetVideos(\'\')">All Programs</a></div></td>';
	
	for (i=1; i< Programs.length; i++)
	{
		if(lang=="English")
			ProgramsDivHTML=ProgramsDivHTML+'<td><div name="'+Programs[i].split('|')[1]+'Div" id="'+Programs[i].split('|')[1]+'Div" class="link1 floata" style="white-space: nowrap">'+'&nbsp;|&nbsp;'+'<a  onclick="GetVideos(\''+Programs[i].split('|')[1]+'\')">'+Programs[i].split('|')[0]+'</a></div></td>';
		else
			ProgramsDivHTML=ProgramsDivHTML+'<td><div name="'+Programs[i].split('|')[1]+'Div" id="'+Programs[i].split('|')[1]+'Div" class="link1 floata" style="white-space: nowrap">'+'<a  onclick="GetVideos(\''+Programs[i].split('|')[1]+'\')">'+Programs[i].split('|')[0]+'</a>'+'&nbsp;|&nbsp;</div></td>';
	}
	
	if(lang=="Arabic")
		ProgramsDivHTML=ProgramsDivHTML+ '<td><div id="PDiv" name="PDiv" class="link1 floata" style="white-space: nowrap"><a  onclick="GetVideos(\'\')">جميع البرامج</a></div></td>';
	
	document.getElementById('ProgramsBigDiv').innerHTML= '<table id="ProgramsScroll" name="ProgramsScroll" cellspacing="0" border="0" style="border-collapse:collapse;position: absolute; top:10px; font-size:8pt;"><tr id="Programs" name="Programs">'+ProgramsDivHTML+ '</tr></table>';
}

/////////////////////////////////////////////////////////////////////////////
function GetVideos(ProgramID)
{
	var CurrentPageLocation= window.location.href.substring(0, window.location.href.indexOf('?Program='));
	window.location = CurrentPageLocation+"?Program=" + ProgramID;
}

/////////////////////////////////////////////////////////////////////////////
function GetCurrentProgram()
{
	var WindowLocation=document.location.href.toLowerCase();

	if(WindowLocation.search('program=')==-1)
		document.getElementById('PDiv').className="link2 floata";
	else
	{
		var QueryStrings= document.location.href.substring(document.location.href.indexOf('?'),document.location.href.length).toLowerCase();
		var SelectedProgram= QueryStrings.substring(QueryStrings.indexOf('program=')+8,QueryStrings.length);
		var ProgramsDiv = document.getElementById('Programs');

		if(SelectedProgram.length >0)
		{
			if(document.all) //IE
				flag=0;
			else
				flag=1;
				
			for(flag ; flag < ProgramsDiv.childNodes.length; flag++)
			{
				if(ProgramsDiv.childNodes[flag].childNodes[0].id != null)
				{
					if(ProgramsDiv.childNodes[flag].childNodes[0].id.toLowerCase().search(SelectedProgram.toLowerCase()) == -1)
					{
						ProgramsDiv.childNodes[flag].childNodes[0].className="link1 floata";
					}
					else
					{
						ProgramsDiv.childNodes[flag].childNodes[0].className="link2 floata";							
					}	
				}
			}
		}
		else if(WindowLocation.search('program=')!=-1)
			document.getElementById('PDiv').className="link2 floata";
	}
}
////////////////////////////////////////////////////////////////////////////

function SetCurrentVideo(position)
{
	var CurrentVideo= document.getElementById('hidCurrent').value;
	var AllVideos= document.getElementById('Videos').value.split('|');
	var VideosLength=  AllVideos.length;
	//1- Return the current video's display to normal
	if(CurrentVideo!="")
		document.getElementById(CurrentVideo).className="news_img_brdr_opc";	
	
	document.getElementById(position).className="news_img_brdr";	
	document.getElementById('hidCurrent').value=position;	

	//3-set the displays of the new video and play it.		
	//2- get the next and previous videos
		//if the video is the last (mod 6=0) the next is next page.
		//if the video is the first (mod 6=1) then previous is last page.

	if(position==1)
	{
		SetPrevious(-1);
	}
	else
	{
		SetPrevious(position);
	}
	if(parseInt(position)+2 > VideosLength)
		SetNext(-1);
	else
		SetNext(position);

}
///////////////////////////////////////////////////////////////////////

function SetPrevious(position)
{
	if(position==-1)
		document.getElementById('hidPrevious').value=position;
	else if(position > 1)
	{
		var AllVideos= document.getElementById('Videos').value.split('|');
		var PreviousVideo= AllVideos[position-2];
		document.getElementById('hidPrevious').value=PreviousVideo;
	}
}
/////////////////////////////////////////////////////////////////////////

function SetNext(position)
{
	if(position==-1)
		document.getElementById('hidNext').value=position;
	else if((position < 6))
	{
		var AllVideos= document.getElementById('Videos').value.split('|');
		var NextVideo= AllVideos[position];
		document.getElementById('hidNext').value=NextVideo;
	}
	else
		document.getElementById('hidNext').value="LastVideo";
}
////////////////////////////////////////////////////////////////////////////

function AddVideo(Description,Title,Image,File,Date,GUID,OtherTags)
{	

	var Videos= document.getElementById('Videos').value;
	document.getElementById('Videos').value=Videos+Description+'*'+Title+'*'+Image+'*'+File+'*'+Date+'*'+GUID+'*'+OtherTags+'|';
}
/////////////////////////////////////////////////////////////////

function PlayPrevious()
{
	var PreviousVideoData= document.getElementById('hidPrevious').value;
	var Site=GetCurrentSite();

	if(PreviousVideoData==-1)
	{
		if(Site=="English")
			alert('No more items in the current page');
		else
			alert('لا توجد عناصر أخرى للعرض فى الصفحة الحالية');
	}
	else if(PreviousVideoData!="")
	{
		var CurrentPosition= document.getElementById('hidCurrent').value;
		var description= PreviousVideoData.split('*')[0];
		var img= PreviousVideoData.split('*')[2];
		var file= PreviousVideoData.split('*')[3];
		var date= PreviousVideoData.split('*')[4];
		var GUID= PreviousVideoData.split('*')[5];
		var OtherTags= PreviousVideoData.split('*')[6];

		RunFlash(file,img);
		showdescription(description,date);
		SetCurrentVideo(CurrentPosition-1);
		ShowRelatedItems(GUID);
		FillOtherTagsDiv(OtherTags);
	}
}
////////////////////////////////////////////////////////////////////

function PlayNext()
{
	var NextVideoData= document.getElementById('hidNext').value;
	var Site=GetCurrentSite();
	
	if(NextVideoData==-1)
	{
		if(Site=="English")
			alert('No more items in the current page');
		else
			alert('لا توجد عناصر أخرى للعرض فى الصفحة الحالية');
	}
	else if(NextVideoData!="")
	{
		var CurrentPosition= document.getElementById('hidCurrent').value;
		var description= NextVideoData.split('*')[0];
		var img= NextVideoData.split('*')[2];
		var file= NextVideoData.split('*')[3];
		var date= NextVideoData.split('*')[4];
		var GUID= NextVideoData.split('*')[5];
		var OtherTags= NextVideoData.split('*')[6];
		RunFlash(file,img);
		showdescription(description,date);
		SetCurrentVideo(parseInt(CurrentPosition) + 1);
		ShowRelatedItems(GUID);
		FillOtherTagsDiv(OtherTags);
	}
}
/////////////////////////////////////////////////

function ShowFirstVideo()

{

	var Videos= document.getElementById('Videos').value.split('|');
	
	if(Videos[0]=="")
		ShowErrorMessage();
	else
	{
		var description= Videos[0].split('*')[0];
		var img= Videos[0].split('*')[2];
		var file= Videos[0].split('*')[3];
		var date= Videos[0].split('*')[4];
		var GUID= Videos[0].split('*')[5];
		var OtherTags= Videos[0].split('*')[6];
	
		RunFlash(file,img);
		showdescription(description,date);
		SetCurrentVideo('1');
		ShowRelatedItems(GUID);
		FillOtherTagsDiv(OtherTags);
	}
}

////////////////////////////////////////////////////////////////////

function ShowErrorMessage()
{
	var Site=GetCurrentSite();
	var Message;
	
	if (Site=="English")
		Message="Sorry, no items found";
	else
		Message="عفواُ, لا توجد  ملفات للعرض";

	document.getElementById('FlashPlayer').innerHTML='<div  style="text-align:center;width:100%" align="center" >'+
		'<div class="FolderEmpty GalleryMsg"></div>'+
		'<div class="Link2 GalleryMsg">'+
		'<a>'+Message+'</a>'+
		'</div>'+
		'</div>';
	document.getElementById('FlashPlayer').className="";
	document.getElementById('Navigator').style.display="none";
}
////////////////////////////////////////////////////////////////////

function GetCurrentSite()
{
	var Location= document.location.href;
	var Site;

	if (Location.toLowerCase().search("english")!=-1)
		Site="English";
	else
		Site="Arabic";
		
	return Site;
}
