function SourceViewManager()
{
}

SourceViewManager.prototype.loadHandler = function( plugIn, userCtx, argLst )
{
    this.plugIn = plugIn;
    this.plugIn.content.onResize = Utils.createDelegate( this, this.resizeHandler );
    this.showLineNumbers = true;

    this.wLineNums = "list-style-type: decimal; margin-left: 60px; padding-left: 10px; padding-right: 30px;";
    this.woLineNums = "list-style-type: none; margin-left: 30px; padding-left: 10px; padding-right: 30px;";

    this.titleText = this.plugIn.content.findName( "TitleText" );
    this.srcViewDiv = window.document.getElementById( 'htmlSourceView' );
    this.respZip = null;

    this.setSourceProgress( 0 );
    var downLoader = this.plugIn.CreateObject( "downloader" );
    var projectFile = "Files/" + this.projectID + ".htm.zip";
    downLoader.AddEventListener( "DownloadProgressChanged", Utils.createDelegate( this, this.progressHandler ) );
    downLoader.AddEventListener( "DownloadFailed", Utils.createDelegate( this, this.downloadFailedHandler ) );
    downLoader.AddEventListener( "Completed", Utils.createDelegate( this, this.completedHandler ) );
    downLoader.Open( "GET", projectFile );
    downLoader.Send();
}

SourceViewManager.prototype.downloadFailedHandler = function( sender, args )
{
    this.setSourceTitle( "Loading of " + this.projectID + " Source Failed" );
}

SourceViewManager.prototype.progressHandler = function( sender, args )
{
    this.setSourceProgress( Math.floor( sender.DownloadProgress * 100 ) );
}

SourceViewManager.prototype.completedHandler = function( sender, args )
{
    this.respZip = sender;
    this.showProjectList();

    this.cabinetButton = new SourceViewButton( this.plugIn, "CabinetBtn", Utils.createDelegate( this, this.showProjectList ) );
    this.lineNumButton = new SourceViewButton( this.plugIn, "LineNumBtn", Utils.createDelegate( this, this.toggleLineNumbers ) );
    this.printButton = new SourceViewButton( this.plugIn, "PrinterBtn", Utils.createDelegate( this, this.printHandler ) );
}

SourceViewManager.prototype.showProjectList = function()
{
    this.setSourceTitle( this.projectID );
    this.setSourceFile( this.projectID + ".htm" );
    this.setCSSFile();
}

SourceViewManager.prototype.setSourceProgress = function( percentComplete )
{
    this.setSourceTitle( "Loading " + this.projectID + " source (" + percentComplete + "%) ..." );
}

SourceViewManager.prototype.setSourceTitle = function( sourceTitle )
{
    this.titleText.Text = sourceTitle;
}

SourceViewManager.prototype.setSourceFile = function( fileName )
{
    var treeDoc = this.respZip.GetResponseText( fileName );
    this.srcViewDiv.innerHTML = treeDoc;
    this.scrollToTopOfSource();
}

SourceViewManager.prototype.setCSSFile = function( fileName )
{
    var cssDoc = "";
    if( fileName != null )
        cssDoc = this.respZip.GetResponseText( fileName );
    var styleSheet = document.styleSheets[2];
    styleSheet.cssText = cssDoc;
}

SourceViewManager.prototype.scrollToTopOfSource = function()
{
    this.srcViewDiv.scrollLeft = 0;
    this.srcViewDiv.scrollTop = 0;
}

SourceViewManager.prototype.toggleLineNumbers = function()
{
    this.showLineNumbers = !this.showLineNumbers;
    var styleSheet = document.styleSheets[1];
    styleSheet.removeRule( styleSheet.rules.length - 1 );
    styleSheet.addRule( "li.li1", this.showLineNumbers ? this.wLineNums : this.woLineNums );
    styleSheet = document.styleSheets[0];
    styleSheet.removeRule( styleSheet.rules.length - 1 );
    styleSheet.addRule( "li.li1", this.showLineNumbers ? this.wLineNums : this.woLineNums );
}

SourceViewManager.prototype.printHandler = function()
{
    window.print();
}

SourceViewManager.prototype.resizeHandler = function( sender, args )
{
    this.updateLayout();
}

