﻿var intHTipsPage = 1;
var aryHTops = [ ];

var intTSid = -1;
$(
	function()
	{
		$("#pshowlist").load("http://www.hlctv.net/library/flow/indexpage.php?action=menu&l=pro&lang="+strLang);
		$("#cshowlist").load("http://www.hlctv.net/library/flow/indexpage.php?action=menu&l=can&lang="+strLang);

		$("#healthvideo").html("");
		var strShort = "";
		switch (strLang)
		{
			case "en_US":
				strShort = 'en';
			break;

			case "zh_TW":
				strShort = 'zh';
			break;

			case "zh_CN":
				strShort = 'gb';
			break;
		}
		$.get("http://www.hlctv.net/library/xml/"+strShort+"/article_main.xml"  , 
			function(re)
			{
				$(re).find("item").each(
					function(i)
					{
						var objItem = $("<div id='vtimg"+i+"' class='cssHealthTips'><div class='cssInnerFrame'></div></div>");
						objItem.data('vt' , $(this).find("video").text() );
						objItem.data('desc' , $(this).find("title").text() );

						var objImg = new Image();
						$(objImg).data('id', 'vtimg'+i);
						$(objImg).load(
							function()
							{

								$("#"+$(this).data('id')).find('.cssInnerFrame').append($(this));
								$("#"+$(this).data('id')).find('.cssInnerFrame').css('width' , '152');
								$("#"+$(this).data('id')).find('.cssInnerFrame').css('height', '164');
								$("#"+$(this).data('id')).find('.cssInnerFrame').css('overflow' , 'hidden');

								var intCW = $(this).width();
								var intCH = $(this).height();

								var intNH = 164;
								var intNW = intNH / intCH * intCW; 

								$(this).css('width' , intNW);
								$(this).css('height' , intNH);
								$(this).css('margin-left' , (152 - intNW) / 2);

							}
						).attr('src' , "http://www.hlctv.net/images/article/"+$(this).find("img").text() );
					
						
						objItem.css('width' , '152px' );
						objItem.css('height' , '164px' );
						

						objItem.mouseover(
							function()
							{
								$(this).css('cursor' , 'pointer');
							}
						);

						objItem.click(
							function()
							{
								$.Video.show( "http://wmv.ihltv.com/flv/article/"+$(this).data('vt') ,$(this).data("desc") , "");
							}
						);

						$("#healthvideo").append(objItem);

					}
				);
			}
		);

		initHealthTips();
		
		$("div.cssRight div.cssThumbList div.cssCtl").hide();
		
		$("div.cssRight div.cssThumbList div.cssCtl").find("div").each(
			function(i)
			{
				if ( i > 0)
				{
					$(this).click(
						function()
						{
							var objThumb = $("div.cssRight div.cssThumbList:eq(0)");
							var intFrameW = (objThumb.width());
							var objThumbContent = objThumb.find("div.cssThumbs");
							//objThumb
							
							strPos = objThumbContent.css('margin-left').substr(0 , objThumbContent.css('margin-left').length - 2 );
							intPos = parseInt(strPos);
							
							
							var intNPos = intPos + (- 99 * 4);
							var intMax = objThumbContent.width()  - 4 * 99;	
							//alert(intNPos+" "+(intMax * -1 ));
							var intMax = Math.max(intNPos , intMax * -1 );
							var intMax = Math.min(intMax , 0 );
								
							objThumbContent.css('margin-left' , intMax+"px");
	
						}
					);
				}
				else
				{
					$(this).click(
						function()
						{
							var objThumb = $("div.cssRight div.cssThumbList:eq(0)");	
							var intFrameW = (objThumb.width());
							var objThumbContent = objThumb.find("div.cssThumbs");
							//objThumb
							
							strPos = objThumbContent.css('margin-left').substr(0 , objThumbContent.css('margin-left').length - 2 );
							intPos = parseInt(strPos);
							
							
							var intNPos = intPos + (+ 99 * 4);
							var intMax = objThumbContent.width()  - 4 * 99;	
							var intMax = Math.min( intNPos , 0  );
								
							objThumbContent.css('margin-left' , intMax+"px");
						}
					);
				}
				
				$(this).mouseover(
					function()
					{
						$(this).css('cursor' , 'pointer');
						clearInterval(intTSid);
						$("div.cssRight div.cssThumbList div.cssCtl").fadeIn();
					}
				);
					
				$(this).mouseout(
					function()
					{
						//$("div.cssRight div.cssThumbList div.cssCtl").fadeOut();
						clearInterval(intTSid);
						intTSid = setInterval( "clearThumbList()" , 300);
					}
				);
			}
		);
		
		intTW = $("div.cssRight div.cssThumbList").find("div.cssItem").length * 99;
		$("div.cssRight div.cssThumbs").css("width" , intTW+"px");
		$("div.cssRight div.cssThumbs").css("margin-left" , "0px");
		$("div.cssRight div.cssThumbs").css("margin-top" , "0px");
		
		
		$("div.cssRight div.cssThumbList").find("div.cssItem").each(
			function(i)
			{
				$(this).css('width' , '99px');
				$(this).css('height' , '104px');
				$(this).css('overflow' , 'hidden');
				
				objImg = $(this).find("img:eq(0)");
				strSrc = objImg.attr('src');
				
				$(this).attr('id' , 'tppp'+i );
				var objImgs = new Image();
				$(objImgs).data('i' , 'tppp'+i );
				$(objImgs).load(
					function()
					{
						objImg = $(this);
						$("#"+$(this).data('i')).find("img").remove();
						$("#"+$(this).data('i')).find("a:eq(0)").append($(this));
						
						intW = objImg.width();
						intH = objImg.height();
						
						intNH = 104;
						intNW = intW / intH * 104 ;
						objImg.css('width' , intNW+"px");
						objImg.css('height' , intNH+"px");
						objImg.css('margin-left' , ( ( 104 - intNW ) / 2 - 10 )+"px");
					}
				).attr('src' , strSrc);
				
				
				$(this).mouseover(
					function()
					{
						clearInterval(intTSid);
						$("div.cssRight div.cssThumbList div.cssCtl").fadeIn();
					}
				);
				
				$(this).mouseout(
					function()
					{
						clearInterval(intTSid);
						intTSid = setInterval( "clearThumbList()" , 300);
					}
				);
			}
		);
	
		initLiveSch();
	}
);

