/**
 	Need to define the following vars whenever this page is used and assign the config var from CFG (config_styles or config_{module}_styles)
		-> var popup_info_left_position
		-> var popup_info_top_position
*/

var videoThumb= $$('.clsThumbImageContainer img');
var currentDisplayVideo;
var detailBlock='';
var seq='';
/**
 *
 * @access public
 * @return void
 **/
function getBlockAndId(element){
detailBlock	= element.id.substring(0,element.id.indexOf('_'));
seq		 	= element.id.substring(element.id.lastIndexOf('_')+1,element.id.length);
currentDisplayVideo=seq;
}
/**
 *
 * @access public
 * @return void
 **/
function removeLiClass(){
	var li=$$('.clsPopUpDiv');

	li.each(function(li){
	li.removeClassName('clsPopUpDiv');
	});
}
function showInfo(element)
{

	removeLiClass();
	if(currentDisplayVideo && detailBlock)
	{

		var video_detail_id	 = detailBlock+'_selVideoDetails_'+currentDisplayVideo;
		$(video_detail_id).addClassName('clsDisplayNone');

		container_detail_id	 = detailBlock+'_clsInfoPopUpContainerDiv_'+currentDisplayVideo;
		if($(container_detail_id))
		{
			$(container_detail_id).addClassName('clsDisplayNone');
		}
		info_id	 = detailBlock+'_info_'+currentDisplayVideo;
		$(info_id).addClassName('clsDisplayNone');
		var videoli_id	 = detailBlock+'_videoli_'+currentDisplayVideo;
		$(videoli_id).removeClassName('clsPopUpDiv');
	}
	getBlockAndId(element);
	var info_id	 = detailBlock+'_info_'+seq;

	var videoli_id	 = detailBlock+'_videoli_'+seq;
	$(videoli_id).addClassName('clsPopUpDiv');
	$(info_id).removeClassName('clsDisplayNone');
}

function showVideoDetail(element)
{
	getBlockAndId(element);
	var video_detail_id	 = detailBlock+'_selVideoDetails_'+seq;
	$(video_detail_id).removeClassName('clsDisplayNone');
	container_detail_id	 = detailBlock+'_clsInfoPopUpContainerDiv_'+seq;
	$(container_detail_id).removeClassName('clsDisplayNone');

}

function hideVideoDetail(element)
{
	getBlockAndId(element);
	currentDisplayVideo='';

	hideInfo(element);

	var videoli_id	 = detailBlock+'_videoli_'+seq;
	$(videoli_id).removeClassName('clsPopUpDiv');

	var video_detail_id	 = detailBlock+'_selVideoDetails_'+seq;
	$(video_detail_id).addClassName('clsDisplayNone');

	var container_detail_id	 = detailBlock+'_clsInfoPopUpContainerDiv_'+seq;
	$(container_detail_id).addClassName('clsDisplayNone');


}

/**
 *
 * @access public
 * @return void
 **/
function hideInfo(element)
{
	getBlockAndId(element);
	currentDisplayVideo='';

	var info_id	 = detailBlock+'_info_'+seq;
	$(info_id).addClassName('clsDisplayNone');
}

function showVideoDetail_home(element){

	getBlockAndId(element);
	var video_detail_id	 = detailBlock+'_selVideoDetails_'+seq;
	var displaySecId=detailBlock+'_DisplaySec';
	var sourceId= detailBlock+'_videoli_'+seq;
	$(displaySecId).removeClassName('clsDisplayNone');
	var returnOffset = findPos($(sourceId));
	var left = returnOffset[0]+parseInt(popup_info_left_position);
	var top = returnOffset[1]+parseInt(popup_info_top_position);
	$(displaySecId).innerHTML=$(video_detail_id).innerHTML
	$(displaySecId).setStyle({width:'317px',height:'185px',margin:'-7px 0px 0px -7px',left:left+'px',top:top+'px'});
	var outerContainerDivId='outerContainerDiv_'+detailBlock;
	$(outerContainerDivId).removeClassName('clsDisplayNone');
	$(outerContainerDivId).setStyle({margin:'-20px 0px 25px -20px',width:'340px',height:'220px',left:left+'px',top:top+'px'});
}

function hideVideoDetail_home(element){

	getBlockAndId(element);
	var video_detail_id	 = detailBlock+'_selVideoDetails_'+seq;
	var displaySecId=detailBlock+'_DisplaySec';
	var sourceId= detailBlock+'_videoli_'+seq;
	$(displaySecId).addClassName('clsDisplayNone');
	$(displaySecId).innerHTML='';
	var outerContainerDivId='outerContainerDiv_'+detailBlock;
	$(outerContainerDivId).addClassName('clsDisplayNone');
	currentDisplayVideo='';
	hideInfo(element);
}
/**
 *
 * @access public
 * @return void
 **/
function hideCurrentToolTip(){

	element=$(detailBlock+'_selVideoDetails_'+currentDisplayVideo);
	hideVideoDetail_home(element);
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}