﻿
var CurClientH = 0;
var CurClientSH = 0;
var ResizeCount = 0;

var OClientSH = 0;

//function ResetHeight()
//{
//	var Content = document.getElementById("PageContent");
//	var L = document.getElementById("FlashShadowL");
//	var R = document.getElementById("FlashShadowR");
//	
//	if( !Content || !L || !R ) return;

//	var ClientH = (window.innerHeight || document.documentElement.clientHeight);
//	var ClientSH = (window.scrollHeight || document.documentElement.scrollHeight);
//	
//	if ( OClientSH == 0 ) OClientSH = ClientSH;
//	if ( ClientSH < OClientSH) OClientSH = ClientSH;
//	
//	var NewSH	= parseInt( OClientSH - 291 );
//	if ( ClientH > ClientSH ) NewSH = parseInt( ClientH - 291 );	
//	L.style.height = NewSH ;
//	R.style.height = NewSH ;
//	
//	
//    if (CurClientH != ClientH) 
//    {
//		var NewH	= parseInt( ClientH - 291 );
//		Content.style.height = NewH;
//    }
//    
//    CurClientH = ClientH;
//    CurClientSH = ClientSH;
//}

//if (document.all) { window.attachEvent('onload', ResetHeight); } else { window.addEventListener('load', ResetHeight, false); }	
//if (document.all) { window.attachEvent('onresize', ResetHeight); } else { window.addEventListener('resize', ResetHeight, false); }




var IsOpen = false;
var IsOver = false;
jQuery(document).ready(function()
{
	var SATBCode01 = "<div class='ShowActionsList'>[<span style=\"color:blue\">";
	var SATBCode02 = "</span>] ";
	var SATBCode03 = " <a href=\"";
	var SATBCode04 = "\">[詳細]</a></div>";
	
	var DelayTime = 100;
	var DivDate = jQuery("#ShowActionsTable_Date");
	var DivDetail = jQuery("#ShowActionsTable_Detail");
	var DivActionList = jQuery("#DivActionList");
	
	jQuery("#FastArea_C_mt td[id*=ShowActionsCell]").each(function(i)
	{
		var Div = jQuery(this);
		
		Div.addClass("ShowActionsCell").click(function(e)
		{
		
			var Detail = new String( Div.attr("ADetail") );
			var Date = Div.attr("ADate");
			var Count = parseInt( Div.attr("ACount") , 10 );
			for( var i=0 ; i < Count ; i++ )
			{
				Detail = Detail.replace("SATBCode01", SATBCode01).replace("SATBCode02", SATBCode02).replace("SATBCode03", SATBCode03).replace("SATBCode04", SATBCode04);
			}
			
			if(IsOpen) { DivActionList.fadeOut(200); DelayTime = 300; }
			

			var newX = (e.pageX ) + 20;
			var newY = (e.pageY );
			DivActionList.css("left", newX ).css("top", newY );

			Div.oneTime( DelayTime, function()
			{
				//var Divoffect = DivActionList.offset();
				//DivActionList.animate({left: (e.pageX + Divoffect.left + 30)+'px', top: (e.pageY + Divoffect.top - 25)+'px'}, 500);
				
				DivDate.html( Date + " 當日活動" );
				DivDetail.html( Detail );
				DivActionList.fadeIn( 500 );
				IsOpen = true;
			});
			
		});
	});

});
	
function CloseActions()
{
	jQuery("#DivActionList").fadeOut(400);
}
function ActionsDivOver()
{
	jQuery("#DivActionList").stopTime();
	IsOver = true;
}
function ActionsDivOut()
{
	jQuery("#DivActionList").oneTime(1000, function(){ IsOver = false; CloseActions(); });
}





var _tempImage = null;
var CurrentIndex = 0;
function ShowDialogImage( getIndex )
{
	
	var Dialog = jQuery("#DialogPic");
	var Image = jQuery("#DialogImage");
	var PicFile = ShowImagesArray[getIndex];
	var PicFileAndPath = new String(ShowImagesFolder); PicFileAndPath = PicFileAndPath.replace("[ImageName]", PicFile);
	
	var BtnPrev = document.getElementById("ImageBtn_Prev");
	var BtnNext = document.getElementById("ImageBtn_Next");
	BtnPrev.disabled = true;
	BtnNext.disabled = true;
	
	var Show_CurrentPage = document.getElementById("Show_CurrentPage");
	var Show_TotalPage = document.getElementById("Show_TotalPage");
	
	Show_CurrentPage.innerHTML = parseInt(getIndex) + 1;
	Show_TotalPage.innerHTML = ShowImagesArray.length;
	
	_tempImage = null;
	var GetImage = getImgSize(PicFileAndPath);
	
	if ( GetImage == null || GetImage == 'undefined' || GetImage.width == 0 || GetImage.height == 0 )
	{
		setTimeout( "ShowDialogImage('" + getIndex + "'); return;" , 300 );
	}
	else
	{
		jQuery(document).ready(function()
		{
			
			Image.fadeOut(500);
			Image.attr("src", "" );
			
			if(!Dialog.dialog( 'isOpen' ))
			{
				Image.oneTime(600, function()
				{
					Image.attr("src", PicFileAndPath );
					CurrentIndex = getIndex;
					
					Dialog.dialog({ 
						bgiframe: true,
						width: (GetImage.width + 60),
						height: (GetImage.height + 90),
						modal: true,
						autoOpen: false,
						close: function(event, ui) { jQuery(this).dialog( 'destroy' ); }
					}).dialog('open');
					
					jQuery(this).fadeIn(1000);
					BtnPrev.disabled = false;
					BtnNext.disabled = false;
					
				});
			}
			else
			{
				Image.oneTime(600, function()
				{
					Image.attr("src", PicFileAndPath );
					CurrentIndex = getIndex;
					
					ResizeDialog(GetImage.width + 60, GetImage.height + 90);
					
					jQuery(this).fadeIn(1000);
					BtnPrev.disabled = false;
					BtnNext.disabled = false;
					
				});
			}
		
		});
	}
	
}
function ResizeDialog(getWidth, getHeight)
{
	var dlg = $("#DialogPic").parents(".ui-dialog:first"); 
	dlg.animate({ width: getWidth, height: getHeight}); 
}