function initHealthTips()
{
	intHTipsPage = 1;
	
	$("div.cssHealthTips").find(".cssCtlL").each(
		function()
		{
			$(this).mouseover( function() { $(this).css('cursor' , 'pointer'); } );
			$(this).click( function() { funHealthTipsMove(-1) } ); 
		}
	);
	
	$("div.cssHealthTips").find(".cssCtlR").each(
		function()
		{
			$(this).mouseover( function() { $(this).css('cursor' , 'pointer'); } );	
			$(this).click( function() { funHealthTipsMove(1) } ); 
		}
	);

	$.post("http://www.hlctv.net/library/flow/indexpage.php?action=health&lang="+strLang , {} , 
		function(re) 
		{
			var ary = [] ;
			if (re != "")
			{
				strCmd = "ary = "+re+";";
				//alert(strCmd);
				eval(strCmd);
			}
			for (i=0;i<ary.length;i++)
			{
				aryHTops[i] = [
					ary[i].u , ary[i].name
				];
			}

			funHealthTipsMove(0);
		} 
	);

	/*	
	$("div.cssHealthTips").find("td").each(
		function(j)
		{
			//alert((intHTipsPage-1)*4 + j);
			//alert(aryHTops[(i-1)*4 + j]);
			$(this).html("<a href='"+aryHTops[(intHTipsPage-1)*4 + j][0]+"'>"+aryHTops[(intHTipsPage-1)*4 + j][1]+"</a>");
		}
	);
	*/
}

function funHealthTipsMove(ii)
{
	intTotalPage = Math.ceil( aryHTops.length / 4 );
	
	if (intHTipsPage + ii > 0 && intHTipsPage + ii <= aryHTops.length )
	{
		intHTipsPage = intHTipsPage + ii;
		$("div.cssHealthTips").find("td").each(
			function(j)
			{
				//alert((intHTipsPage-1)*4 + j);
				//alert(aryHTops[(i-1)*4 + j]);
				$(this).html("<a href='"+aryHTops[(intHTipsPage-1)*4 + j][0]+"'>"+aryHTops[(intHTipsPage-1)*4 + j][1]+"</a>");
			}
		);
	}
}

