// Controls the Horizontal Scroll of Thumbnails
//   $target: pageBrowserControl XAML element
var _gPageBrows = null;
PageBrowserControl = function(plugIn, target, pageGenerator, navigationManager, maxNumPages)
{    
   
    this.target = target;
    this.navigationManager = navigationManager;
    this.maxNumPages = maxNumPages;
    _gPageBrows = this;
    this.pageBrowserButton = target.findName("pageBrowserButton");
    this.pageBrowserWindow = target.findName("pageBrowserWindow");
    this.pageBrowser = target.findName("pageBrowser");
    this.openPageBrowserStoryboard = target.findName("openPageBrowserSB");
    
    // create PageBrowserButton
    new PageBrowserButton(this.pageBrowserButton, Silverlight.createDelegate(this, this.onPageBrowserButtonChecked), Silverlight.createDelegate(this, this.onPageBrowserButtonUnchecked));

    // Register event handlers    
    this.pageBrowserWindow.addEventListener("mouseMove", Silverlight.createDelegate(this, this.onPageBrowserWindowMouseMove));
    this.isPageBrowserScrolling = true;
    
    // create thumbnails
    for (var i=1; i<=(this.maxNumPages/2); i++)
    {
        // function Thumbnail(plugIn, pageGenerator, index, clickHandler)
        var _currThumb = new Thumbnail(plugIn, pageGenerator, i, Silverlight.createDelegate(this, this.onThumbnailClicked));
        _currThumb.xamlElement["Canvas.Left"] = i * 70 + 42 ;//
        this.pageBrowser.children.add(_currThumb.xamlElement);
    }
}
var From = false;
function closePan()
{
	if(_gopenMenu)
    {
        From = true;
        openMenu();
    }
}
PageBrowserControl.prototype.onPageBrowserButtonChecked = function(sender, eventArgs) {
    closePan();
    this.openPageBrowserStoryboard.begin();
    this.pageBrowserWindow.isHitTestVisible = true;
    
}

PageBrowserControl.prototype.onPageBrowserButtonUnchecked = function(sender, eventArgs) {
    this.openPageBrowserStoryboard.stop();
    this.pageBrowserWindow.isHitTestVisible = false;
    var soundBtn = _gThisPage.plugIn.content.findName("soundBtn");
	if(_gOpenPlayer)
    {
	    //soundBtn["opacity"] = 1;
        //soundBtn["canvas.top"] = 430;
	}
}
var _gOnPageBrows = false;
PageBrowserControl.prototype.onPageBrowserWindowMouseMove = function(s, e)
{
  if (this.isPageBrowserScrolling == true)
  {
        _gOnPageBrows = true;
        var _currX = (e.getPosition(null).x - 74);
        var _totalPageBrowserWidth = Math.floor(this.maxNumPages/2)*70;
        this.pageBrowser["canvas.Left"] = 360 - (_totalPageBrowserWidth)*(_currX/510);        
  }
}

PageBrowserControl.prototype.onThumbnailClicked = function(sender)
{
    doLogoutWin();
    if(sender.index==27)
    {
        _gNumberPage = _gMaxNumPage+1;
        _gbeginAn = true;
        _gThisNav.setVideo(_gNumberPage);
    }
    this.navigationManager.jumpToPage((sender.index*2)-1);
}