function getImgSize(getPath)
{
	_tempImage = new Image(); _tempImage.src = getPath;
	
	if ( _tempImage == null || _tempImage == 'undefined' || _tempImage.width == 0 || _tempImage.height == 0 )
		setTimeout( "return getImgSize('" + getPath + "')" , 300 );
	else
		return _tempImage;
}
function ImageToNext()
{
	if(CurrentIndex == (ShowImagesArray.length - 1))
		alert('已到相本最後一張');
	else
		setTimeout( "ShowDialogImage( parseInt(parseInt(" + CurrentIndex + ") + 1) );" , 300 );
}
function ImageToPrev()
{
	if(CurrentIndex == 0)
		alert('已到相本第一張');
	else
		setTimeout( "ShowDialogImage( parseInt(parseInt(" + CurrentIndex + ") - 1) );" , 300 );
}










//=====================================================================================================
function initFastAlbum( getAlbum , getBtnID )
{
	ChangeTabButton(getBtnID);
	var DivBtns = jQuery("#DivImageBtns");
	var DivTitle = jQuery("#DivSlideShowTitle");
	var ShowImage = jQuery("#SlideShowImage");
	
	DivTitle.fadeOut(400);
	DivBtns.fadeOut(400);
	
	if( (getAlbum.Pics == undefined) || (getAlbum.Pics.length <= 0) )
	{
		ShowImage.css("cursor","normal");
		ShowImage.click(function() { });
		
		DivTitle.html("<div style='text-align:center;color:white'>此類別尚無任何相簿</div>");
		DivTitle.fadeIn(800);
		ShowImage.attr("src", "Images/NonFastAlbum.jpg");
	}
	else
	{
		ShowImage.css("cursor","pointer");
		ShowImage.click(function() { location.href = getAlbum.Link; });
		
		DivTitle.html("相簿名：<span>"+ getAlbum.Name +"</span>");
		DivBtns.html("");
		
		var BasePicTagCode = "<img id=\"[NewID]\" src=\"[PicPath]\" class=\"SSImage\" OnClick=\"ChangeSlideImage(this.src);\" />";
		var BasePicCode = "Show.ashx?W=58&M=W&F=/upload/[NewPath]/[NewFileName]";
		for ( var ForVar = 0; ForVar < getAlbum.Pics.length ; ForVar++ )
		{
			var NewBtnID = "SlideShowBtn" + ForVar;
			
			var NewHtml = new String(BasePicTagCode);
			var PicPath = new String(BasePicCode);
			
			PicPath = PicPath.replace("[NewPath]", getAlbum.Path );
			PicPath = PicPath.replace("[NewFileName]", getAlbum.Pics[ForVar] );
			
			NewHtml = NewHtml.replace("[NewID]", NewBtnID );
			NewHtml = NewHtml.replace("[PicPath]", PicPath );
			
			DivBtns.html( DivBtns.html() + NewHtml );
			
			if( ForVar == 0 ) ChangeSlideImage( PicPath );
		}
		
		DivTitle.fadeIn(800);
		DivBtns.fadeIn(800);
	}
}
function ChangeSlideImage( getPicPath )
{
	var ShowImage = jQuery("#SlideShowImage");
	var TD = jQuery("#SlideShowImageTD");
	TD.height = ShowImage.height;
	ShowImage.fadeOut("fast").attr("src", new String(getPicPath).replace("W=58&","W=260&") ).fadeIn("slow");
	//.fadeIn('slow')
}
function ChangeTabButton( getBtnID )
{
	for( var BtnCount = 1; BtnCount < 99 ; BtnCount++ )
	{
		var Btn = document.getElementById("TabBtn"+BtnCount);
		if(Btn == undefined) { break; } else { jQuery("#"+ Btn.id ).attr("class", "Button"); }
	}
	jQuery("#"+getBtnID).attr("class", "ButtonHover");
}