var intLSSid = -1;
function initLiveSch()
{
	clearInterval(intLSSid);
		$("#livesch").html("");
		var objPost = new Object();
		$.post(
			"http://www.hlctv.net/library/flow/indexpage.php?action=live&lang="+strLang , objPost , 
			function(re)
			{
				var o = [];
				
				if (re != "")
				{
					var strCmd = " o = "+re+";";
					eval(strCmd);
				}
				
				for (var i=0;i<o.length;i++)
					if (o[i].time > 0)
				{
					objRow = $( "<div class='cssRow'></div>" );
					objRow.data('t' , o[i].time);
					objRow.append("<div class='cssTime'><a href='programs.php?s="+o[i].url+"'>"+funConvertTime(o[i].time)+"</a></div>");
					objRow.append("<p class='cssName'><a href='programs.php?s="+o[i].url+"'>"+o[i].name+"</a></p>");

					$("#livesch").append(objRow);
				
				}
				switch (strLang)
				{
					case "zh_TW":
						$("#livesch").append('<div class="cssLink"><a href="schedule.php">更多</a></div>');
						
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=ChicCities">樂活好正點</a></div>');
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=Maria_s_Cooking">肥媽與你</a></div>');
					break;
					
					case "zh_CN":
						$("#livesch").append('<div class="cssLink"><a href="schedule.php">更多</a></div>');
						
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=ChicCities">乐活好正点</a></div>');
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=Maria_s_Cooking">肥媽與你</a></div>');
					break;
					
					case "en_US":
						$("#livesch").append('<div class="cssLink"><a href="schedule.php">More</a></div>');
						
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=ChicCities">Chic Cities</a></div>');
						$("#livesch").append('<div class="cssLink" style="margin-top:5px;"><a href="programs.php?s=Maria_s_Cooking">Maria"s Cooking</a></div>');
					break;
				}
				
				$("#livesch").append('<div style="margin-top:5px;width:150px;height:100px;overflow:hidden"><a href="http://news.pptv.com/catalog/hzzq/hlc/kdptujvw.html" target="_blank"><img src="http://www.hlctv.net/images/morevideo.png" style="width:150px;margin-top:-25px;" /></a></div>');
			
				//funRunLiveSch();
				intLSSid = setInterval("funRunLiveSch()" ,  60 * 1000);
			}
		);
}

function funConvertTime(strT)
{
	i = parseInt(strT);
	min = i % 60;
	hr = Math.floor(i / 60 );

	switch (strLang)
	{
		case "zh_TW":
			return  hr+"hr"+(min > 1 ? "s" : "" )+(min < 10 ? "0" : "")+min+"min"+(min > 1 ? "s" : "" )+" 後開始";
		break;
		
		case "zh_CN":
			return  hr+"hr"+(min > 1 ? "s" : "" )+(min < 10 ? "0" : "")+min+"min"+(min > 1 ? "s" : "" )+" 后开始";
		break;
		
		case "en_US":
			return  "Start in "+hr+"hr"+(min > 1 ? "s" : "" )+(min < 10 ? "0" : "")+min+"min"+(min > 1 ? "s" : "" )+"";
		break;
	}
	
}

function funRunLiveSch()
{
	intRefresh = 0;

	 $("#livesch").find("div.cssRow" ).each(
	 	function()
		{
			var i = parseInt($(this).data('t'));

			if ( i > 0 )
			{
				if (i - 1<= 0)
					intRefresh = 1;
				i = i - 1;

				$(this).data('t' , i);
				$(this).find("div.cssTime:eq(0)").find("a:eq(0)").html(funConvertTime(i) );
			}
		}
	 );

	 if (intRefresh == 1)
	 	initLiveSch();
}

function clearThumbList()
{
	clearInterval(intTSid);
	$("div.cssRight div.cssThumbList div.cssCtl").fadeOut();
}

