/// <reference path="~/Default_aspx.js" />
/// <reference path="Utilities.js" />
Type.registerNamespace("ServerTransformed");

ServerTransformed.TextContentView = function(controller)
{
    this._controller = controller;
    this._contentViewport = this._controller.content.FindName("ContentViewport");
    this._videoPlayer1 = this._controller.content.FindName("VideoPlayer1");
    this._videoPlayer2 = this._controller.content.FindName("VideoPlayer2");
    this._animationFadeIn = this._controller.content.FindName("fadeIn");
    this._animationFadeOut = this._controller.content.FindName("fadeOut");
    
//    this._videoPlayer1.Stop();
//    this._videoPlayer2.Stop();
//    this._videoPlayer1.Opacity = 0;
//    this._videoPlayer2.Opacity = 0;
    
    this._mouseDownPosition = 0;
    this._mouseDownValue = -1;
    this._thumbCenter = 4;        
}

ServerTransformed.TextContentView.prototype = 
{
    add_exitHandler: function(handler) { this.get_events().addHandler("exit", handler); },
    remove_exitHandler: function(handler) { this.get_events().removeHandler("exit", handler); },
    
    add_xamlLoadedHandler: function(handler) { this.get_events().addHandler("xamlLoaded", handler); },
    remove_xamlLoadedHandler: function(handler) { this.get_events().removeHandler("xamlLoaded", handler); },
    
    add_backButtonHandler: function(handler) { this.get_events().addHandler("goHome", handler); },
    remove_backButtonHandler: function(handler) { this.get_events().removeHandler("goHome", handler); },
    
    add_videoEndedHandler: function(handler) { this.get_events().addHandler("videoEnded", handler); },
    remove_videoEndedHandler: function(handler) { this.get_events().removeHandler("videoEnded", handler); },
    
    add_scrollTrack_MouseDown: function(handler) { this.get_events().addHandler("scrollTrackMouseDown", handler); },
    remove_scrollTrack_MouseDown: function(handler) { this.get_events().removeHandler("scrollTrackMouseDown", handler); },
    
    add_scrollDragger_MouseMove: function(handler) { this.get_events().addHandler("scrollDraggerMouseMove", handler); },
    remove_scrollDragger_MouseMove: function(handler) { this.get_events().removeHandler("scrollDraggerMouseMove", handler); },
    
    add_copy_MouseWheelMove: function(handler) { this.get_events().addHandler("mouseWheelMove", handler); },
    remove_copy_MouseWheelMove: function(handler) { this.get_events().removeHandler("mouseWheelMove", handler); },
    
    set_currentAnimation: function(value) { this._controller.content.FindName(value).Begin(); },
    
    set_pageXAML: function(value)
    {
        this._contentViewport.children.Clear();
        this._contentViewport.children.Add(value);
        
        this._mouseScrollDelegate = Function.createDelegate(this, this._mouseScroll);
        this._scrollBarMouseDownDelegate = Function.createDelegate(this, this._scrollBarMouseDown);
        this._thumbMouseDownDelegate = Function.createDelegate(this, this._thumbMouseDown);
        this._thumbMouseUpDelegate = Function.createDelegate(this, this._thumbMouseUp);
        this._thumbMouseMoveDelegate = Function.createDelegate(this, this._thumbMouseMove);
        this._contentMouseEnterDelegate = Function.createDelegate(this, this._contentMouseEnter);
        this._contentMouseLeaveDelegate = Function.createDelegate(this, this._contentMouseLeave);
        this._videoEndedDelegate = Function.createDelegate(this, this._videoEnded);
        
        this._scrollDragger = this._controller.content.FindName("scroll_dragger");
        this._scrollTrack = this._controller.content.FindName("scroll_track");
        this._scrollBar = this._controller.content.FindName("Scroll_Bar");
        this._copyCanvas = this._controller.content.FindName("Copy");
        
        this._scrollTween;
        
        this._scrollTrack.addEventListener("MouseLeftButtonDown", this._scrollBarMouseDownDelegate);
        this._scrollDragger.addEventListener("MouseLeftButtonDown", this._thumbMouseDownDelegate);
        this._scrollDragger.addEventListener("MouseLeftButtonUp", this._thumbMouseUpDelegate);
        this._scrollDragger.addEventListener("MouseMove", this._thumbMouseMoveDelegate);
        this._copyCanvas.addEventListener("MouseEnter", this._contentMouseEnterDelegate);
        this._copyCanvas.addEventListener("MouseLeave", this._contentMouseLeaveDelegate);
        
        this._bodyCopyTop = this._controller.content.FindName("Content")["Canvas.Top"] + 
		    this._copyCanvas["Canvas.Top"] + this._controller.content.FindName("Body_Copy")["Canvas.Top"];

        //this.set_TextPosition(0, false); //move this to the set content function when we add it.
        this._raiseEvent("xamlLoaded");
    },
    
    set_subHead: function(value)
    {
        this._controller.content.FindName("Subhead").Text = value;
    },
    
    set_copy: function(value)
    {
        var copyXAML = this._controller.content.CreateFromXaml(value);
        var bodyCopy = this._controller.content.FindName("BodyCopy");
        
        //copyXAML.Name = bodyCopy.Name;
        copyXAML.Width = bodyCopy.Width;
        copyXAML.TextWrapping = bodyCopy.TextWrapping;
        copyXAML.FontFamily = bodyCopy.FontFamily;
        copyXAML.FontSize = bodyCopy.FontSize;
        copyXAML.Foreground = "#FF355970";
        
        this._controller.content.FindName("Body_Copy").Children.Clear();
        this._controller.content.FindName("Body_Copy").Children.Add(copyXAML);
        
       //Sys.Debug.trace(copyXAML.Inlines.Count);
        
    },
    
    _contentMouseEnter: function(sender, eventArgs)
    {
        // MouseWheel code from http://adomas.org/javascript-mouse-wheel/
        if (window.addEventListener) {
              // DOMMouseScroll is for mozilla.
	        document.addEventListener('DOMMouseScroll', this._mouseScrollDelegate,true);
        }
        // IE/Opera.
        else
            window.onmousewheel = document.onmousewheel = this._mouseScrollDelegate;
    },
    
    _contentMouseLeave: function(sender, eventArgs)
    {
	    // MouseWheel code from http://adomas.org/javascript-mouse-wheel/
        if (window.addEventListener) {
              // DOMMouseScroll is for mozilla.
	        document.removeEventListener('DOMMouseScroll', this._mouseScrollDelegate,true);
	        
        }
        // IE/Opera.
        else
            window.onmousewheel = document.onmousewheel = null;
    },
    
    _mouseScroll: function(event)
    {
	    var change = 0;
        if (!event) { // For IE.
            event = window.event;
        }

        if (event.wheelDelta) { //IE/Opera.
            change = (event.wheelDelta/3)
            // In Opera 9, delta differs in sign as compared to IE.
            if (window.opera) {
                change = -change;
            }
        }
        else if (event.detail) { // Mozilla case.
            // In Mozilla, sign of delta is different than in IE.
            change = 8*(-event.detail)
            
        }

        this._raiseEvent("mouseWheelMove", {delta:change});
	        	
        event.returnValue = false;
    },
    
    _scrollBarMouseDown: function(sender, eventArgs)
    {
        var args = {};
        args.CurrentPosition = eventArgs.getPosition(null).y;
        this._raiseEvent("scrollTrackMouseDown", args);
    },
    
    _thumbMouseDown: function(sender, eventArgs) 
    {
        sender.captureMouse();
        this._mouseDownValue = this.get_ThumbTop();
        this._mouseDownPosition = eventArgs.getPosition(null).y;
    },
    
    _thumbMouseUp: function(sender, eventArgs)
    {
        sender.releaseMouseCapture();
        this._mouseDownValue = -1;
    },
    
    _thumbMouseMove: function(sender, eventArgs)
    {
        var args = {};
        args.MouseDownValue = this._mouseDownValue;
        args.MouseDownPosition = this._mouseDownPosition;
        args.CurrentPosition = eventArgs.getPosition(null).y;
        
        this._raiseEvent("scrollDraggerMouseMove", args);
    },
    
    get_ScrollTrackTop: function() { return this._scrollTrack["Canvas.Top"]; },
    
    get_ThumbTop: function() { return this._scrollDragger["Canvas.Top"]; },
    
    get_canvasTop: function() { return this._bodyCopyTop; },
    
    set_TextPosition: function(value, easeIntoIt)
    {
        if(value > this._scrollTrack.Height)
        {
            value = this._scrollTrack.Height - 9;
            this._mouseDownValue = -1;
        }
        
        if (value < 0)
        {
            value = 0;
            this._mouseDownValue = -1;
        }
        
        this._scrollDragger["Canvas.Top"] = value;
        
        this._set_textPosition(easeIntoIt);
    },
    
    _set_textPosition: function(easeIntoIt)
    {
        var textBlock = this._controller.content.FindName("BodyCopy");
		var textContentHeight = this._controller.content.FindName("BodyCopy").ActualHeight;
		var scrollBarHeight = this._scrollBar.Height;
		var sliderPosition = this._scrollDragger["Canvas.Top"];
		var textBoxHeight = this._controller.content.FindName("Body_Copy").Height;
		var canvasTopOffset = this._bodyCopyTop;
		
		if(textContentHeight - textBoxHeight <= 0)
		{
		    this._scrollBar.Visibility = "Collapsed";
		    return;
		}

		var scrollPercent = sliderPosition/scrollBarHeight;
		var pos = (textContentHeight - textBoxHeight)*scrollPercent;
		var topPosition = -Math.floor(pos);

		
		if(easeIntoIt)
		{
		    timeToScroll = 0.75;
		    
		    if(this._scrollTween)
		    {
		        this._scrollTween.stop();
		    }
		    var scrollStart = textBlock["Canvas.Top"];
		    
		    this._scrollTween = new Tween(this, 'Canvas.Top', Tween.strongEaseOut, scrollStart,
		        topPosition, timeToScroll);
		    
		    this._scrollTween.onMotionChanged = function(event)
		        {
		            var startPos = textBlock["Canvas.Top"];
		            textBlock["Canvas.Top"] = event.target._pos;
		            
		            new_val = event.target._pos;
		            
		            val = ((new_val - canvasTopOffset)/(scrollBarHeight))*100;
		            var per = val/100;
		        }
		    
		    this._scrollTween.start();
		}
		else
		    textBlock["Canvas.Top"] = topPosition;
    },
    
    playAnimation: function(id, handler)
    {
        this._animation = this._controller.content.FindName(id);
        this._animation.AddEventListener("Completed", handler);
        this._animation.Begin();
    },
    
    remove_playAnimationHandler: function(id, handler)
    {
        //this._animation = this._controller.content.FindName(id);
        //this._animation.RemoveEventListener("Completed", handler);
    },
    
    playVideo: function(url, args)
    {
        this._videoPlayer2.Opacity = 1;
        
        var player = this._videoPlayer2;
        
        if(args == Sys.EventArgs.Empty)
        {
            this._contentViewport.Opacity = 0;
            player.addEventListener("mediaended", this._videoEndedDelegate);
            player.AutoPlay = "true";
        }
        else
        {
            player.addEventListener("mediaended", Function.createDelegate(this, this._exit));
            player.addEventListener("mediaended", args);
            player.AutoPlay = "false";
        }
                
        player.Source = url;
        this._videoPlayer1.Pause();
        
    },
    
    _videoEnded: function(sender, eventArgs)
    {
        sender.removeEventListener("mediaended", "this._videoEndedDelegate");
        sender.AutoPlay = "false";
        sender.Pause();
        sender.Opacity = 0;
        this._contentViewport.Opacity = 1;
        this._raiseEvent("videoEnded");
    },
    
    playExitVideo: function()
    {
        this._contentViewport.Children.GetItem(0).Visibility = "Collapsed";
        var player = this._videoPlayer2;
        player.Play();
    },
    
    _exit: function(sender, eventArgs)
    {
        this._videoPlayer2.Opacity = 0;
        this._videoPlayer2.Stop();
        this._raiseEvent("exit");
    },
    
    get_events: function()
    {
        if(!this._events)
        {
            this._events = new Sys.EventHandlerList();
        }
        return this._events;
    },
    
    _raiseEvent: function(eventName, eventArgs)
    {
        var handler = this.get_events().getHandler(eventName);
        
        if(handler)
        {
            if(!eventArgs) eventArgs = Sys.EventArgs.Empty;
            handler(this, eventArgs);
        }
    }
}

ServerTransformed.TextContentView.registerClass("ServerTransformed.TextContentView");