var intCurrentY;
var aryItemMove = [0,0];
var intMove = -1;
$(
	function()
	{
		//alert($("div.cssIndexMainFrame div.cssRow2La div.cssFrameContent div.cssScroll").length);
		aryScrollInfo = [
			[
				"div.cssIndexMainFrame1 div.cssRowA div.cssL div.cssBlockContent div.cssBlockR" , 
				"div.cssIndexMainFrame1 div.cssRowA div.cssL div.cssBlockContent div.cssBlockR div.cssBtn",
				"div.cssIndexMainFrame1 div.cssRowA div.cssL div.cssBlockContent div.cssBlockL div.cssText div"
			],
			
			[
				"div.cssIndexMainFrame1 div.cssRowA div.cssC div.cssBlockContent div.cssBlockR" , 
				"div.cssIndexMainFrame1 div.cssRowA div.cssC div.cssBlockContent div.cssBlockR div.cssBtn",
				"div.cssIndexMainFrame1 div.cssRowA div.cssC div.cssBlockContent div.cssBlockL div.cssText div"
			],
			
			[
				"div.cssIndexMainFrame1 div.cssRowB div.cssL div.cssBlockContent div.cssBlockR" , 
				"div.cssIndexMainFrame1 div.cssRowB div.cssL div.cssBlockContent div.cssBlockR div.cssBtn",
				"div.cssIndexMainFrame1 div.cssRowB div.cssL div.cssBlockContent div.cssBlockL table"
			]
		];
		//alert(aryScrollInfo.length);
	
		jsScrollInit(aryScrollInfo);
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssL div.cssBlockContent div.cssCtl a.cssBtnL").click(
			function()
			{
				funMoveItem(0,"div.cssIndexMainFrame1 div.cssRowC div.cssL div.cssBlockContent div.cssImgContent table td",-2);
			}
		);
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssL div.cssBlockContent div.cssCtl a.cssBtnR").click(
			function()
			{
				funMoveItem(0,"div.cssIndexMainFrame1 div.cssRowC div.cssL div.cssBlockContent div.cssImgContent table td",2);
			}
		);
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssC div.cssBlockContent div.cssCtl a.cssBtnL").click(
			function()
			{
				funMoveItem(0,"div.cssIndexMainFrame1 div.cssRowC div.cssC div.cssBlockContent div.cssImgContent table td",-2);
			}
		);
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssC div.cssBlockContent div.cssCtl a.cssBtnR").click(
			function()
			{
				funMoveItem(0,"div.cssIndexMainFrame1 div.cssRowC div.cssC div.cssBlockContent div.cssImgContent table td",2);
			}
		);
		
		funInitCan();
			
	}
)

function funInitCan()
{
	$("div.cssIndexMainFrame1 div.cssRowC div.cssR div.cssBlockContent table tr td.cssBlue").mouseover(
			function(e)
			{
				var strHtml = ($(this).children('div.cssHidden').html());
				
				$('#canlayer').remove();
				if (strHtml != "")
				{
					$('body').append("<div id='canlayer'>"+strHtml+"</div>");
					$('#canlayer').css('position','absolute');
					$('#canlayer').css('z-index','1');
					$('#canlayer').css('padding','5px');
					$('#canlayer').css('font-size','12px');
					$('#canlayer').css('background','#ffffff');
					$('#canlayer').css('top',$(this).offset().top+$(this).height()+2);
					$('#canlayer').css('left',$(this).offset().left + $(this).width() - $('#canlayer').width()+2);
				}
				
				//alert($(this).offset().top+" "+$(this).offset().left)
				//alert(e.pageX+" "+e.pageY);
			}
		);
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssR div.cssBlockContent table tr td.cssBlue").mouseout(
			function()
			{
				$('#canlayer').remove();
			}
		);
		
		
		$("div.cssIndexMainFrame1 div.cssRowC div.cssR div.cssBlockContent h5 a").click(funMoveCan);
}

function funMoveCan()
{
	var objReq = new Object();
	objReq.strDate = $(this).attr('title');
				
	$("#can").load( "library/flow/index.php" , objReq , 
	function()
	{
		funInitCan();
	}
	);
}

function funMoveItem(i,strName,intMoveSlot)
{
	var intStep = aryItemMove[i] + intMoveSlot;
	
	//alert($(strName).length);
	if ($(strName).length <= intStep + Math.abs(intMoveSlot))
		intStep = $(strName).length - Math.abs(intMoveSlot);
	if (intStep < 0 )
		intStep = 0;
	
	
	var intWidth = $(strName).width();
	//alert(intWidth * intStep);
	$(strName).parent().parent().parent().css('margin-left',-1 *intWidth * intStep);
	
	//alert(intStep);
	/*
	for (var j= intStep;j<intStep + Math.abs(intMoveSlot);j++)
	{
		//alert(j);
		alert($(strName+":eq("+j+")").html());
		$(strName+":eq("+j+")").css('display','block');
	}
	*/
	//alert($(strName).html());
	aryItemMove[i] = intStep;
}