$.Main = {
	
	env : {
		'adjID' : -1
	
	},	
	
	/* Adjist Position */
	adjustPos : function()
	{
		//if ($.Main.env.adjID != -1)
		//	clearInterval($.Main.env.adjID);
		//$.Main.env = setInterval("$.Main.adjustNow()" , 250);
		this.adjustNow();
	},
	
	adjustNow : function()
	{
		clearInterval($.Main.env.adjID);
		$.Main.env.adjID = -1;
		
		$(".ui-adjusttop").animate( { top : $(window).scrollTop()} , 50);
	},
	
	/* Overlayer Mask */
	openMask : 
		function()
		{
			var objMask ;
			
			if ($("#ui-mask").length == 0 )
			{
				objMask = $("<div id='ui-mask'></div>");
				$("body").append(objMask);
				
				//alert($("html")[0].scrollHeight);
				var intH = Math.max( $(window).height() );
				//alert(intH);
				
				objMask.css('position' , 'absolute');
				objMask.css('top' , $(window).scrollTop());
				objMask.css('left' , 0);
				objMask.css('z-index' , 100);
				objMask.css('background' , '#333333');
				objMask.css('opacity' , 0.7);
				objMask.css('width' , $(window).width());
				objMask.css('height' , intH );
				objMask.addClass('ui-adjusttop');
				objMask.hide();
				
			}
			else
				objMask = $("#ui-mask");
			
			objMask.fadeIn('normal');
		},
		
	closeMask:
		function()
		{
			$("#ui-mask").fadeOut(
				'normal' , 
					function()
					{
						$("#ui-mask").remove();
					}
			);
		}
	
	/* Overlayer Layer */
}

