function createSilverlight()
{
    var controlID = "SilverlightControl";
	Silverlight.createObjectEx({
		source: "Page.xaml",
		parentElement: document.getElementById("silverlightControlHost"),
		id: "controlID",
		properties: {
			width: "100%",
			height: "100%",
			version: "1.1",
//			enableHtmlAccess: "true",
			isWindowless: 'True',
			background: "Transparent"
		},
		events: { onLoad:onLoad,
			onError:null
			}
	});
}

var _silverlightControl;
var _rootCanvas;
var _originalWidth;
var _originalHeight;
var _rootScaleTransform;
var _rootTranslateTransform;

function resize() {
    _rootScaleTransform = _silverlightControl.content.findName("rootScaleTransform");
    _rootTranslateTransform = _silverlightControl.content.findName("rootTranslateTransform");
    
    var currentWidth = _silverlightControl.content.ActualWidth;
    var currentHeight = _silverlightControl.content.ActualHeight;
    var uniformScaleAmount = Math.min((currentWidth / _originalWidth), (currentHeight / _originalHeight));
    
    _rootScaleTransform.scaleX = uniformScaleAmount;
    _rootScaleTransform.scaleY = uniformScaleAmount;
        
    var scaledWidth = _originalWidth * uniformScaleAmount;
    _rootTranslateTransform.x = (currentWidth - scaledWidth) / 2;      
    var scaledHeight = _originalHeight * uniformScaleAmount;
    _rootTranslateTransform.y = (currentHeight - scaledHeight) / 2;
}

function onLoad(control, userContext, sender) {
    _silverlightControl = control;
    _rootCanvas = sender.findName("Page"); 

    _originalWidth = _rootCanvas.width;
    _originalHeight = _rootCanvas.height;

    _silverlightControl.content.onResize = resize;
    resize();
}