$.PicTimeTable = {
	strMainFrame : "cliptimetable",
	intFrameW : 91 ,
	intShowW : 7 ,
	intCurrent : 0 ,
	
	init : function()
	{
		var objMainFrame = $("#"+this.strMainFrame);
		var objContainter = objMainFrame.find(".cssContainer");
		var objButton = objMainFrame.find("div.cssButton");
		objButton.hide();
		
		objMainFrame.mouseover(
			function()
			{
				var strID = $.PicTimeTable.strMainFrame;
				
				$("#"+strID).find("div.cssButton").show();
			}
		);
		objMainFrame.mouseout(
			function()
			{
				var strID = $.PicTimeTable.strMainFrame;
				
				$("#"+strID).find("div.cssButton").hide();
			}
		);
		
		objButton.find(".cssLBtn").click(
			function()
			{
				$.PicTimeTable.move(1);
			}
		);
		
		objButton.find(".cssRBtn").click(
			function()
			{
				$.PicTimeTable.move(-1);
			}
		);
		
		var intW = 0;
		/*
		objContainter.find(".cssTimeBlock").each(
			function(j)
			{
				intW = intW+$(this).width();
			}
		);
		*/
		//objContainter.find(".cssTimeBlock:eq(1)").width()
		intW = $.PicTimeTable.intFrameW * objContainter.find(".cssTimeBlock").length;
		//alert(intW);
		objContainter.css('width' , intW+"px");
		objContainter.css('marginLeft' , 0);

		
		this.movePick();
	},
	
	move : function(i)
	{
		var objMainFrame = $("#"+this.strMainFrame);
		var objContainter = objMainFrame.find(".cssContainer");
		
		var intFW = $.PicTimeTable.intShowW * $.PicTimeTable.intFrameW ;//(objMainFrame.width());
		var strLeft = objContainter.css('margin-left');
		var intLeft = parseInt(strLeft.substr(0 , strLeft.length - 2));
		
		var intNLeft = intLeft + i * intFW;//objMainFrame.width();
		//alert( objContainter.width() );
		intNLeft = Math.max(intFW - objContainter.width() , intNLeft );
		intNLeft = Math.min( 0 , intNLeft );
		
		//alert(intNLeft+" "+(objMainFrame.width() - objContainter.width()));
		objContainter.animate(
				{marginLeft : intNLeft} 
		);
	},
	
	movePick : function()
	{
		var objMainFrame = $("#"+this.strMainFrame);
		var objContainter = objMainFrame.find(".cssContainer");
		//var intFW = $.PicTimeTable.intShowW * $.PicTimeTable.intFrameW ;
		
		var intFound = -1;
		objContainter.find(".cssTimeBlock").each(
			function(j)
			{
				if ($(this).hasClass("cssPicked"))
				{
					
					intFound = j;
				}
			}
		);
		
		if (intFound >= 0 )
		{
			var intSlot = Math.floor( intFound / $.PicTimeTable.intShowW );
			
			objContainter.css('marginLeft' , 0);
			
			this.move(intSlot * -1);
		}
	},

	change : function()
	{
		var objMainFrame = $("#"+this.strMainFrame);
		var objContainter = objMainFrame.find(".cssContainer");
		
		intW = $.PicTimeTable.intFrameW * objContainter.find(".cssTimeBlock").length;
		//alert(intW);
		objContainter.css('width' , intW+"px");
		objContainter.css('marginLeft' , 0);

		
		this.movePick();

	}
};

$(
	function()
	{
		if ($("#cliptab").length > 0 )
		{
			$("#cliptab").find(".cssDayTab").each(
					function(i)
					{
						$(this).data('day' , i );
						
						$(this).click(
							function()
							{
								//alert($(this).data('day'));
								$("#cliptimetable").find(".cssContainer:eq(0)").html("");
								$("#cliptimetable").find(".cssContainer:eq(0)").load("http://www.hlctv.net/library/flow/imgtimetable.php?d="+(parseInt($(this).data('day') + 1))+"&lang="+strLang  , 
									function ()
									{
									//	$.PicTimeTable.init();
										$.PicTimeTable.change();

									}
								);
							}
						);
					}
			);
		
			$("#cliptimetable").find(".cssContainer:eq(0)").html("");
			$("#cliptimetable").find(".cssContainer:eq(0)").load("http://www.hlctv.net/library/flow/imgtimetable.php?lang="+strLang , 
				function ()
				{
					$.PicTimeTable.init();

				}
			);
		}
	}
);