if (!window.photoGallery)
	window.photoGallery = {};

photoGallery.Page = function() 
{
}

photoGallery.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		
		// Sample event hookup:	
		rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleMouseDown));
	},
	
	// Sample event handler
	handleMouseDown: function(sender, eventArgs) 
	{
		// The following line of code shows how to find an element by name and call a method on it.
		// this.control.content.findName("Timeline1").Begin();
	}
}

var zoomFlag = 0;

function pictureZoomIn(sender, args) {
	sender["canvas.ZIndex"] = 1;
	var re = /([0-9]+)/i;
	var num = re.exec( sender.name )[0];
	var scaler = "Scaler"+num;

	if( zoomFlag == 1){
		storybd = sender.findName("shrink");
		storybd.children.getItem(storybd.children.count-1)["To"] = centerX; 
		zoomFlag = 0;
	} else {
		sender.findName("shrink").stop(); // Make sure the shrink isn't still playing
		// storybd.children.getItem(storybd.children.count-1)["To"] = centerX; 
		storybd = sender.findName("zoom");
		zoomFlag = 1;
	}
	// Enumerate the children of the Canvas object.
	storybd.stop(); // gotta stop it before we change it's target
	for (i = 0; i < storybd.children.count; i++)
	{
		storybd.children.getItem(i)["Storyboard.TargetName"] = scaler;
	}
	storybd.begin();
}

var centerX, centerY;

function borderMouseEnter(sender, args) {
	sender["canvas.ZIndex"] = 1;

	var re = /([0-9]+)/i;
	var num = re.exec( sender.name )[0];
	var scaler = "Scaler"+num;
	
	var sc = sender.findName(scaler);
	centerX = sc["CenterX"];
	centerY = sc["CenterY"];
	
	// Enumerate the children of the Canvas object.
	storybd = sender.findName("grow");
	storybd.stop(); // gotta stop it before we change it's target
	for (i = 0; i < storybd.children.count; i++)
	{
		storybd.children.getItem(i)["Storyboard.TargetName"] = scaler;
	}
	storybd.begin();
}

function borderMouseLeave(sender, args) {
	var re = /([0-9]+)/i;
	var num = re.exec( sender.name )[0];
	var scaler = "Scaler"+num;
	sender["canvas.ZIndex"] = 0;

//	storybd = sender.findName("grow");
//	storybd.stop(); // gotta stop it before we change it's target

	storybd = sender.findName("shrink");
	storybd.stop();
	
	storybd.children.getItem(storybd.children.count-1)["To"] = centerX; 
	for (i = 0; i < storybd.children.count; i++)
	{
		storybd.children.getItem(i)["Storyboard.TargetName"] = scaler;
	}
	storybd.begin();
	zoomFlag = 0;
}