SourceViewManager.prototype.updateLayout = function()
{
    var viewWidth = this.plugIn.content.actualWidth;
    var viewHeight = this.plugIn.content.actualHeight;
    if( viewWidth < 300 )
        viewWidth = 300;
    if( viewHeight < 300 )
        viewHeight = 300;

    var viewBox = this.plugIn.content.findName( "SourceView" );
    var titleBox = this.plugIn.content.findName( "SourceTitle" );
    var buttonsBox = this.plugIn.content.findName( "ViewButtons" );
    var srcViewDiv = window.document.getElementById( 'htmlSourceView' );
    if(( viewBox != null ) && ( titleBox != null ) && ( srcViewDiv != null ) && ( buttonsBox != null ))
    {
        var marginTop = 60, marginSides = 30;

        viewBox.width = viewWidth - marginSides;
        viewBox.height = viewHeight - ( marginTop / 2 + marginSides / 2 );
        viewBox["Canvas.Left"] = marginSides / 2;
        viewBox["Canvas.Top"] = marginTop / 2;
        viewBox.RadiusX = marginSides / 2;
        viewBox.RadiusY = marginSides / 2;

        titleBox.width = viewWidth - ( 2 * marginSides );
        titleBox["Canvas.Left"] = marginSides;

        srcViewDiv.style.top = marginTop;
        srcViewDiv.style.left = marginSides;
        srcViewDiv.style.width = viewWidth - ( 2 * marginSides );
        srcViewDiv.style.height = viewHeight - ( marginTop + marginSides );

        buttonsBox["Canvas.Left"] = viewWidth - ( marginSides + 126 );
    }
}

SourceViewManager.prototype.selectItemHandler = function()
{
    if(( window.event == null ) || ( window.event.srcElement == null ) || ( window.event.srcElement.tagName != "SPAN" ))
        return;
    var srcElem = window.event.srcElement;
    if( srcElem.className != "srcLnk" )
        return;
    var fileName = srcElem.innerText;
    srcElem = srcElem.parentNode;
    while( true )
    {
        srcElem = srcElem.parentNode;
        if(( srcElem == null ) || ( srcElem.tagName != "UL" ) || ( srcElem.className == "srcList" ))
            break;
        srcElem = srcElem.parentNode;
        if(( srcElem == null ) || ( srcElem.tagName != "LI" ) || ( srcElem.className != "srcPath" ) || ( srcElem.firstChild == null ))
            break;
        fileName = srcElem.firstChild.innerText + '/' + fileName;
    }
    fileName = this.projectID + "/" + fileName;

    this.setSourceTitle( fileName );
    this.setSourceFile( fileName + ".htm" );
    this.setCSSFile( fileName + ".css" );
}

function SourceViewButton( plugIn, buttonID, clickFxn )
{
    this.buttonID = buttonID;
    this.clickFxn = clickFxn;
    this.buttonImg = plugIn.content.findName( this.buttonID );
    this.normalImg = plugIn.content.findName( this.buttonID + "N" );
    this.hoverImg = plugIn.content.findName( this.buttonID + "H" );
    this.downImg = plugIn.content.findName( this.buttonID + "D" );

    this.buttonImg.addEventListener( "MouseEnter", Utils.createDelegate( this, this.handleMouseEnter ) );
    this.buttonImg.addEventListener( "MouseLeave", Utils.createDelegate( this, this.handleMouseLeave ) );
    this.buttonImg.addEventListener( "MouseLeftButtonDown", Utils.createDelegate( this, this.handleMouseButtonDown ) );
    this.buttonImg.addEventListener( "MouseLeftButtonUp", Utils.createDelegate( this, this.handleMouseButtonUp ) );
}

SourceViewButton.prototype.handleMouseEnter = function( sender, eventArgs )
{
    this.buttonImg.Source = this.hoverImg.Source;
}

SourceViewButton.prototype.handleMouseLeave = function( sender, eventArgs )
{
    this.buttonImg.Source = this.normalImg.Source;
}

SourceViewButton.prototype.handleMouseButtonDown = function( sender, eventArgs )
{
    this.buttonImg.Source = this.downImg.Source;
}

SourceViewButton.prototype.handleMouseButtonUp = function( sender, eventArgs )
{
    this.buttonImg.Source = this.hoverImg.Source;
    if( this.clickFxn != null )
        this.clickFxn( this.buttonID );
}