$.SlideShow = {
	
	'env'		: {
		'sid'		: -1,
		'sensid'	: -1,
		'aryItems' : [],
		'intTime'  : 10
				
	},	
		
	'init'		: function(objItem , strSrc)
	{
		var intNum = this.env.aryItems.length;
		objItem.data('intNum' , intNum);
		
		this.env.aryItems[intNum] = new Object();
		this.env.aryItems[intNum].item = objItem;
		this.env.aryItems[intNum].datasrc = strSrc ;
		
		objRe = $('<div class="dataresult"></div>');
		objRe.hide();
		objItem.css('overflow' , 'hidden');
		objItem.append(objRe);
		objRe.load(strSrc , 
			function(s)
			{
				var i = parseInt($(this).parent().data('intNum'));
				var obj = new Object();
				
				if (s != "")
				{
					strCmd = "obj = "+s+";";
					eval(strCmd);
				}

				$.SlideShow.env.aryItems[i].data = obj;
				$.SlideShow.env.aryItems[i].cindex = 0;
				
				$.SlideShow.changeflip(i);
			}
		);
	},
		
	'changeflip' : function()
	{
		for (var i=0;i<$.SlideShow.env.aryItems.length;i++)
		{
			var objItem = $.SlideShow.env.aryItems[i].item;
			
			objItem.find(".dataresult").remove();
			
			if (objItem.find(".cssItem").length > 0 )
			{
				
			}
			
			var intCurrent = $.SlideShow.env.aryItems[i].cindex;
			var aryData = $.SlideShow.env.aryItems[i].data;
			
			var objFlip;
			if (objItem.find(".cssItem:eq("+intCurrent+")").length == 0 )
			{
				objImg = new Image();
				objFlip = $("<div class='cssItem'></div>");
				objFlip.data('i' , i);
				objFlip.data('j' , intCurrent);
				objFlip.append($(objImg));
				objItem.append(objFlip);
				
				objFlip.mouseover(
					function()
					{
						$(this).css('cursor' , 'pointer');
						
						$.SlideShow.showInfo(parseInt($(this).data('i')),parseInt($(this).data('j')));
					}
				);
				
				objFlip.mouseout(
					function()
					{
						clearInterval($.SlideShow.env.sensid);
						$.SlideShow.env.sensid = setInterval("$.SlideShow.removeInfo("+parseInt($(this).data('i'))+","+parseInt($(this).data('j'))+")"  , 250 );
					//	alert("88");
					//	$.SlideShow.removeInfo(parseInt($(this).data('i')),parseInt($(this).data('j')));
					}
				);
				
				objFlip.click(
					function()
					{
						var i = parseInt($(this).data('i'));
						var j = parseInt($(this).data('j'));
						window.location.href = $.SlideShow.env.aryItems[i].data[j].link;
					}
				);
				
				if (aryData[intCurrent] != undefined)
					$(objImg).attr('src' , aryData[intCurrent].img);
				
			}
			else
				objFlip = objItem.find(".cssItem:eq("+intCurrent+")");
			
			if (aryData.length > 1)
			{
				//objFlip.hide();
				objItem.find(".cssItem:visible").fadeOut(100);
			
				objFlip.fadeIn( 1000 );
				intCurrent = ((intCurrent + 1 < aryData.length )? intCurrent + 1: 0);
				$.SlideShow.env.aryItems[i].cindex = intCurrent;
			}
			else
				objFlip.show();
		}
		
		clearInterval($.SlideShow.env.sid);
		$.SlideShow.env.sid = setInterval("$.SlideShow.changeflip()" , $.SlideShow.env.intTime * 1000 );
	},
	
	showInfo : function(i,j)
	{
		clearInterval($.SlideShow.env.sid);
		clearInterval($.SlideShow.env.sensid);
		
		var aryData = $.SlideShow.env.aryItems[i].data;
		var objItem = $.SlideShow.env.aryItems[i].item;
		var objFlip = objItem.find(".cssItem:eq("+j+")");
		var objDesc ;
		
		if (objFlip.find('div.cssDesc').length > 0 )
		{
			objDesc = objFlip.find('div.cssDesc:eq(0)');
		}
		else
		{
			objDesc = $("<div class='cssDesc'></div>");
			objFlip.append(objDesc);
			
			objDesc.css('position' , 'relative');
			objDesc.css('index' , 10);
			objDesc.css('width' , objFlip.width());
			objDesc.css('height' , 75);
			
			objBG = $("<div class='cssBG'></div>")
			objBG.css('width' , objFlip.width());
			objBG.css('height' , 75);
			objBG.css('opacity' , 0.7);
			objBG.css('background' , '#cccccc');
			objDesc.append(objBG);
			
			objInfo = $("<div class='cssInfo'></div>");
			objDesc.append(objInfo);
			objInfo.css('position' , 'relative');
			objInfo.css('top' , "-75px");
			if (aryData[j].freetext != "")
			{
				objInfo.html(aryData[j].freetext);
			}
			else
			{
				strHtml = "<h3>"+aryData[j].name+"</h3>";
				strHtml+= "<table>";
				
				aryT = aryData[j].time.split("|");
				aryN = aryData[j].title.split("|");
				
				if (aryT[1] != "" && aryT[1] != undefined)
					strHtml+= "<tr><td>"+aryT[0]+":</td><td>"+aryT[1]+"</td></tr>";
				
				if (aryN[1] != "" && aryN[1] != undefined)
					strHtml+= "<tr><td>"+aryN[0]+":</td><td>"+aryN[1]+"</td></tr>";
				strHtml+= "</table>";
				objInfo.html(strHtml);
			}
		}
		
		objDesc.data('i',i);
		objDesc.data('j',j);
		objDesc.mouseout(
			function()
			{
				//$(this).stop();
				clearInterval($.SlideShow.env.sensid);
				$.SlideShow.env.sensid = setInterval("$.SlideShow.removeInfo("+parseInt($(this).data('i'))+","+parseInt($(this).data('j'))+")"  , 250 );
			}
		);
		
		objDesc.mouseover(
			function()
			{
				//$(this).stop();
				clearInterval($.SlideShow.env.sid);
			}
		);
		
		objDesc.animate(
			{
				top : - 75
			}
		);
	},
	
	removeInfo : function(i,j)
	{
		clearInterval($.SlideShow.env.sensid);
		clearInterval($.SlideShow.env.sid);
		$.SlideShow.env.sid = setInterval("$.SlideShow.changeflip()" , $.SlideShow.env.intTime * 1000 );
		
		var aryData = $.SlideShow.env.aryItems[i].data;
		var objItem = $.SlideShow.env.aryItems[i].item;
		var objFlip = objItem.find(".cssItem:eq("+j+")");
		objDesc = objFlip.find('div.cssDesc:eq(0)');
		
		objDesc.animate(
			{
				top : - 0
			}
		);
	}
		
};

$(
	function()
	{
		if ($("#flipimage").length > 0 )
		{
			$.SlideShow.init($("#flipimage") , "http://www.hlctv.net/library/flow/indexpage.php?action=banner&lang="+strLang);
		}
		
		$(window).scroll(
			function()
			{
				//alert('123');
				$.Main.adjustPos();
			}
		);
	}
);


function jsEnq()
{
	$.Main.openMask();
	objEnq = $("<div id='enqPanel'></div>");
	objEnq.hide();
	
	$("body").append(objEnq);
	objEnq.css('position' , 'absolute');
	objEnq.css('z-index' , 200 );
	objEnq.css('width' , '500');
	objEnq.css('height' , '400');
	objEnq.css('top' , $(window).scrollTop() + ($(window).height() - 400 )/ 2);
	objEnq.css('left' , ($(window).width() - 500 )/ 2);
	//objEnq.css('height' , '500');
	objEnq.css('background' , '#ffffff');
	objEnq.fadeIn();
	
	objEnq.load("enq1.php");
}

function jsEnq_Submit()
{
	if ($("#enq_name").val() != "" && $("#enq_email").val() != ""  )
	{
		var objPost = new Object();
		objPost.name = $("#enq_name").val() ;
		objPost.email = $("#enq_email").val() ;
		objPost.enq = $("#enq_en").val() ;
		objPost.msg = $("#enq_msg").val() ;
		
		$.post("http://www.hlctv.net/enq.php?action=send" , objPost , 
			function()
			{
				jsEnq_Close();
			}
		);
	}
}

function jsEnq_Close()
{
	$.Main.closeMask();
	$("#enqPanel").remove();
}