arrTabVideos = new Array(2);


arrTabVideos[0] = new Array(2);
arrTabVideos[1] = new Array(2);
arrTabVideos[2] = new Array(2);
arrTabVideos[3] = new Array(2);
arrTabVideos[4] = new Array(2);
arrTabVideos[5] = new Array(2);
arrTabVideos[6] = new Array(2);
arrTabVideos[7] = new Array(2);
arrTabVideos[8] = new Array(2);
arrTabVideos[9] = new Array(2);
arrTabVideos[10] = new Array(2);
arrTabVideos[11] = new Array(2);
arrTabVideos[12] = new Array(2);
arrTabVideos[13] = new Array(2);
arrTabVideos[14] = new Array(2);
arrTabVideos[15] = new Array(2);
arrTabVideos[16] = new Array(2);
arrTabVideos[17] = new Array(2);
arrTabVideos[18] = new Array(2);
arrTabVideos[19] = new Array(2);
arrTabVideos[20] = new Array(2);
arrTabVideos[21] = new Array(2);
arrTabVideos[22] = new Array(2);
arrTabVideos[23] = new Array(2);
arrTabVideos[24] = new Array(2);
arrTabVideos[25] = new Array(2);
arrTabVideos[26] = new Array(2);
arrTabVideos[27] = new Array(2);
arrTabVideos[28] = new Array(2);
arrTabVideos[29] = new Array(2);
arrTabVideos[30] = new Array(2);


/* SL: html constructor for home page video tabs  */

function startFeedSelector(){	
	$$("#video-tabs-0-feed-selector li","#video-tabs-1-feed-selector li").each(function(node){
		var ul = $A(node.getElementsByTagName("ul")).first();
		if(ul != null){
			node.onmouseover = node.onmouseout = function(){
				Element.show(ul);
			}
			node.onmouseout = node.onmouseout = function(){
				Element.hide(ul);
			}
		}
	});

}

jQuery(document).ready(function(){
	startFeedSelector();
});



function showTab(vPage,level,feed,tabsId,panelNum,counter) {





	// calling new position
	jQuery('#pos').val(counter);
	jQuery('#level').val(level);
	
	// calling new feed
	jQuery('#feed').val(feed);	
	
	// calling new page
	jQuery('#vPage').val(vPage);
	
	
	

	var pos = jQuery('#pos').val();
	
	var tabsArray = new Array;
	tabsArray = $(tabsId).select('ul.video-tabs-controls')[0].select('a');
	var panelsArray = new Array;
	panelsArray = $(tabsId).select('div.tab-panel');
	for (i=0;i<tabsArray.length;i++){
		if ($(tabsArray[i]).hasClassName('on')) {
			$(tabsArray[i]).removeClassName('on')
		} 
	}
	$(tabsArray[panelNum]).addClassName('on')
	
	for (i=0;i<panelsArray.length;i++){
		if ($(panelsArray[i]).getStyle('display') == 'block') {
			$(panelsArray[i]).setStyle({'display' : 'none' })
		} 
	}



	/*arrVideoContainer = tabsId.split('-');

	if (arrVideoContainer[2] == 0)
	{
		tracker = pos;
	}
	else
	{
		tracker = parseInt(pos) + 6;
	}*/


//console.log('pos:'+pos+ ' panelNum:'+panelNum);
	


	/* Let see if the data already available */
	if (arrTabVideos[pos][panelNum])
	{
		
//alert(feed)		
		jQuery('#'+tabsId+' .tab-panel').remove();
		jQuery('#'+tabsId).append(arrTabVideos[pos][panelNum]);		

////console.log('#'+tabsId)
////console.log(arrTabVideos[pos][panelNum])


		videoHeight = 105;				
		returnVideosCount = jQuery('#'+tabsId+' .tab-panel').length;
		videoWrapperHeight = (returnVideosCount*videoHeight);

		//jQuery('#'+tabsId).css({height: videoWrapperHeight+'px'});	
		showPlayOverlays('well');

	}
	else
	{
//alert('ajax')		
		/* 	Per controller driven needs
			We will now retrieve data for the currently selected TAB via AJAX */
		jQuery.ajax({
			type: "POST",
			async: true,
			url: "hp_2009/includes/video_2009/rail_video_more_data.php",
			data: "tabNum=" + panelNum + "&page=" + vPage + "&level=" + level + "&feed=" + feed,
			success: function(data){			
				//jQuery('#video-tabs-1 .tab-panel').remove();
				//jQuery('#video-tabs-1').append(data);

				jQuery('#'+tabsId+' .tab-panel').remove();
				jQuery('#'+tabsId).append(data);
				
					showPlayOverlays('well');


//alert("tabNum=" + panelNum + "&page=" + vPage + "&level=" + level + "&feed=" + feed+ "&siteUrl=" + jQuery('#siteUrl').val())
				arrTabVideos[pos][panelNum] = data;
				
				videoHeight = 105;				
				returnVideosCount = jQuery('#'+tabsId+' .tab-panel').length;
				videoWrapperHeight = (returnVideosCount*videoHeight);
				
				
				//alert(returnVideosCount+'-'+videoHeight+'-'+tabsId)
				
				//jQuery('#'+tabsId).css({height: videoWrapperHeight+'px'});
			}
		});
	}	
}

function getRailVideoFeeds(pos, pageName, feed, tabsId) {

	// calling new position
	jQuery('#pos').val(pos);
	jQuery('#level').val(pos);
	
	// calling new feed
	jQuery('#feed').val(feed);	
	
	// calling new page
	jQuery('#vPage').val(pageName);
	
	////console.log('pos:'+jQuery('#pos').val()+'feed:'+jQuery('#feed').val()+'page:'+jQuery('#vPage').val())	
	
	
	//adjust the tab onMouseOver function by mainly updating the current feed parameter
	jQuery.ajax({
		type: "POST",
		async: true,
		url: "hp_2009/includes/video_2009/rail_video_update_tabs.php",
		data: "page=" + jQuery('#vPage').val() + "&level=" + jQuery('#pos').val() + "&feed=" + jQuery('#feed').val() + "&tab_id=" + tabsId + "&feed_order=" + pos,
		success: function(data){			
		
		////console.log(data)
		
		jQuery('div#video-tabs-'+tabsId+ ' ul').html(data);
			
			
			
		}
	});
	
	//adjust the tab show and how base on video count and current feed selection
	jQuery.ajax({
		type: "POST",
		async: true,
		url: "hp_2009/includes/video_2009/rail_video_item_count.php",
		data: "page=" + jQuery('#vPage').val() + "&level=" + jQuery('#pos').val() + "&feed=" + jQuery('#feed').val(),
		success: function(data){			
			video_item_count = data;
		
			var tab_id = 'div#video-tabs-' + tabsId;
			// adjust the tab display according to the number of video available for display - max needed is 15
			if (video_item_count < 11)
			{
				jQuery(tab_id+' ul li:last').css("display", "none")
			}
			else
			{
				jQuery(tab_id+' ul li:last').css("display", "block")
			}
			
			if (video_item_count < 6)
			{
				jQuery(tab_id+' ul li:eq(1)').css("display", "none")
			}
			else
			{
				jQuery(tab_id+' ul li:eq(1)').css("display", "block")
			}			
		}
	});
	
	
	//get all the feed available and store them in the dropdown.  make the current feed selection stay selected
	jQuery.ajax({
		type: "POST",
		async: true,
		url: "hp_2009/includes/video_2009/rail_video_feed_title.php",
		data: "page=" + jQuery('#vPage').val() + "&level=" + jQuery('#level').val(),
		success: function(data){			
			video_feed_label = data;
			
			video_feed_label_array = video_feed_label.split("##");
			
			dropdownContent = '<li><img height="13" width="14" border="5" align="baseline" style="margin-right: 4px;" src="/hp_2009/images/homepage/dw_arrow.gif"/>';
			dropdownContent = dropdownContent + jQuery('#feed').val().replace(/RAIL##/,'');
			dropdownContent = dropdownContent + '</li>';		
			
			dropdownContent = dropdownContent + '<div class="verticalSpacer4"/>';
			dropdownContent = dropdownContent + '<ul style="display: none;">';

			for(j=0; j<(video_feed_label_array.length-1); j++) // -1 is because the extra ## at the end of the data var from PHP file
			{
				if(video_feed_label_array[j] != '')
				{
					dropdownContent = dropdownContent + '<li>';
					dropdownContent = dropdownContent + '<a class="first" onclick="getRailVideoFeeds('+	j +', \''+jQuery('#vPage').val()+'\',\'RAIL##'+video_feed_label_array[j]+'\','+tabsId+');return false;" href="javascript:void(0)"> '+ video_feed_label_array[j] + '</a>';
					dropdownContent = dropdownContent + '</li>';
				}
			}
			
			dropdownContent = dropdownContent + '</ul>';
			var tab_id = 'ul#video-tabs-' + tabsId;
			jQuery(tab_id+'-feed-selector li').html(dropdownContent);
			startFeedSelector();
		}
	});	
	
	var tab_id = 'video-tabs-' + tabsId;
	
	
	/*if (pos  == 0)
	{
		if (tabsId == 0)
		{
			z = 0;
		}
		else // tab id == 1
		{
			z = 6;
		}
	}
	else if (pos  == 1)
	{
		if (tabsId == 0)
		{
			z = 3;
		}
		else // tab id == 1
		{
			z = 9;
		}
	}*/
	
	
	//alert(firstVideoContainer)
	
	
	if (tabsId == 0)
	{
		z = pos*3;	
	}
	else
	{
		firstVideoContainer = jQuery('ul#video-tabs-0-feed-selector li ul li').length;
		z = (firstVideoContainer*3) + (pos*3);
	}
	
	
	showTab(pageName,pos,feed,tab_id,0,z);
	
}