
// total pages available
var _gMaxNumPage = 0;
var _gNumPage = null;
var _gMouseOver = false;
var _gMouseDown = false;
var _gThis = null;
var _gScrollDown = false;
var _gScrollDownBtnUp = false;
var _gScrollDownBtnDown = false;
var _gZoom = false;
var _gLink = false;
var _gThisPage = null;
var _gImg = true;
var _gOver = true;
var wpfeControl;
var click_ = false;
var _ggoBtn = null;//_gLink
var overLink = false;
var page = null;
var _gIsZoom = false;
var defWidth = 1280;//default width
var defHeight = 1024;//default height
var loginURL = "";
var dragPoint = 0;
var rect = 0;
var loadTime = null;
var myPages = 0;
var defVideoFile = 0;
var ads = true;
var revers = false;
var idObject = new Object;
var openPage = 2;//start open page
var _gBannerArray = new Array();
var boolNav = true;
var _gScrollDown_root2 = false;
var openPlayerZoom = null;
var _gIndexPlayer = 14;
var movieOverMovie = null;
var firstIs = true;
var _gAll = null;
var _gCountClick = 0;
var _gTime = 0;
var _gDownClick = false;
var _myTimeDouble = 0;
var doubleClick = false;
var _gIndexI = null;
var changeSoudPress_ = false;
var _gAds = '';
var _gElementAds = null;
var _sender = null;
var _gVideoOpen = false;

//#####################################################################################
//end const
//#####################################################################################


idObject.name1 = new Object;
idObject.name1.id = '';
idObject.name1.url = '';

idObject.name2 = new Object;
idObject.name2.id = '';
idObject.name2.url = '';

idObject.name3 = new Object;
idObject.name3.id = '';
idObject.name3.url = '';//


//-------------------------------------------------------------------------------------------
//start const links
//-------------------------------------------------------------------------------------------
var objUrl = new Object;

objUrl.url_2_2  = 'http://www.usi.com.tw'
objUrl.url_2_1  = 'http://www.computex.biz';
objUrl.url_2_3  = 'http://www.computex.biz/computex/en/main.asp';
objUrl.url_2_4  = 'http://www.usi.com.tw'
objUrl.url_3_1  = 'http://www.computex.biz';
objUrl.url_4_1  = 'http://www.usi.com.tw'
objUrl.url_8_1  = 'http://www.usi.com.tw'
objUrl.url_10_1  = 'http://www.usi.com.tw'
objUrl.url_12_1  = 'http://www.usi.com.tw'
objUrl.url_14_1  = 'http://www.computex.biz';
objUrl.url_14_2  = 'http://www.computex.biz/computex/en/main.asp';

//-------------------------------------------------------------------------------------------
//end const links
//-------------------------------------------------------------------------------------------

//page05 page08 page11 have no copy,links etc ,so need not declare
//pages width object(palyers, links, copy, gotoMedia, etc. )
var _gPageArrayStr = new Array("page01","page02","page03","page04","page07","page08","page09","page10","page11","page12","page14");

//video for page
var _gPage1ArrayStr = new Array();

//pages with ads
//var _gArrayAds = new Array('12','22','28','34','40','50');
var _gArrayAds = new Array();

var obj = new Object;

//------------------------------------------------------------------------------------------
//start const mail
//------------------------------------------------------------------------------------------
var objMail = new Object;
objMail.page_04_1 = 'japan@usiglobal.com';
objMail.page_04_2 = 'usi@ms.usi.com.tw';
objMail.page_04_3 = 'china@usiglobal.com';
objMail.page_04_4 = 'us-west@usiglobal.com';
objMail.page_04_5 = 'us-east@usiglobal.com';

objMail.page_08_1 = 'ethan_h@ms.usi.com.tw';
objMail.page_08_2 = 'steven@ms.usi.com.tw';
objMail.page_10_1 = 'usi@ms.usi.com.tw';
objMail.page_12_1 = 'jasont@ms.usi.com.tw';
//------------------------------------------------------------------------------------------
//end const mail
//------------------------------------------------------------------------------------------



//------------------------------------------------------------------------------------------
//start const object copy
//------------------------------------------------------------------------------------------
var objCopy = new Object;
objCopy.copy_1 = "";

//------------------------------------------------------------------------------------------
//end const object copy
//------------------------------------------------------------------------------------------

var zoomObj = new Object;
zoomObj.zoom1 = new Object;
zoomObj.zoom1.height = 80;
zoomObj.zoom1.left = 329;
zoomObj.zoom1.top = 312;

//--------------------------------------------------------------------------------------
//start const for zoom picture
//--------------------------------------------------------------------------------------
var zoomParm = new Object;
//yong add
var zoomParm = new Object;
zoomParm.page07_1 = new Object;
zoomParm.page07_1.img = 'assets/PhotoPrinter-white.png';
zoomParm.page07_1.width = 10;
zoomParm.page07_1.top = -90;  //-250  78  vertical position
zoomParm.page07_1.left = 278;   //746   horizontal position
zoomParm.page07_1.StFrom = 394; //394  672  change size
zoomParm.page07_1.StTo = 70;  //70  80  change size
zoomParm.page07_1f = new Object;
zoomParm.page07_1f.width = 130;
zoomParm.page07_1f.top = -250;  
zoomParm.page07_1f.left = 940;   
zoomParm.page07_1f.StFrom = 394;  
zoomParm.page07_1f.StTo = 100;    
zoomParm.page07_1.myStrV1 = 200;  //300
zoomParm.page07_1.myStrV2 = 50;   //250
zoomParm.page07_1.myStrXV1 = 0;   //0
zoomParm.page07_1.myStrXV2 = -200;   //-500

zoomParm.page07_2 = new Object;
zoomParm.page07_2.img = 'assets/PhotoPrinter.png';
zoomParm.page07_2.width = 70;
zoomParm.page07_2.top = 60;  //-125
zoomParm.page07_2.left = 278;   //746
zoomParm.page07_2.StFrom = 394;
zoomParm.page07_2.StTo = 70;
zoomParm.page07_2f = new Object;
zoomParm.page07_2f.width = 40; //130
zoomParm.page07_2f.top = -250;
zoomParm.page07_2f.left = 940;
zoomParm.page07_2f.StFrom = 394;
zoomParm.page07_2f.StTo = 70;//100
zoomParm.page07_2.myStrV1 = 100; //300
zoomParm.page07_2.myStrV2 = 30;  //250
zoomParm.page07_2.myStrXV1 = 0;
zoomParm.page07_2.myStrXV2 = -200;

zoomParm.page07_3 = new Object;
zoomParm.page07_3.img = 'assets/picture3.png';
zoomParm.page07_3.width = 70;
zoomParm.page07_3.top = -140;  //-250
zoomParm.page07_3.left = 278;   //746
zoomParm.page07_3.StFrom = 394;
zoomParm.page07_3.StTo = 70;
zoomParm.page07_3f = new Object;
zoomParm.page07_3f.width = 130;
zoomParm.page07_3f.top = -250;
zoomParm.page07_3f.left = 940;
zoomParm.page07_3f.StFrom = 394;
zoomParm.page07_3f.StTo = 100;
zoomParm.page07_3.myStrV1 = 200; //300
zoomParm.page07_3.myStrV2 = 50;  //250
zoomParm.page07_3.myStrXV1 = 0;
zoomParm.page07_3.myStrXV2 = -200;

zoomParm.page08_1 = new Object;
zoomParm.page08_1.img = 'assets/picture4.png';
zoomParm.page08_1.width = 70;
zoomParm.page08_1.top = -140;  //-250
zoomParm.page08_1.left = 700;   //746
zoomParm.page08_1.StFrom = 394; //394
zoomParm.page08_1.StTo = 70;  //70
zoomParm.page08_1f = new Object;
zoomParm.page08_1f.width = 130;
zoomParm.page08_1f.top = -250;  
zoomParm.page08_1f.left = 940;   
zoomParm.page08_1f.StFrom = 394;  
zoomParm.page08_1f.StTo = 100;    
zoomParm.page08_1.myStrV1 = 200;  //300
zoomParm.page08_1.myStrV2 = 50;   //250
zoomParm.page08_1.myStrXV1 = 0;   //0
zoomParm.page08_1.myStrXV2 = -200;   //-500

zoomParm.page08_2 = new Object;
zoomParm.page08_2.img = 'assets/picture5.png';
zoomParm.page08_2.width = 70;
zoomParm.page08_2.top = 160;  //-250
zoomParm.page08_2.left = 700;   //746
zoomParm.page08_2.StFrom = 394;
zoomParm.page08_2.StTo = 70;
zoomParm.page08_2f = new Object;
zoomParm.page08_2f.width = 130;
zoomParm.page08_2f.top = -250;
zoomParm.page08_2f.left = 940;
zoomParm.page08_2f.StFrom = 394;
zoomParm.page08_2f.StTo = 100;
zoomParm.page08_2.myStrV1 = 200; //300
zoomParm.page08_2.myStrV2 = 50;  //250
zoomParm.page08_2.myStrXV1 = 0;
zoomParm.page08_2.myStrXV2 = -200;


zoomParm.page09_1 = new Object;
zoomParm.page09_1.img = 'assets/picture6.png';
zoomParm.page09_1.width = 70;
zoomParm.page09_1.top = 30;  //-250
zoomParm.page09_1.left = 278;   //746
zoomParm.page09_1.StFrom = 280;
zoomParm.page09_1.StTo = 70;
zoomParm.page09_1f = new Object;
zoomParm.page09_1f.width = 30; //70
zoomParm.page09_1f.top = -120; //-250
zoomParm.page09_1f.left = 940;  //940
zoomParm.page09_1f.StFrom = 250;//250
zoomParm.page09_1f.StTo = 60; //60
zoomParm.page09_1.myStrV1 = 100; //100
zoomParm.page09_1.myStrV2 = 30;  //30
zoomParm.page09_1.myStrXV1 = 0;//0
zoomParm.page09_1.myStrXV2 = -200;  //-200

zoomParm.page11_1 = new Object;
zoomParm.page11_1.img = 'assets/WiMAX_16e_Indoor.png';
zoomParm.page11_1.width = 70;
zoomParm.page11_1.top = -120;  //-250
zoomParm.page11_1.left = 278;   //746
zoomParm.page11_1.StFrom = 394; //394
zoomParm.page11_1.StTo = 70;  //70
zoomParm.page11_1f = new Object;
zoomParm.page11_1f.width = 130;
zoomParm.page11_1f.top = -120;  
zoomParm.page11_1f.left = 940;   
zoomParm.page11_1f.StFrom = 394;  
zoomParm.page11_1f.StTo = 100;    
zoomParm.page11_1.myStrV1 = 200;  //300
zoomParm.page11_1.myStrV2 = 50;   //250
zoomParm.page11_1.myStrXV1 = 0;   //0
zoomParm.page11_1.myStrXV2 = -200;   //-500

zoomParm.page12_1 = new Object;
zoomParm.page12_1.img = 'assets/WiMAX_16e_ODU.png';
zoomParm.page12_1.width = 40;
zoomParm.page12_1.top = -115;  //-250
zoomParm.page12_1.left = 500;   //746
zoomParm.page12_1.StFrom = 200;  //280
zoomParm.page12_1.StTo = 40;  //70
zoomParm.page12_1f = new Object;
zoomParm.page12_1f.width = 30;   //70
zoomParm.page12_1f.top = 100;  //-250
zoomParm.page12_1f.left = 940;  //940
zoomParm.page12_1f.StFrom = 250;
zoomParm.page12_1f.StTo = 60;
zoomParm.page12_1.myStrV1 = 100; //300
zoomParm.page12_1.myStrV2 = 30;  //250
zoomParm.page12_1.myStrXV1 = 0;
zoomParm.page12_1.myStrXV2 = -200;




//--------------------------------------------------------------------------------------
//end const for zoom picture
//--------------------------------------------------------------------------------------



function startAnimationLeave(s,e)
{
    _gLink = false;
    if(_gIsZoom)
		return;
	var id = s.name.substring(s.name.indexOf('_') + 1);
    s.findName("myStoryboard_" + id + "R").begin();
    
    
    
   var Txt = s.findName("Txt");
    if(Txt!=null)
        Txt["opacity"] = 0;
}
function startAnimation(s,e)
{    
    if(_gIsZoom)
		return;
	var id = s.name.substring(s.name.indexOf('_') + 1);
    s.findName("myStoryboard_" + id).begin();    
}
function endAnimation(s,e)
{
    if(_gIsZoom)
		return;
	_gThisPage.plugIn.content.findName("MyZoom")['canvas.top'] = 1700;
    _gThisPage.plugIn.content.findName("MyZoom")['Opacity'] = 0;
}

//zoom picture( set size )
function setSizeZoom(s)
{
    
    MyAnimatedImages = _gThisPage.plugIn.content.findName("MyAnimatedImages");
    myStoryboardRDouble = _gThisPage.plugIn.content.findName("myStoryboardRDouble");
    MyAnimatedImagesRDouble = _gThisPage.plugIn.content.findName("MyAnimatedImagesRDouble");
    
    myStrV1 = _gThisPage.plugIn.content.findName("myStrV1");
    myStrV2 = _gThisPage.plugIn.content.findName("myStrV2");
    myStrXV1 = _gThisPage.plugIn.content.findName("myStrXV1");
    myStrXV2 = _gThisPage.plugIn.content.findName("myStrXV2");
    
    myStrRV1 = _gThisPage.plugIn.content.findName("myStrRV1");
    myStrRV2 = _gThisPage.plugIn.content.findName("myStrRV2");
    myStrXRV1 = _gThisPage.plugIn.content.findName("myStrXRV1");
    myStrXRV2 = _gThisPage.plugIn.content.findName("myStrXRV2");    
      
    if( zoomParm['page'+s.name.substring(s.name.indexOf("_")+1)]!=null )
        page = s.name.substring(s.name.indexOf("_")+1);    
    
    myStrV1.Value = zoomParm['page'+page].myStrV1;
    myStrV2.Value = zoomParm['page'+page].myStrV2;
    myStrXV1.Value = zoomParm['page'+page].myStrXV1;
    myStrXV2.Value = zoomParm['page'+page].myStrXV2;
    myStrRV1.Value = zoomParm['page'+page].myStrV2;
    myStrRV2.Value = zoomParm['page'+page].myStrV1;
    myStrXRV1.Value = zoomParm['page'+page].myStrXV2;
    myStrXRV2.Value = zoomParm['page'+page].myStrXV1;
    MyAnimatedImages['source'] = zoomParm['page'+page].img;   
  
    
    if( !_gFullScreen )
    {
        MyAnimatedImages['width'] = zoomParm['page'+page].width;
        MyAnimatedImages['canvas.top'] = zoomParm['page'+page].top;
        MyAnimatedImages['canvas.left'] = zoomParm['page'+page].left;
        
        myStoryboardRDouble['From'] = zoomParm['page'+page].StFrom;
        myStoryboardRDouble['To']   = zoomParm['page'+page].StTo;
        
        MyAnimatedImagesRDouble['From'] = zoomParm['page'+page].StTo;
        MyAnimatedImagesRDouble['To']   = zoomParm['page'+page].StFrom;
    }
    else
    {
        MyAnimatedImages['width'] = zoomParm['page'+page+'f'].width;
        MyAnimatedImages['canvas.top'] = zoomParm['page'+page+'f'].top;
        MyAnimatedImages['canvas.left'] = zoomParm['page'+page+'f'].left;
        
        myStoryboardRDouble['From'] = zoomParm['page'+page+'f'].StFrom;
        myStoryboardRDouble['To'] = zoomParm['page'+page+'f'].StTo;
        
        MyAnimatedImagesRDouble['From'] = zoomParm['page'+page+'f'].StTo;
        MyAnimatedImagesRDouble['To'] = zoomParm['page'+page+'f'].StFrom;
    }
}


function startAnimationZoom(s,e)
{
    
    
    if(_gIsZoom)
		return;
		
	_gThisPage.plugIn.content.findName('MyAnimatedImages')['source'] = '';
		
	click_	= true; 
	setSizeZoom(s);
	
	if( revers==true )
    {           
       revers = false;
       _gThisPage.plugIn.content.findName("myStoryboardR").begin();  
       _gThisPage.plugIn.content.findName("myStoryboard2R").begin();  
       _gThisPage.plugIn.content.findName("myStoryboardXR").begin(); 
    }
    else
    {
       revers = true;
       _gThisPage.plugIn.content.findName("MyZoom")['canvas.top'] = 100;
       _gThisPage.plugIn.content.findName("MyZoom")['Opacity'] = 1;
       _gThisPage.plugIn.content.findName("myStoryboard").begin();  
       _gThisPage.plugIn.content.findName("myStoryboard2").begin(); 
       _gThisPage.plugIn.content.findName("myStoryboardX").begin();
    }
    
}


//-----------------------------------------------------------------------------------
//start All Function for work with Omni
//-----------------------------------------------------------------------------------
function sendOmniPage(page)
{ 
    
}
function sendOmniLink(link)
{ 
    
}
var flashObject = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\"5\" height=\"5\" id=\"copyclp\" align=\"middle\">    <param name=\"allowScriptAccess\" value=\"sameDomain\" />    <param name=\"movie\" value=\"copyclp.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#429629\" />    <embed src=\"copyclp.swf\" quality=\"high\" bgcolor=\"#429629\" width=\"5\" height=\"5\" name=\"copyclp\" align=\"middle\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />    </object>";	
function sendADS(s,e)
{
    
}
function openAdsPage( page )
{
   
}
//-----------------------------------------------------------------------------------
//end  All Function for work with Omni
//-----------------------------------------------------------------------------------


function copyPage(s,e)
{
   var name = s.name;
   var index = name.substring(name.indexOf('_')+1);   
   
   var text = '';
   for( i in objCopy )
   {
        if( i.substring(i.indexOf('_')+1)==index )
        {
           text = objCopy[i];
        }
   }
      
   var maintext = text;
   
   if( !BROWSER_IS_IE )
   {        
        execFlashFunc('copyTextToClp', maintext);        
        return;    
   }
   
   if (window.clipboardData) 
   {   
       // the IE-manier
       window.clipboardData.setData("Text", maintext);
       
       // waarschijnlijk niet de beste manier om Moz/NS te detecteren;
       // het is mij echter onbekend vanaf welke versie dit precies werkt:
   }
   else if (window.netscape) 
   { 
   
   // dit is belangrijk maar staat nergens duidelijk vermeld:
   // you have to sign the code to enable this, or see notes below 
   netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
   
   // maak een interface naar het clipboard
   var clip = Components.classes['@mozilla.org/widget/clipboard;1']
                 .createInstance(Components.interfaces.nsIClipboard);
   if (!clip) return;
   
   // maak een transferable
   var trans = Components.classes['@mozilla.org/widget/transferable;1']
                  .createInstance(Components.interfaces.nsITransferable);
   if (!trans) return;
   
   // specificeer wat voor soort data we op willen halen; text in dit geval
   trans.addDataFlavor('text/unicode');
   
   // om de data uit de transferable te halen hebben we 2 nieuwe objecten 
   // nodig om het in op te slaan
   var str = new Object();
   var len = new Object();
   
   var str = Components.classes["@mozilla.org/supports-string;1"]
                .createInstance(Components.interfaces.nsISupportsString);
   
   var copytext=meintext;
   
   str.data=copytext;
   
   trans.setTransferData("text/unicode",str,copytext.length*2);
   
   var clipid=Components.interfaces.nsIClipboard;
   
   if (!clip) return false;
   
   clip.setData(trans,null,clipid.kGlobalClipboard);
   
   }
   //alert("Following info was copied to your clipboard:\n\n" + meintext);
   return false;
}

function linkToURL(s,e)
{
    sendOmniLink("http://www.microsoft.com/windows/products/windowsvista/100reasons.mspx");
    window.open( "http://www.microsoft.com/windows/products/windowsvista/100reasons.mspx", "name", "" );
}

function linkURL(sender,e)
{
    var temp_name = sender.name;    
    var number = temp_name.substring(temp_name.indexOf('_')+1);    
    sendOmniLink( objUrl['url_'+number] );
    window.open( objUrl['url_'+number], "name", "" );
}

function linkAdd(sender,e)
{   
    var temp_name = sender.name;        
    var number = temp_name.substring(temp_name.indexOf('_')+1);        
    window.open( objUrl['url_'+number], "name", "" );    
    var id = page;
    s_linkType = 'e';
    s_linkName = 'silverlightAdd_615x408';
    
    s_lnk=s_co(_gThisPage);
    s_gs('cmpddjsilverlightcom');
    
    
}
function IsWablon(index)
{
	for( var i = 0 ; i < _gPage1ArrayStr.length ; i++ )
	{
		if(_gPage1ArrayStr[i]=='page'+index)
			return true;
	}
	
	return false;
}
function moveTextInp()
{
	//alert(document.getElementById("SilverlightControlHost").style['left']);
}
function AutoPlayVideo(bool)
{
	
}

function showNavMenu(sender, args)
{	
	sender.findName("pageBrowserButton1")["Canvas.Top"] = 19;
	sender.findName("pageBrowserButton1")["Opacity"] = 1;
	
	if( boolNav )
	{
		boolNav = false;
	}
	else
	{
		boolNav = true;
	}
}

function showNavMenu1(sender, args)
{
	sender.findName("MenuNavig")["Canvas.Top"] = -100;
	sender.findName("MenuNavig")["Opacity"] = 1;
	
	sender.findName("pageBrowserButton")["Canvas.Top"] = 19;
	sender.findName("pageBrowserButton")["Opacity"] = 1;
	
	sender.findName("pageBrowserButton1")["Canvas.Top"] = -1700;
	sender.findName("pageBrowserButton1")["Opacity"] = 0;
}
function closeMovieNow(s,e)
{
	s.findName("MoviePlayer")["opacity"] = 0;
	s.findName("MoviePlayer")["canvas.top"] = 1700;
	document.getElementById("textInput").style['top'] = -45;
	openPlayerZoom=null;
		
	if(videoOpenIs==true)
		s.findName("mediaVideoPlayer").stop();
	
	videoOpenIs = null;
	s.findName("position").text = '00:00';
	s.findName("timer").stop();
	s.findName("MoviePosition")["width"] = 0;	
}

function closeCursorM(sender, args)
{
	var over = sender.findName("Txt2");
   	over["opacity"] = 0;
}
//

function alignVideo(index)
{
    if( _gThisPage.plugIn.content.findName("mediaVideoPlayer_" + index)!=null )
    {
    }
}
function movieCursor( sender, args )
{
	movieOverMovie = true;
}
function movieCursorLeave( sender, args )
{
	movieOverMovie = null;
}
function changeCursorM(sender, args)
{
	var over = sender.findName("Txt2");
	var Txt1 = sender.findName("Txt3");
	if(sender.name=='unchecked_normal')
	{
		Txt1.text = 'Page navigation';
	}
	
	if(sender.name=='unchecked_normal42')
	{
		Txt1.text = 'Menu navigation';
	}
	if(sender.name=='unchecked_normal41')
	{
		Txt1.text = 'Full screen mode';
	}
	if(sender.name=='article')
	{
		Txt1.text = '  Go to article ';
	}
	  
   	over["canvas.top"] = args.getPosition(null).y+20;
   	over["canvas.left"] = args.getPosition(null).x-40;
   	if(sender.name=='unchecked_normaExit')
	{
		
		over["opacity"] = 0;
	}
	else
	{
	    over["opacity"] = 1;
	}
}
function replayMC(sender, args)
{
}
function page1String(page)
{
    for( var i=0 ; i < _gPage1ArrayStr.length ; i++ )
    {
        if(_gPage1ArrayStr[i]==("page"+page))
            return _gPage1ArrayStr[i];
    }
    return null;
}
function pageString(page)
{    
    for( var i=0 ; i < _gPageArrayStr.length ; i++ )
    {            
        if(_gPageArrayStr[i]==("page"+page))
        {
            return _gPageArrayStr[i];
        }
    }
    return null;
}
function pageAds(page)
{    
    for( var i=0 ; i < _gPageArrayStr.length ; i++ )
    {            
        if( _gPageArrayStr[i] == page )
        {
            return true;
        }
    }
    return null;
}
function mouseZoomPage(sender, args)
{
    if( _gScrollDown )
        return;
        
        
    var zoomCloseText = sender.findName("zoomCloseText");
    var zoomPageCanvas = sender.findName("zoomPageCanvas");
    
    zoomCloseText["opacity"] = 1;
    zoomCloseText["canvas.top"] = args.getPosition(null).y - sender.findName("MainCanvas")["canvas.top"];
    zoomCloseText["canvas.left"] = args.getPosition(null).x - sender.findName("MainCanvas")["canvas.left"];
    
}

function doSend(s,e)
{	
	if(s.name==undefined)
	    return;
	if(firstIs)
	{
		firstIs = false;
		return;
	}
	firstIs = true;
	
	var id = '';
	for(var i=0;i<_gBannerArray.length;i++)
	{
	    if((''+(i+1)+'')==s.name.substring(s.name.indexOf('_')+1))
	    {
	       id = _gBannerArray[i];
	       break;
	    }
	}
	Stamp = new Date();
    var now = Stamp.getTime();
    var temp = now-loadTime;
    Stamp1 = new Date(temp);   
    Stamp2 = new Date(Stamp1.getMinutes()*60*1000);
    var url = loginURL + "?clicktimer="+Stamp1.getMinutes()+"m|"+Stamp1.getSeconds()+"s|"+(temp-(Stamp1.getMinutes()*60*1000)-(Stamp1.getSeconds()*1000))+"ms&advertisementID="+id;
	
	
	document.getElementById("baner")["src"] = url;
}
function doLogin_OnLoad()
{
	
	if (xmlHttp.readyState != 4) return;
	if (xmlHttp.status != 200) return;

	var parseErr = xmlHttp.responseXML.parseError;
	
	if( parseErr != null )
	if( parseErr != 0)
	{
		return;
	}
		
	if(getXMLdata(xmlHttp.responseXML, 'error') != '' )
	{
		return;
	}
}
function getXMLdata(xmlObj, nodeName)
{
	
	if( xmlObj.getElementsByTagName(nodeName).length == 0 ) return '';
	
	var val = xmlObj.getElementsByTagName(nodeName)[0].childNodes[0].nodeValue
	return val ? val : '';
}
function enterIn(sender, args)
{
    overLink = false;
}
function root_Loaded(sender, args)
{
    control = sender.getHost();
    // Set the event handler function for the OnFullScreenChange event.
    control.content.onFullScreenChange = onFullScreenChange;
    
}
function onKeyUp(sender, args)
{
    var control = sender.getHost();
}
function setGlobalValues()
{
    scrollbar = _gThisPage.plugIn.content.findName("scrollbar");
    bg = _gThisPage.plugIn.content.findName("bg");
    listbox = _gThisPage.plugIn.content.findName("listbox");
    btnDown = _gThisPage.plugIn.content.findName("btnDown");
    btnUp = _gThisPage.plugIn.content.findName("btnUp");
    zoomPageMain = _gThisPage.plugIn.content.findName("zoomPageMain");
    zoomPageRect = _gThisPage.plugIn.content.findName("zoomPageRect");
    dragScroll = _gThisPage.plugIn.content.findname("dragScroll");
    zoomPageCanvas = _gThisPage.plugIn.content.findname("zoomPageCanvas");
      
    top = bg["canvas.top"] + listbox["canvas.top"] + scrollbar["canvas.top"];
    topPage = bg["canvas.top"] + listbox["canvas.top"] + zoomPageCanvas["canvas.top"]
    dragHeight = dragScroll["height"];        
      
    if( _gImg )
        zoomPageMain = _gThisPage.plugIn.content.findname("zoomPageMain");
    else
        zoomPageMain = _gThisPage.plugIn.content.findname("zoomPageCnv");
      
    height = btnDown["canvas.top"] + btnDown["height"];
    
}
var height = 0;
var btnDown = null;
var scrollbar = null;
var bg = null;
var listbox = null;
var zoomPageMain = null;
var dragHeight = null;
var topPage = null;
var btnUp = null;
var top = null;
var zoomPageMain = null;
var zoomPageCanvas = null;
var dragScroll = null;
var zoomPageRect = null;
function scrollStartMove(sender, eventArgs)
{
    if( _gScrollDown )
    {        
        var mousePoint = eventArgs.getPosition(null).y-top;
        
        if( mousePoint>=dragPoint && mousePoint<=(btnUp["canvas.top"]-(dragHeight-dragPoint)))
        {
            dragScroll["canvas.top"] = mousePoint-dragPoint; 
            var percent = (dragScroll["canvas.top"])/(btnUp["canvas.top"]-dragScroll["height"]); 
            zoomPageMain["canvas.top"] = -(((zoomPageMain.height + 40)-height)*percent);      
        }
        else
        {
            if( mousePoint<=dragPoint )
            {
                dragScroll["canvas.top"] = 0; 
                var percent = 0; 
                zoomPageMain["canvas.top"] = 0;      
            }
            else
            if( mousePoint>=(btnUp["canvas.top"]-(dragHeight-dragPoint)) )
            {
                dragScroll["canvas.top"] = btnUp["canvas.top"]-dragHeight;                 
                zoomPageMain["canvas.top"] = -(((zoomPageMain.height+40)-height));      
            }
        }
    }
}
function scrollDownBtnUpRoot(sender, args)
{
	if( sender.name=='btnUp1' )
	{
        var scrollbar = sender.findName("scrollbar1");
        var btnDown = sender.findName("btnDown1");
        var btnUp = sender.findName("btnUp1");//
        var MainCanvas = sender.findName("MainCanvas");
		var top =0;//sender.findname("bg")["canvas.top"]+sender.findname("listbox")["canvas.top"]+sender.findname("scrollbar")["canvas.top"]+sender.findname("btnUp")["height"];//
        
        top = scrollbar["canvas.top"];        
        var all = btnUp["canvas.top"] - top;
       
       
       var dragScroll = sender.findname("dragScroll1");
       var percent = 0.1;
       if(dragScroll["canvas.top"]-(all)*percent<=0)
       {
        dragScroll["canvas.top"] = 0;
        var percent = 0;
        MainCanvas["canvas.top"] = 0;
        return;
       }
       
       
       MainCanvas["canvas.top"] = MainCanvas["canvas.top"]+(defHeight-control.content.actualHeight)*percent;
       dragScroll["canvas.top"] = dragScroll["canvas.top"]-(all)*percent;
	}
	
	if( sender.name=='btnUp2' )
	{
		var scrollbar = sender.findName("scrollbar2");
        var btnDown = sender.findName("btnDown2");
        var btnUp = sender.findName("btnUp2");//
        var MainCanvas = sender.findName("MainCanvas");
		var top =0;//sender.findname("bg")["canvas.top"]+sender.findname("listbox")["canvas.top"]+sender.findname("scrollbar")["canvas.top"]+sender.findname("btnUp")["height"];//
        
               
        var all = btnUp["canvas.top"] - top;
       
       
       var dragScroll = sender.findname("dragScroll2");
       var percent = 0.1;
       if(dragScroll["canvas.top"]-(all)*percent<=0)
       {
            dragScroll["canvas.top"] = 0;
            var percent = 0;
            MainCanvas["canvas.left"] = 0;
            return;
       }
       
	 
       
       MainCanvas["canvas.left"] = MainCanvas["canvas.left"]+(defWidth-control.content.actualWidth)*percent;
       dragScroll["canvas.top"] = dragScroll["canvas.top"]-(all)*percent;
	}
}
function scrollDownBtnDownRoot(sender, args)
{
	 
	if( sender.name=='btnDown1' )
	{		
		var scrollbar = sender.findName("scrollbar1");
        var btnDown = sender.findName("btnDown1");
        var btnUp = sender.findName("btnUp1");
        var MainCanvas = sender.findName("MainCanvas");
        var dragScroll = sender.findname("dragScroll1");
        var top =0;
        var all = btnUp["canvas.top"] - top;        
        var percent = 0.1;
        if( Math.abs(MainCanvas["canvas.top"]-(defHeight - control.content.actualHeight)*percent-10) >= (defHeight-control.content.actualHeight) )
        {
            dragScroll["canvas.top"] = btnUp["canvas.top"]-dragScroll["height"];
            var percent1 = 1;
            MainCanvas["canvas.top"] = -(defHeight - control.content.actualHeight);        
            return;
        }
        MainCanvas["canvas.top"] = MainCanvas["canvas.top"]-(defHeight - control.content.actualHeight)*percent;
        dragScroll["canvas.top"] = dragScroll["canvas.top"]+(all)*percent;     
	}
	
	
	if( sender.name=='btnDown2' )
	{
		var scrollbar = sender.findName("scrollbar2");
        var btnDown = sender.findName("btnDown2");
        var btnUp = sender.findName("btnUp2");
        var MainCanvas = sender.findName("MainCanvas");
        var dragScroll = sender.findname("dragScroll2");
        var top = 0;
        var all = btnUp["canvas.top"] - top;        
        var percent = 0.1;
        if( Math.abs(MainCanvas["canvas.left"]-(defWidth - control.content.actualWidth)*percent-10) >= (defWidth-control.content.actualWidth) )
        {
            dragScroll["canvas.top"] = btnUp["canvas.top"]-dragScroll["height"];
            var percent1 = 1;
            MainCanvas["canvas.left"] = -(defWidth - control.content.actualWidth);        
            return;
        }
        MainCanvas["canvas.left"] = MainCanvas["canvas.left"]-(defWidth - control.content.actualWidth)*percent;
        dragScroll["canvas.top"] = dragScroll["canvas.top"]+(all)*percent;
	}
	
}
function scrollDownBtnUp(sender, args)
{
    if( _gScrollDownBtnUp )
    {
       var listboxBg = sender.findName("listboxBg");
        var listboxTop = sender.findName("listboxTop");
        var scrollbar = sender.findName("scrollbar");
        var btnDown = sender.findName("btnDown");
        var btnUp = sender.findName("btnUp");//
        var zoomPageRect = sender.findName("zoomPageRect");//
        var MainCanvas = sender.findName("MainCanvas");
        var listbox = sender.findName("listbox");
        var bg = sender.findName("bg");
        
        
        var dragScroll = sender.findname("dragScroll");
        //scrollbar
        var top =0;
        top = bg["canvas.top"] + listbox["canvas.top"] + scrollbar["canvas.top"];
        if( _gImg )
        {
            var zoomPageMain = sender.findname("zoomPageMain");
            minus = -1
        }
        else
        {
            var zoomPageMain = sender.findname("zoomPageCnv");
            minus = -1;
        }
        
        var bg = listboxBg["height"];
        
        var all = btnDown["canvas.top"] - top;
       
       
       var dragScroll = sender.findname("dragScroll");
       //var zoomPageMain = sender.findname("zoomPageMain");
       var percent = 0.1;
       //alert(zoomPageMain["canvas.top"]);
       //if((zoomPageMain["canvas.top"]+(zoomPageMain.height-bg)*percent)>=0)//>=-25
       if(dragScroll["canvas.top"]-(all)*percent<=0)
       {
            dragScroll["canvas.top"] = 0;//listboxTop["canvas.top"];// + btnUp["height"];
            var percent = 0;
            zoomPageMain["canvas.top"] = -((zoomPageMain.height + 40)-bg)*percent;
            return;
       }
              
       zoomPageMain["canvas.top"] = zoomPageMain["canvas.top"]+(( zoomPageMain.height + 40 )-bg)*percent;
       dragScroll["canvas.top"] = dragScroll["canvas.top"]-(all)*percent;
  
       _gScrollDownBtnUp = false;         
    }
}
function scrollUpBtnUp(sender, args)
{
    _gScrollDownBtnUp = true;
}
function scrollDownBtnDown(sender, args)
{
    if( _gScrollDownBtnDown )
    {
        var listboxBg = sender.findName("listboxBg");
        var listboxTop = sender.findName("listboxTop");
        var scrollbar = sender.findName("scrollbar");
        var btnDown = sender.findName("btnDown");
        var btnUp = sender.findName("btnUp");
        var zoomPageRect = sender.findName("zoomPageRect");
        var MainCanvas = sender.findName("MainCanvas");
        var dragScroll = sender.findname("dragScroll");
        //var zoomPageMain = sender.findname("zoomPageMain");
        //scrollbar
        var top =0;//sender.findname("bg")["canvas.top"]+sender.findname("listbox")["canvas.top"]+sender.findname("scrollbar")["canvas.top"]+sender.findname("btnUp")["height"];//
        var t = 40;
        if( !_gFullScreen )
        {
            top = 69;
            var t = 20;
        }
        else
        {
            top = 76;
        }
        
        if( _gImg )
        {
            var zoomPageMain = sender.findname("zoomPageMain");
            minus = -1
        }
        else
        {
            var zoomPageMain = sender.findname("zoomPageCnv");
            minus = -1;
        }
        
        var bg = listboxBg["height"];        
        var all = btnUp["canvas.top"] - top;
        
        
        
       var dragScroll = sender.findname("dragScroll");
       //var zoomPageMain = sender.findname("zoomPageMain");
       
       
       if(Math.abs(zoomPageMain["canvas.top"])>=((zoomPageMain.height + 40)-bg-t))
       {
        dragScroll["canvas.top"] = btnUp["canvas.top"]-70;
        var percent = 1;
        zoomPageMain["canvas.top"] = -((zoomPageMain.height + 40)-bg)*percent;        
        return;
       }
       
       //dragScroll["canvas.top"] = eventArgs.getPosition(null).y-65;
       var percent = 0.1;
       zoomPageMain["canvas.top"] = zoomPageMain["canvas.top"]-((zoomPageMain.height + 40)-bg)*percent;
       dragScroll["canvas.top"] = dragScroll["canvas.top"]+(all)*percent;
        _gScrollDownBtnDown = false;        
    }
}
function scrollUpBtnDown(sender, args)
{
    _gScrollDownBtnDown = true;
}
PageTurn = function(maxNumPages)
{
    this.maxNumPages = maxNumPages;
    _gMaxNumPage = this.maxNumPages;
    _gThis = this;
}
function onEnded(sender, args)
{
    sender.findName("first_movie").play();
    
}
function getTwoDigitInt(number)
{
  // if this number already has two digits, return the int part
  if ((number < 0) || (number >= 10))
    return Math.floor(number).toString();

  // otherwise, prepend zero
  return "0" + Math.floor(number);
}
function doLogoutWin()
{
    
}
var _gScale = 1;
var _gActWidth = 0;
function inquiryNow(sender, eventArgs)
{
    var newWin = window.open ("http://www.computex.biz/bService_Inquery_Form.aspx?inquiretype=C&amp;com_id=222", "_blank", "menubar = yes, location = yes, resizable = yes,scrollbars=yes ");
}

function urlGoLogo(sender, eventArgs)
{
    var newWin = window.open ("http://www.computex.biz/computex/EN/main.asp", "_blank", "menubar = yes, location = yes, resizable = yes");
}

function urlGoLogoRight(sender, eventArgs)
{
    var newWin = window.open ("http://www.computex.biz/", "_blank", "menubar = yes, location = yes, resizable = yes");
}

function loadMain(sender, args)
{
   
}
PageTurn.prototype.handleLoad = function(control, userContext, rootElement)
{    
    this.plugIn = control;      // Store the host plug-in
    this.currentDownload = 0;   // Current resource to be downloaded  
    
    this.navigationManager = new NavigationManager(this.plugIn, this.maxNumPages);    
    this.inkManager = new InkManager(this.plugIn, this.navigationManager);
    this.PageBrowserControl = new PageBrowserControl(this.plugIn, rootElement.findName("pageBrowserControl"), this.pageGenerator, this.navigationManager, this.maxNumPages);
    _gThisPage = this;
    _gMaxNumPage = this.maxNumPages;
    
     this.pageGenerator = new PageGenerator(this.maxNumPages);    
    // begin downloading all assets
    this.downloadAssets();  
    Stamp = new Date();
    loadTime = Stamp.getTime();
    

    // Hook up thumbnail viewer (page browser control)
    // PageBrowserControl = function(plugIn, target, pageGenerator, this.maxNumPages)
    
    
    
}
function scrollStartDown(sender, eventArgs)
{
    _gScrollDown = true;   
    var scrollbar = sender.findName("scrollbar");
    var bg = sender.findName("bg");
    var listbox = sender.findName("listbox");
    var dragScroll = sender.findname("dragScroll");
    var top = bg["canvas.top"] + listbox["canvas.top"] + scrollbar["canvas.top"];   
    dragPoint = eventArgs.getPosition(null).y-top-dragScroll["canvas.top"];
    setGlobalValues();
}
function scrollStartDownRoot(sender, eventArgs)
{
	if(sender.name=="dragScroll1")
	{
		_gScrollDown_root = true;   
    	var scrollbar = sender.findName("scrollbar1");
    	var dragScroll = sender.findname("dragScroll1");
    	var top = scrollbar["canvas.top"];   
    	dragPoint_root = eventArgs.getPosition(null).y-top-dragScroll["canvas.top"];	
    	setGlobalValues1();
	}
	else
	    if( sender.name=="dragScroll2" )
	    {
		    _gScrollDown_root2 = true;   
    	    var scrollbar = sender.findName("scrollbar2");
    	    var dragScrol2 = sender.findname("dragScroll2");
    	    var top = scrollbar["canvas.top"];   
    	    dragPoint_root2 = eventArgs.getPosition(null).x-top-dragScrol2["canvas.top"];	
    	    setGlobalValues2();
	    }
}

function setGlobalValues2()
{
    scrollbar_root2 = _gThisPage.plugIn.content.findName("scrollbar2");
    rootScrool = _gThisPage.plugIn.content.findName("rootScrool");
    btnDown_root2 = _gThisPage.plugIn.content.findName("btnDown2");
    btnUp_root2 = _gThisPage.plugIn.content.findName("btnUp2");
    Main_root = _gThisPage.plugIn.content.findName("MainCanvas");
    dragScroll_root2 = _gThisPage.plugIn.content.findname("dragScroll2");
         
    top_root2 = scrollbar_root2["canvas.top"];
    topPage_root2 = Main_root["canvas.top"]
    dragHeight_root2 = dragScroll_root2["height"];        
          
    height_root2 = btnUp_root2["canvas.top"];    
}


var height_root2 = 0;
var btnDown_root2 = null;
var scrollbar_root2 = null;
var bg_root2 = null;
var rootScrool = null;
var Main_root = null;
var dragHeight_root2 = null;
var topPage_root2 = null;
var btnUp_root2 = null;
var top_root2 = null;
var zoomPageCanvas_root2 = null;
var dragScroll_root2 = null;
var zoomPageRect_root2 = null;
var dragPoint_root2 = null;

function scrollUpRoot(sender, eventArgs)
{
    _gScrollDown_root = false;
    _gScrollDown_root2 = false;
}
function setGlobalValues1()
{
    scrollbar_root = _gThisPage.plugIn.content.findName("scrollbar1");
    rootScrool = _gThisPage.plugIn.content.findName("rootScrool");
    btnDown_root = _gThisPage.plugIn.content.findName("btnDown1");
    btnUp_root = _gThisPage.plugIn.content.findName("btnUp1");
    Main_root = _gThisPage.plugIn.content.findName("MainCanvas");
    dragScroll_root = _gThisPage.plugIn.content.findname("dragScroll1");
          
    top_root = scrollbar_root["canvas.top"];
    topPage_root = Main_root["canvas.top"]
    dragHeight_root = dragScroll_root["height"];        
      
    if( _gImg )
        zoomPageMain = _gThisPage.plugIn.content.findname("zoomPageMain");
    else
        zoomPageMain = _gThisPage.plugIn.content.findname("zoomPageCnv");
      
    height_root = btnUp_root["canvas.top"];    
}

var height_root = 0;
var btnDown_root = null;
var scrollbar_root = null;
var bg_root = null;
var rootScrool = null;
var Main_root = null;
var dragHeight_root = null;
var topPage_root = null;
var btnUp_root = null;
var top_root = null;
var zoomPageCanvas_root = null;
var dragScroll_root = null;
var zoomPageRect_root = null;
var dragPoint_root = null;
var _gScrollDown_root = null;
var _gScrollDown_root2 = null;

function scrollUpRoot(sender, eventArgs)
{
    _gScrollDown_root = false;
    _gScrollDown_root2 = false;
}
function scrollStartMoveRoot(sender, eventArgs)
{
	if(_gScrollDown_root==undefined || _gScrollDown_root==null )
		return; 
	
	if(_gScrollDown_root2==null || _gScrollDown_root2==undefined)
		return;
	
	if( _gScrollDown_root )
    {        
		var mousePoint = eventArgs.getPosition(null).y-top_root;
        
        if( mousePoint>=dragPoint_root && mousePoint<=(btnUp_root["canvas.top"]-(dragHeight_root-dragPoint_root)))
        {
            dragScroll_root["canvas.top"] = mousePoint-dragPoint_root; 
            var percent = (dragScroll_root["canvas.top"])/(btnUp_root["canvas.top"]-dragScroll_root["height"]); 
            Main_root["canvas.top"] = -((defHeight-control.content.actualHeight)*percent);      
        }
        else
        {
            if( mousePoint<=dragPoint_root )
            {
                dragScroll_root["canvas.top"] = 0; 
                var percent = 0; 
                Main_root["canvas.top"] = 0;      
            }
            else
            if( mousePoint>=(btnUp_root["canvas.top"]-(dragHeight_root-dragPoint_root)) )
            {
                dragScroll_root["canvas.top"] = btnUp_root["canvas.top"]-dragHeight_root;                 
                Main_root["canvas.top"] = -((defHeight-control.content.actualHeight));      
            }
        }
	}
	else
	if( _gScrollDown_root2 )
	{
		var mousePoint = eventArgs.getPosition(null).x-top_root2;
        
        if( mousePoint>=dragPoint_root2 && mousePoint<=(btnUp_root2["canvas.top"]-(dragHeight_root2-dragPoint_root2)))
        {
            dragScroll_root2["canvas.top"] = mousePoint-dragPoint_root2; 
            var percent = (dragScroll_root2["canvas.top"])/(btnUp_root2["canvas.top"]-dragScroll_root2["height"]); 
            Main_root["canvas.left"] = -((defWidth-control.content.actualWidth)*percent);      
        }
        else
        {
            if( mousePoint<=dragPoint_root2 )
            {
                dragScroll_root2["canvas.top"] = 0; 
                var percent = 0; 
                Main_root2["canvas.left"] = 0;      
            }
            else
            if( mousePoint>=(btnUp_root2["canvas.top"]-(dragHeight_root2-dragPoint_root2)) )
            {
                dragScroll_root2["canvas.top"] = btnUp_root2["canvas.top"]-dragHeight_root2;                 
                Main_root["canvas.left"] = -((defWidth-control.content.actualWidth));      
            }
        }
	}
}

function scrollEndDown(sender, eventArgs)
{
    _gScrollDown = false;
}
function scrollGo(sender, eventArgs)
{
    var dragScroll = sender.findname("dragScroll");
    if( _gImg )
            var zoomPageMain = sender.findname("zoomPageMain");
        else
            var zoomPageMain = sender.findname("zoomPageCnv");
            
            
    var scrollbar = sender.findName("scrollbar");
    var bg = sender.findName("bg");
    var listbox = sender.findName("listbox");
    var top = bg["canvas.top"] + listbox["canvas.top"] + scrollbar["canvas.top"];
    var btnUp = sender.findName("btnUp");
    var point = eventArgs.getPosition(null).y - top;
     var popravka = 30;
        if( _gFullScreen )
            popravka = 45; 
    if( point<=dragScroll["height"]/2 )
    {
        dragScroll["canvas.top"] = 0; 
        zoomPageMain["canvas.top"] = 0;
    }
    else
        if( point>=btnUp["canvas.top"] - dragScroll["height"]/2 )
        {
            dragScroll["canvas.top"] = btnUp["canvas.top"] - dragScroll["height"];
            var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            zoomPageMain["canvas.top"] = -(zoomPageMain.height-rect);
        }
        else
        {
            dragScroll["canvas.top"] = point - dragScroll["height"]/2;
            var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            zoomPageMain["canvas.top"] = -((zoomPageMain.height-rect+popravka)*percent);
        }
}
function scrollGo1(sender, eventArgs)
{
    
	if(sender.name=="btnBg1")
	{
		var dragScroll = sender.findname("dragScroll1");
    	var zoomPageMain = sender.findname("MainCanvas");
                
    	var scrollbar = sender.findName("scrollbar1");
    	//var bg = sender.findName("bg1");
    	var top = scrollbar["canvas.top"];
    	var btnUp = sender.findName("btnUp1");
    	var point = eventArgs.getPosition(null).y-top;
    
    	if( point<=dragScroll["height"]/2 )
    	{
        	dragScroll["canvas.top"] = 0; 
        	zoomPageMain["canvas.top"] = 0;
    	}
    	else
        	if( point>=btnUp["canvas.top"]-dragScroll["height"]/2 )
        	{
            	dragScroll["canvas.top"] = btnUp["canvas.top"] - dragScroll["height"];
            	var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            	zoomPageMain["canvas.top"] = -(defHeight-control.content.actualHeight);
        	}
        	else
        	{
            	dragScroll["canvas.top"] = point - dragScroll["height"]/2;
            	var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            	zoomPageMain["canvas.top"] = -((defHeight-control.content.actualHeight)*percent);
        	}
	}
	
	
	if(sender.name=="btnBg2" )
	{
		var dragScroll = sender.findname("dragScroll2");
    	var zoomPageMain = sender.findname("MainCanvas");
                
    	var scrollbar = sender.findName("scrollbar2");
    	
    	var top = scrollbar["canvas.top"];
    	var btnUp = sender.findName("btnUp2");
    	var point = eventArgs.getPosition(null).x;
    
    	if( point<=dragScroll["height"]/2 )
    	{
        	dragScroll["canvas.top"] = 0; 
        	zoomPageMain["canvas.left"] = 0;
    	}
    	else
        	if( point>=btnUp["canvas.top"]-dragScroll["height"]/2 )
        	{
            	dragScroll["canvas.top"] = btnUp["canvas.top"] - dragScroll["height"];
            	var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            	zoomPageMain["canvas.left"] = -(defWidth-control.content.actualWidth);
        	}
        	else
        	{
            	dragScroll["canvas.top"] = point - dragScroll["height"]/2;
            	var percent = (dragScroll["canvas.top"])/btnUp["canvas.top"]; 
            	zoomPageMain["canvas.left"] = -((defWidth-control.content.actualWidth)*percent);
        	}
	}
}


PageTurn.prototype.downloadAssets = function()
{
    /*this.downloader = this.plugIn.createObject("Downloader");
    this.downloader.addEventListener("downloadProgressChanged", Silverlight.createDelegate(this, this.downloadProgressChanged));
    this.downloader.addEventListener("completed", Silverlight.createDelegate(this, this.downloadCompleted));
    this.downloader.open("GET", this.pageGenerator.resourceArray[this.currentDownload]);
    this.downloader.send();*/
    
    
    
   // Hide progress UI
    var downloadUI = this.plugIn.content.findName("downloadUI");
    this.plugIn.content.findName("fadeDownloadUI").begin();
    downloadUI.isHitTestVisible = false;
    
    if( document.getElementById("textInput")!=null )
        document.getElementById("textInput").style['display'] = 'block';
        
    //add pages and thumbnails
    this.addOddPages();
    this.addEvenPages();        
    // initialize dragging elements
    this.navigationManager.beginPageAnimation("showFold");	
    openRule(this.plugIn.content,null);
    _gThisManager.jumpToPage1(1);
    showAllNavigation();
}


PageTurn.prototype.downloadZoom = function()
{
   
}


PageTurn.prototype.downloadProgressChanged = function(sender, args)
{
    var progressRect = this.plugIn.content.findName("progressRect");
    progressRect.width = (sender.downloadProgress) * 450;
}


var ThisClass = null;
PageTurn.prototype.downloadCompleted = function(sender, args)
{
    this.currentDownload++;
    ThisClass = this;
    if (this.currentDownload < this.pageGenerator.resourceArray.length)
    {
        var progressText = this.plugIn.content.findName("progressText");
        progressText.text = "Downloading: " + this.pageGenerator.resourceArray[this.currentDownload];
        this.downloader.open("GET", this.pageGenerator.resourceArray[this.currentDownload]);
        this.downloader.send();
    }
    else
    {
       
		    var control = sender.getHost();
		    
            // Hide progress UI
            var downloadUI = this.plugIn.content.findName("downloadUI");
            this.plugIn.content.findName("fadeDownloadUI").begin();
            downloadUI.isHitTestVisible = false;
            document.getElementById("textInput").style['display'] = 'block';
            // add pages and thumbnails
            this.addOddPages();
            this.addEvenPages();        
            // initialize dragging elements
            this.navigationManager.beginPageAnimation("showFold");	
            openRule(sender,args);
            _gThisManager.jumpToPage1(1);
            showAllNavigation();	
            
		
        
    }
}
function onCompletedXaml(sender, eventArgs)
{
    _sender = sender;
    var control = sender.getHost(); 
    var xamlFragment = sender.getResponseText("");
    _gAds = xamlFragment;
    _gElementAds = control.content.createFromXaml(xamlFragment); 
    // Hide progress UI
    var downloadUI = ThisClass.plugIn.content.findName("downloadUI");
    ThisClass.plugIn.content.findName("fadeDownloadUI").begin();
    downloadUI.isHitTestVisible = false;
    if( document.getElementById("textInput")!=null )
        document.getElementById("textInput").style['display'] = 'block';
    //add pages and thumbnails
    ThisClass.addOddPages();
    ThisClass.addEvenPages();        
    // initialize dragging elements
    ThisClass.navigationManager.beginPageAnimation("showFold");	
    openRule(sender,eventArgs);
    _gThisManager.jumpToPage1(1);
    showAllNavigation();	    
    
}
function showAllNavigation()
{
    _gThisPage.plugIn.content.findname("MenuNavig")['canvas.top'] = 10;
    _gThisPage.plugIn.content.findname("MenuLeftArt")['canvas.top'] = 110;
    _gThisPage.plugIn.content.findname("MenuLeft")['canvas.top'] = 110;
    _gThisPage.plugIn.content.findname("Menu")['canvas.top'] = 110;
    _gThisPage.plugIn.content.findname("pageBrowserControl")['canvas.top'] = 690;    
}
function changeCursor(sender, args)
{
	_gMouseOver = true;    
    var mainCanvas = sender.findName("MainCanvas");
    var zoom = sender.findName("zoom");
    zoom["opacity"] = 0;
    mainCanvas["cursor"] = 'Arrow';
    zoom["canvas.top"] = 0;
    zoom["canvas.left"] = 0;
    _gZoom = false;
}
function mouseHandOver(sender, mouseEventArgs)
{
    _gMouseOver = true;
    var mainCanvas = sender.findName("MainCanvas");
    var zoom = sender.findName("zoom");
    if(zoom!=null)
    {
        zoom["opacity"] = 0;
        mainCanvas["cursor"] = 'Default';
        zoom["canvas.top"] = 0;
        zoom["canvas.left"] = 0;
    }
    _gZoom = false;
}
function mouseHandLeave(sender, mouseEventArgs)
{
    _gMouseOver = false; 
}
function canvasMouseDown(sender, args)
{
  _gMouseDown = true;  
    
  _gmouseUp = false;
  var mouseX = args.getPosition(null).x;
  //var mouseY = eventArgs.getPosition(null).y;
 
  if( mouseX > 600 ) 
  {    
    rigthTurn = true;
  }
  else
  {
    rigthTurn = false;
  }
  
  if(!rigthTurn)
  {
    if( mouseX > (455 - WIDTH + 60) )
    {
        return;
    }
  }   
    
    sender.captureMouse();
    _gThisManager.trackMovement = true;
    _gThisManager.previousMouseMovePosition = args.getPosition(null).X + document.body.scrollLeft;
    _gThisManager.pageAnimationType = "none";
   
}
function _canvasMouseUp(sender, args)
{
    _gMouseDown = false;
    _gTurn = false;
    _gmouseUp = true;
    var mouseX = args.getPosition(null).x;
    sender.releaseMouseCapture();
    _gThisManager.trackMovement = false;

    if (_gThisManager.currX1 < 600)
    {
        _gThisManager.beginPageAnimation("finishTurn");
    }
    else
    {
        _gThisManager.beginPageAnimation("showFold");
    }
    
}
function mouseHandOverEnd(sender, args)
{
    _gMouseOver = false;
    _gMouseDown = false;
    
    if(_gIsZoom)
    {  
        sender["cursor"]="Hand";  
    }
    else
    {
        sender["cursor"]="None"; 
    }
}

function changeToCursor(sender, args)
{
    _gMouseOver = true;
    var zoom = sender.findName("zoom");
    zoom["opacity"] = 0;
}
var _gControl = null;
function mouseEnterPage(sender, args)
{ 
    var mainCanvas = sender.findName("MainCanvas");  
    var name = sender.name;
    var number = name.substring(name.indexOf('0')+1);
    
    var control = sender.getHost();
    _gControl = control;
        
    if(_gOver)
    {
        mainCanvas["cursor"] = 'hand';
        _gZoom = true;
        _gIsZoom = true;
        _gMouseOver = true;
        return;
    }
      
   var zoom = sender.findName("zoom");
   
   
   
   if( _gLink || _gMouseDown || _gMouseOver || openPlayerZoom )
   {
		zoom["opacity"] = 0;
		zoom["canvas.top"] = 1700;
		return;
   }
    
   
    if( _gNumPage != sender.name )
        _gNumPage = sender.name;
   
    
    if( !_gFullScreen )
        scale = 1;
    if( _gMouseOver )
        return;
   
    zoom["opacity"] = 1;
    zoom["canvas.top"] = args.getPosition(null).y+5-sender.findName("MainCanvas")["canvas.top"];
    zoom["canvas.left"] = args.getPosition(null).x+5-sender.findName("MainCanvas")["canvas.left"];
    _gLink = false;
    _gZoom = true;
}
function leftZoomOut(sender, args)
{
 var zoomCloseText = sender.findName("zoomCloseText");
    zoomCloseText["opacity"] = 0;
}
function closeScroll(sender, args)
{
    if(_gScrollDown || _gLink  || _gScrollDown_root2 || _gScrollDown_root )
        return;
    if(_gLink==true)    
        return;    
           
    if( sender.findName('mediaCanvas1_'+_gIndexI)!=null ) 
    {
        if(  zoomPlayer!=null && zoomPlayer['source']!='' )
        {
            zoomPlayer.stop();
            zoomPlayer = null;
        }
    }
    
    mediaImagePlayerS = null;
    mediaImagePlayer = null;
    mediaVideoPlayer = null;
    _gIsZoom = false;
    document.getElementById("textInput")['disabled'] = false;
   
    var bg = _gThisPage.plugIn.content.findname("bg");
	//var mediaVideo = _gThisPage.plugIn.content.findname("mediaVideo");
	
	
	if( sender.findName('mediaCanvas1_'+_gIndexI)!=null ) 
    {
    	if( videoObject!=null && videoObject['source']!='' )
	    {
            videoObject.stop();
            videoObject.findName("timer"+_gIndexI).stop();
        }
        
        if(_gMediaPlayer!=null)
	    {
		    _gMediaPlayer.stop();
		    _gMediaPlayer['source']='';
	    }	
    }
  
   
    
   
    
    bg["canvas.top"] = 1000;
    bg["opacity"] = 0;
    
    if( !_gFullScreen && _gThisPage.plugIn.content.findName("MoviePlayer")['opacity'] == 0 )
	{
    	document.getElementById("textInput").style['top'] = -45;
    	       
	}
   document.getElementById("textInput").style['display'] = 'block';
    var zoomCloseText = _gThisPage.plugIn.content.findName("zoomCloseText");
    _gThisPage.plugIn.content.findname("zoomPageCnv")["opacity"] = 0;
    zoomCloseText["opacity"] = 0;
}
function resizeZoom(sender, args)
{
   var listboxBg = sender.findName("listboxBg");
   var listboxTop = sender.findName("listboxTop");
   var scrollbar = sender.findName("scrollbar");
   var btnDown = sender.findName("btnDown");
   var listbox = sender.findName("listbox");
   var btnUp = sender.findName("btnUp");
   var zoomPageMain = sender.findName("zoomPageMain");
   var zoomPageRect = sender.findName("zoomPageRect");
   var btnBg = sender.findName("btnBg");
   var zoomPageCnv = sender.findName("zoomPageCnv");
   var dragScroll = sender.findName("dragScroll");
   var mainCanvas = sender.findName("MainCanvas");
   var zoom = sender.findName("zoom");
   var bgOpacity = sender.findName("bgOpacity");
   //var downloadUI1 = sender.findName("downloadUI1");
   
   listboxBg["height"] = 660;
   listboxBg["width"] = 685;
   bgOpacity["canvas.top"] = -200;
   scrollbar["canvas.left"] = 672;
   zoomPageRect["rect"] = "0,0,672,660";  
   rect = 665;  
   listboxTop["width"] = 685;  

    if(!_gFullScreen)
	{
		listbox["canvas.left"] = control.content.actualWidth/2-listboxBg["width"]/2;//-sender.findName("MainCanvas")["canvas.left"];
       	listbox["canvas.top"] = 10;//control.content.actualHeight/2-listboxBg["height"]/2;//-sender.findName("MainCanvas")["canvas.top"];
	}
    else
	{
		listbox["canvas.left"] = defWidth/2-listboxBg["width"]/2;
		listbox["canvas.top"] = 10;//defHeight/2-listboxBg["height"]/2;
	}
		
    btnDown["canvas.top"] = 645;
    btnUp["canvas.top"] = 630;
    zoomPageMain["width"] = 672;
    btnBg["height"] = 643;
    zoomPageCnv["Height"] = 870;
    bgOpacity["height"] = 2500;//sender.findName("PageBg1")["height"]+sender.findName("PageBg")["canvas.top"];
    //downloadUI1["canvas.left"] = 210;
    dragScroll["canvas.top"] = 0;        
    zoomPageCnv["canvas.top"] = 0;
   
}

function mouseStart(sender, args)
{
   _gLink = true;
}
function double1Click(sender, args)
{
   Stamp = new Date();
    _gDownClick = false;
    
    //------------------------------
     
    //------------------------------
    
        if(Stamp.getTime()-_myTimeDouble<350)
        {
            _gTurn = true;
    
            _gMouseDown = false;
        
            _gmouseUp = true;
            var mouseX = args.getPosition(null).x;
            sender.releaseMouseCapture();
            _gThisManager.trackMovement = false;

            if (_gThisManager.currX1 < 600)
            {
                _gThisManager.beginPageAnimation("finishTurn");
            }
            else
            {
                _gThisManager.beginPageAnimation("showFold");
            }            
            
            if( sender.name.indexOf('Left')==0 )
            {
               
               if(_gThisManager.nextOddPage<=3)
                    return;
                    
                
                prevPage();
               _gCountClick = 0;
            }
            else
                if( sender.name.indexOf('Right')==0 )
                {
                    nextPage();
                    _gCountClick = 0;
                }
        }      
        
       
     
     _myTimeDouble = Stamp.getTime();
}
function doubleClick(sender, args)
{
    Stamp = new Date();
    _gDownClick = false;
    
    if(Stamp.getTime()-_myTimeDouble<350)
    {
        _gTurn = true;    
        _gMouseDown = false;        
        _gmouseUp = true;
        
        var mouseX = args.getPosition(null).x;
        sender.releaseMouseCapture();
        _gThisManager.trackMovement = false;

        if (_gThisManager.currX1 < 600)
        {
            _gThisManager.beginPageAnimation("finishTurn");
        }
        else
        {
            _gThisManager.beginPageAnimation("showFold");
        }            
            
        if( sender.name.indexOf('Left')==0 )
        {
            if(_gThisManager.nextOddPage<=3)
                return;
                    
            _gThisManager.nextOddPage=2+_gThisManager.nextOddPage;                
            prevPage();
            _gCountClick = 0;
        }
        else
           if( sender.name.indexOf('Right')==0 )
           {
               nextPage();
               _gCountClick = 0;
           }
      }
         
     _myTimeDouble = Stamp.getTime();
}


var _GText = null;
var _gSenderG = null;
function canvasMouseZoomUp(sender, args)
{
	
	if( DownLink==true )
	{
	    DownLink = false;
	    return;
	}
	_gSenderG = sender;
	if(  !_gZoom || _gMouseDown || _gLink || _gScrollDown_root2 || _gScrollDown_root )
       return;
	
	if(movieOverMovie==true)    
   		return;
    
	if(isNaN(_gNumPage.substring(_gNumPage.length-2))==true )
       return;     

    /*alert(_gLink);
    return;*/

   
   	var mediaVideo = _gThisPage.plugIn.content.findname("mediaVideo");
	if(mediaVideo!=null)
	{
		mediaVideo.stop();
		mediaVideo['source']='';
	}
	//
   if( _gThisPage.plugIn.content.findname("VideoWindow") != null )
        _gThisPage.plugIn.content.findname("VideoWindow").stop();
        
        
   _gLink = false;
       
   document.getElementById("textInput").style['display'] = 'none';       
   document.getElementById("textInput").style['top'] = 400;
   
   
   var bg = sender.findname("bg");   
   var zoomTxt = sender.findname("zoomCloseText1");
   sender.findName("zoomPageDown")['opacity'] = 1;
   sender.findName("zoomPageDown")['canvas.top'] = 0;
   _GText = zoomTxt;
   var control = sender.getHost();
   var scale = Math.floor(1004*100/(control.content.actualWidth)-30);
   _gMouseOver = true;
   var mainCanvas = sender.findName("MainCanvas");
   var zoom = sender.findName("zoom");
   var bgOpacity = sender.findName("bgOpacity");
   //
   var listboxBg = sender.findName("listboxBg");
   var listboxTop = sender.findName("listboxTop");
   var scrollbar = sender.findName("scrollbar");
   var btnDown = sender.findName("btnDown");
   var listbox = sender.findName("listbox");
   var btnUp = sender.findName("btnUp");//
   var zoomPageMain = sender.findName("zoomPageMain");//sceneScaleBg
   var zoomPageRect = sender.findName("zoomPageRect");
   var btnBg = sender.findName("btnBg");
   var zoomPageCnv = sender.findName("zoomPageCnv");
   var dragScroll = sender.findName("dragScroll");//zoomPageCnv      
      
   _gIsZoom = true;    
   zoom["opacity"] = 0;
   mainCanvas["cursor"] = 'Arrow';
   bgOpacity["cursor"] = 'Arrow';
   zoom["canvas.top"] = 0;
   zoom["canvas.left"] = 0;
   bg["canvas.top"] = 5;
   bg["opacity"] = 1;
   sender.findName("zoomPageMain")["canvas.top"] = 0;
   sender.findName("zoomPageCnv")["canvas.top"] = 0;
   sender.findName("dragScroll")["canvas.top"] = 0;
   
   sender.findName("zoomPageMain")["Source"] = "";
   
   
   
   var n = _gNumPage.substring(_gNumPage.length-2);
   if( n.substring(0,n.length-1)=='0' )
        _gNumberPage = n.substring(n.length-1);
   else
        _gNumberPage = n;
   
   if( _gThisPage.plugIn.content.findName("mediaVideoPlayer_"+_gNumPage.substring(_gNumPage.length-2))!=null )
   {
       _gThisPage.plugIn.content.findName("mediaVideoPlayer_"+_gNumPage.substring(_gNumPage.length-2)).pause();    
   }
  
   
   
   
   if( pageString(_gNumPage.substring(_gNumPage.length-2))==null )
   {
       _gZoomPage = _gNumPage.substring(_gNumPage.length-2);           
       sender.findName("zoomPageMain")["Source"] = "assets/page"+_gNumPage.substring(_gNumPage.length-2)+"z.png";
       if(sender.findName("zoomMainCnv")!=null)
       {
           sender.findName("zoomMainCnv")["opacity"] = 0;   
           sender.findName("zoomMainCnv")["canvas.top"] = 1200;   
       }
       _gImg = true;
   }
   else
   {   
       _gImg = false;
       var _zoomPage = new InkZoom(_gThisPage.plugIn, 1,_gNumPage.substring(_gNumPage.length-2), Silverlight.createDelegate(_gThisPage, _gThisPage.inkManager.closePage));
       _gThisPage.plugIn.content.findname("zoomPageCnv").children.add(_zoomPage.xamlElement);
       _gThisPage.plugIn.content.findname("zoomPageCnv")["opacity"] = 1;
       if(sender.findName("zoomMainCnv")!=null)
       {
           sender.findName("zoomMainCnv")["opacity"] = 1;   
           sender.findName("zoomMainCnv")["canvas.top"] = 0;   
       } 
   }
   
   
   resizeZoom(sender);
}//MouseLeftButtonUp='javascript:canvasMouseZoomUp'
function gotoZoomPage(number)
{
   _gThisPage.plugIn.content.findName("zoomPageMain")["Source"] = "";
   
   
   
   //if(number!='00' && number!='32')
   if( pageString(number)==null )
   {
        _gZoomPage = number;      
       _gThisPage.plugIn.content.findName("zoomPageMain")["Source"] = "assets/page"+number+"z.png";
       _gImg = true;
   }
   else
   {   
       _gImg = false;
       _gZoomPage = number;       
       var _zoomPage = new InkZoom(_gThisPage.plugIn, 1,number, Silverlight.createDelegate(_gThisPage, _gThisPage.inkManager.closePage));
       _gThisPage.plugIn.content.findname("zoomPageCnv").children.add(_zoomPage.xamlElement);
       if(_gThisPage.plugIn.content.findName("zoomMainCnv")!=null)
       {
           _gThisPage.plugIn.content.findName("zoomMainCnv")["opacity"] = 1;   
           _gThisPage.plugIn.content.findName("zoomMainCnv")["canvas.top"] = 0;   
       }
       
   }
   
   var dragScroll = _gThisPage.plugIn.content.findName("dragScroll");
   var zoomPageCnv = _gThisPage.plugIn.content.findName("zoomPageCnv");
   dragScroll["canvas.top"] = 0;        
   zoomPageCnv["canvas.top"] = 0;
}
function onFullScreenChange(sender, eventArgs)
{
    //resizePages(true);
    _gPageBrows.openPageBrowserStoryboard.stop();
    _gPageBrows.pageBrowserWindow.isHitTestVisible = false;
    var control = sender.getHost();   
    var PageCanvas = sender.findName("PageCanvas");
    var Pagelogo = sender.findName("Pagelogo");
    var sceneScale777 = sender.findName("sceneScale777");
    var actualHeight = control.content.actualHeight;
    var MainCanvas = sender.findName("MainCanvas");
    
    var bg = _gThisPage.plugIn.content.findname("bg");    
    var pageBrowserControl = sender.findName("pageBrowserControl");
    var shadowBehindPage = sender.findName("shadowBehindPage");
    var PagePlayer = sender.findName("PagePlayer");    
    var PageBglogo = sender.findName("PageBglogo");
	var PageBglogo2 = sender.findName("PageBglogo2");
    var PageBgBgRect = sender.findName("PageBgBgRect");
    var RightDouble = sender.findName("RightDouble");
    var Left1Double = sender.findName("Right5DoubleScale");
    
    var RightDoubleScale = sender.findName("RightDoubleScale");
    
    var Menu = sender.findName("Menu");
    var BgTop = sender.findName("BgTop");
	var rootScrool = sender.findName("rootScrool");
	var MenuLeft = sender.findName("MenuLeft");
	var MenuLeftArt = sender.findName("MenuLeftArt");
	var MenuLeftArt1 = sender.findName("MenuLeftArt1");
	
	var Movie = sender.findName("Movie");
	
	var MenuNavig = sender.findName("MenuNavig");
	
	var scrollbar1_ = sender.findName("scrollbar1");
	var scrollbar2_ = sender.findName("scrollbar2");
    
    if( !control.content.fullScreen )
    {
       _gFullScreen = control.content.fullScreen;        
    }   
    
	_gActWidth = control.content.actualWidth;
    if( !_gFullScreen )
    {
       scrollbar2_["opacity"] = 0;
	   scrollbar1_["opacity"] = 0;
	   
	   resizePages(false);
       rootScrool["Canvas.Top"] = "1700";
	   rootScrool["Opacity"] = "0";
	   MainCanvas["canvas.top"] = 0;
	   MainCanvas["canvas.left"] = 0;
       MenuLeftArt["canvas.left"] = 15;
       MenuLeft["canvas.left"] = 15;
       MenuLeftArt1['opacity'] = 0;
	   RightDouble["canvas.top"] = 20;
       RightDouble["canvas.left"] = 900;
       
	   RightDoubleScale["ScaleX"] = 1;
       RightDoubleScale["ScaleY"] = 1;
       Left1Double["ScaleX"] = 1;
       Left1Double["ScaleY"] = 1;
       
	   PageBglogo["canvas.left"] = 697;
	   PageBglogo["canvas.top"] = 79;
	   
	   Movie["canvas.top"]=100;
	   Movie["canvas.left"]=150;
	   
	   PageBglogo2["canvas.left"] = 820;
	   Menu["canvas.top"] = 110;
	   Menu["opacity"] = 1;
       
       _gScale = 1;
       PageCanvas["canvas.top"]  = 65;
       PageCanvas["canvas.left"]  = 40;
     
              
       for(var i = 0;i<(_gThisManager.maxNumPages+1);i++)
       {            
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["height"] = HEIGHT;
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["width"] = WIDTH;       
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["source"] = "assets/page" + getTwoDigitInt(i) + ".png";       
       }
       
	    Pagelogo["canvas.left"]  = 0;   
	   
	    document.getElementById("textInput").style['top'] = -45;
        document.getElementById("textInput").style['display'] = 'block';      
		MenuNavig["canvas.left"] = 250;
		openRule(); 
	
    }
    else
    {
       
       resizePages(true);	   
	   
	   Menu["canvas.top"] = 1800;
	   Menu["opacity"] = 0;
	   var scale = 1.25;
       _gScale = scale;
       PageCanvas["canvas.left"]  = defWidth/2 - WIDTH - 30;
       Pagelogo["canvas.left"]  = 0;
	   PageBglogo["canvas.left"] = defWidth-PageBglogo["width"];
	   PageBglogo2["canvas.left"] = defWidth-PageBglogo2["width"];   
	   
	   MenuLeftArt["canvas.left"] = 40;
       MenuLeft["canvas.left"] = -1500;
       MenuLeftArt1['opacity'] = 1;
       
       
       
	   RightDouble["canvas.top"] = PageCanvas["canvas.top"]-70;
       RightDouble["canvas.left"] = PageCanvas["canvas.left"]+WIDTH*2-40;
       RightDoubleScale["ScaleX"] = scale;
       RightDoubleScale["ScaleY"] = scale;
       
       Left1Double["ScaleX"] = scale;
       Left1Double["ScaleY"] = scale;
       
       MenuNavig["canvas.left"] = 385;
	   
	   
       
       for(var i = 0;i<(_gThisManager.maxNumPages+1);i++)
       {            
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["height"]=HEIGHT;
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["width"]=WIDTH;
           _gThisPage.plugIn.content.findName("pageImg"+getTwoDigitInt(i))["source"] = "assets/page" + getTwoDigitInt(i) + "f.png";                             
       } 
	   
	   //for scrool root---------------------	   
	   if( control.content.actualWidth < defWidth || control.content.actualHeight<defHeight )
	   {
	   		rootScrool["Canvas.Top"] = "0";
	   		rootScrool["Opacity"] = "1";
			ShowScrool(control.content.actualWidth,control.content.actualHeight);
	   }	   
	   //------------------------------------
	   openMenu();	       
    }    
    
    var tempPage = _gThisNav.nextOddPage;  
    _gThisNav.onAnimationComplete("hideFold"); 
    _gThisNav.nextOddPage = 1;
    
    for(var i = 2;i<(_gThisManager.maxNumPages/2+1);i++)
    {         
        _gmouseUp = true;
        _gThisNav.trackMovement = false;

        _gThisNav.nextOddPage=_gThisNav.nextOddPage+2;
        _gThisNav.onAnimationComplete("hideFold");        
    }
    
    
    _gThisNav.oddPageGo( tempPage-2 );
    resizeZoom(sender, eventArgs);  
	
	
	
	   MainCanvas["canvas.top"] = 0;
	   MainCanvas["canvas.left"] = 0;   
}
function ShowScrool(_width,_height)
{
	if( _height < defHeight )
	{
		
		var rootScrool = _gThisPage.plugIn.content.findname("rootScrool"); 
		var btnBg1 = _gThisPage.plugIn.content.findname("btnBg1"); 
		var scrollbar1 = _gThisPage.plugIn.content.findname("scrollbar1"); 
		var btnUp1 = _gThisPage.plugIn.content.findname("btnUp1"); 
		var btnDown1 = _gThisPage.plugIn.content.findname("btnDown1"); 
		var dragScroll1 = _gThisPage.plugIn.content.findname("dragScroll1"); 
		scrollbar1["opacity"] = 1;
		btnBg1["height"] = _height;
		scrollbar1["canvas.left"] = _width-scrollbar1["width"];
		scrollbar1["canvas.top"] = 0;
		btnDown1["canvas.top"] = _height-btnDown1["height"]+5;
		btnUp1["canvas.top"] = btnDown1["canvas.top"]-btnUp1["height"]+5;
		dragScroll1["canvas.top"] = 0;
	}
	
	if( _width < defWidth )
	{
		var rootScrool2 = _gThisPage.plugIn.content.findname("rootScrool"); 
		var btnBg2 = _gThisPage.plugIn.content.findname("btnBg2"); 
		var scrollbar2 = _gThisPage.plugIn.content.findname("scrollbar2"); 
		var btnUp2 = _gThisPage.plugIn.content.findname("btnUp2"); 
		var btnDown2 = _gThisPage.plugIn.content.findname("btnDown2"); 
		var dragScroll2 = _gThisPage.plugIn.content.findname("dragScroll2");
		btnBg2["height"] = _width-13;
		scrollbar2["opacity"] = 1;
		scrollbar2["canvas.left"] = 0;
		scrollbar2["canvas.top"] = _height;
		btnDown2["canvas.top"] = _width-13-btnDown2["height"]+5;
		btnUp2["canvas.top"] = btnDown2["canvas.top"]-btnUp2["height"]+5;
		dragScroll2["canvas.top"] = 0;
	}
}
function imageLoaded(s,e)
{
   
    if( click_ )
    {
        
        
        
    }
}
function resizePages(full)
{
    var scale = 1;
    if(full)
    {
        WIDTH = _GWidthF;
        HEIGHT = _GHeightF;
        scale = 1.25;
        scale1 = 1.25;
        _gRigth = _gRigthF;
        _gLeft = _gLeftF;
    }
    else
    {
        WIDTH = _GWidthN;
        HEIGHT = _GHeightN;
        scale = 1;
        scale1 = 1;
        _gRigth = _gRigthN;
        _gLeft = _gLeftN;
    }
    
    var _content = _gThisPage.plugIn.content;
    
    _content.findname("shadowOnEvenPage")['points']=''+WIDTH+','+HEIGHT+' '+WIDTH+','+HEIGHT+' '+WIDTH+','+HEIGHT+' '+WIDTH+','+HEIGHT+'';
    _content.findname("mouseCaptureCanvas")['height'] = HEIGHT;
    _content.findname("mouseCaptureCanvas")['width'] = WIDTH*2;
    
    
    
    if(full)
    {
        _content.findname("shadowBehindPage")['canvas.left'] = 560;
        _content.findname("shadowBehindPage")['canvas.top'] = 15;
        
        _content.findname("shadowBehindPage01")['canvas.left'] = 5;
        _content.findname("shadowBehindPage01")['canvas.top'] = 15;
        
        _content.findname("evenPageCanvas")['canvas.left'] = 570;
        _content.findname("shadowOnEvenPage")['canvas.left'] = 570;
        
        _content.findname("shadowBehindPage")["height"] = HEIGHT+30;
        _content.findname("shadowBehindPage")["width"] = WIDTH+30;
    
        _content.findname("shadowBehindPage01")["height"] = HEIGHT+30;
        _content.findname("shadowBehindPage01")["width"] = WIDTH+30;   
        
        
        if(_content.findName('Media_lnk_24')!=null)
	    {
	        _content.findName('Media_lnk_24')['Canvas.Top'] = 65;
	        _content.findName('Media_lnk_24')['Canvas.Left'] = 60;
	        _content.findName('under_25_1')['width'] = 120;
	        
	    }
        if(_content.findName('Media_lnk_30')!=null)
	    {
	        _content.findName('Media_lnk_30')['Canvas.Top'] = 67;
	        _content.findName('Media_lnk_30')['Canvas.Left'] = 37;
	        _content.findName('under_301_1')['width'] = 120;	        
	    }
              
        _content.findname("lnkAll")["Canvas.Top"] = 42;
        _content.findname("linkGoT")["Canvas.Top"] = 240;      
        
    }
    else
    {
        if(_content.findName('Media_lnk_24')!=null)
	    {
	        _content.findName('Media_lnk_24')['Canvas.Top'] = 0;
	        _content.findName('under_25_1')['width'] = 97;
	        _content.findName('Media_lnk_24')['Canvas.Left'] = 0;
	    }
        if(_content.findName('Media_lnk_30')!=null)
	    {
	        _content.findName('Media_lnk_30')['Canvas.Top'] = 0;
	        _content.findName('under_301_1')['width'] = 97;
	        _content.findName('Media_lnk_30')['Canvas.Left'] = 0;
	    }
        
        _content.findname("shadowBehindPage01")['canvas.left'] = 12;
        _content.findname("shadowBehindPage01")['canvas.top'] = 20;
        _content.findname("shadowBehindPage")['canvas.top'] = 20;
        _content.findname("shadowOnEvenPage")['canvas.left'] = 461;
        _content.findname("shadowBehindPage")['canvas.left'] = 450;
        _content.findname("evenPageCanvas")['canvas.left'] = 461;
        
        _content.findname("shadowBehindPage")["height"] = HEIGHT+20;
        _content.findname("shadowBehindPage")["width"] = WIDTH+25;
    
        _content.findname("shadowBehindPage01")["height"] = HEIGHT+20;
        _content.findname("shadowBehindPage01")["width"] = WIDTH+20;
        
        if(_content.findname("lnkAll")!=null)
        {
            _content.findname("lnkAll")["Canvas.Top"] = -39;
            _content.findname("linkGoT")["Canvas.Top"] = 190;
        }
    
    }
    
         
    for(var i = 0 ; i < (_gThisManager.maxNumPages+1) ; i++)
    {        
        if(_content.findname("loader"+getTwoDigitInt(i))!=null)
        {
            if(full)
                _content.findname("loader"+getTwoDigitInt(i))['opacity'] = 0;
            else
                _content.findname("loader"+getTwoDigitInt(i))['opacity'] = 1;
        
        }
        
        if( _content.findname("LeftDoubleScale"+getTwoDigitInt(i))!=null )
        {
            _content.findname("LeftDoubleScale"+getTwoDigitInt(i))['ScaleX'] = scale1;
            _content.findname("LeftDoubleScale"+getTwoDigitInt(i))['ScaleY'] = scale1;
        }
        if( _content.findname("scalePage"+getTwoDigitInt(i))!=null )
        {
            _content.findname("scalePage"+getTwoDigitInt(i))['ScaleX'] = scale1;
            _content.findname("scalePage"+getTwoDigitInt(i))['ScaleY'] = scale1;
        }
        
        var pagePoint = _content.findname("page"+getTwoDigitInt(i)+"Point4");
        if(pagePoint!=null)
        {
           if(full)
           {
                _content.findname("pageNum"+getTwoDigitInt(i))["canvas.top"] = 575*scale;
           }
           else
           {
                _content.findname("pageNum"+getTwoDigitInt(i))["canvas.top"] = 575*scale;
           }
            
            
            pagePoint["point"] = "0,"+HEIGHT;
            _content.findname("page"+getTwoDigitInt(i)+"Point0")["point"] = "0,"+HEIGHT;
            
            if(i>_gThisNav.nextOddPage-2)
            {
                _content.findname("page"+getTwoDigitInt(i)+"Point1")["point"] = "0,"+HEIGHT;
                _content.findname("page"+getTwoDigitInt(i)+"Point2")["point"] = "0,"+HEIGHT;
                _content.findname("page"+getTwoDigitInt(i)+"Point3")["point"] = "0,"+HEIGHT;
            }
        }
        else
        {
           
           if(full)
           {
                if(_content.findname("pageNum1"+getTwoDigitInt(i))!=null)
                {
                    _content.findname("pageNum1"+getTwoDigitInt(i))["opacity"] = 1;
                    _content.findname("pageNum"+getTwoDigitInt(i))["opacity"] = 0;
                }
           }
           else
           {
                if(_content.findname("pageNum1"+getTwoDigitInt(i))!=null)
                {
                    _content.findname("pageNum"+getTwoDigitInt(i))["opacity"] = 1;
                    _content.findname("pageNum1"+getTwoDigitInt(i))["opacity"] = 0;
                }
           }
           //_gThisPage.plugIn.content.findname("pageNum"+getTwoDigitInt(i))["canvas.top"] = 560*scale;
            
            if( _content.findname("page"+getTwoDigitInt(i)+"Point0")!=null )
                _content.findname("page"+getTwoDigitInt(i)+"Point0")["point"] = "0, "+HEIGHT;
            
            if(i>_gThisNav.nextOddPage-2)
            {
                if(_content.findname("page"+getTwoDigitInt(i)+"Point1")!=null)
                {
                    _content.findname("page"+getTwoDigitInt(i)+"Point1")["point"] = WIDTH+", "+HEIGHT;
                    _content.findname("page"+getTwoDigitInt(i)+"Point2")["point"] = WIDTH+", "+HEIGHT;
                    _content.findname("page"+getTwoDigitInt(i)+"Point3")["point"] = WIDTH+", 0";
                }
            }
       
        }
        
        
        if( _content.findname("page"+getTwoDigitInt(i)+"ip")!=null )
        {
            _content.findname("page"+getTwoDigitInt(i)+"ip")["height"] = HEIGHT;
            _content.findname("page"+getTwoDigitInt(i)+"ip")["width"] = WIDTH;
        }
        
        
        if(_content.findname("pageHand0"+getTwoDigitInt(i))!=null)   
        {
            _content.findname("pageHand0"+getTwoDigitInt(i))["width"] = 30*scale;
            _content.findname("pageHand0"+getTwoDigitInt(i))["height"] = HEIGHT;
        }
        
        if(_content.findname("pageHand10"+getTwoDigitInt(i))!=null)   
        {
            _content.findname("pageHand10"+getTwoDigitInt(i))["width"] = 30*scale+24;
            _content.findname("pageHand10"+getTwoDigitInt(i))["height"] = HEIGHT;
            _content.findname("pageHand10"+getTwoDigitInt(i))["canvas.left"] = 386*scale;
        }
        
        if(_content.findname("foldShadow11"+getTwoDigitInt(i))!=null)   
        {
            _content.findname("foldShadow11"+getTwoDigitInt(i))["width"] = 30*scale;
            _content.findname("foldShadow11"+getTwoDigitInt(i))["height"] = HEIGHT;
        }
        
        //if(_gThisPage.plugIn.content.findname("page"+getTwoDigitInt(i)+"Rotate")!=null)
        _content.findname("page"+getTwoDigitInt(i)+"Rotate")["CenterY"] = HEIGHT;
        
        
        if ((i % 2) == 1)
        {//M 436,590 h -436 v -590 h 436
            
                _content.findname("pagePath"+getTwoDigitInt(i))["Data"] = 'M '+WIDTH+','+HEIGHT+' h -'+WIDTH+' v -'+HEIGHT+' h '+WIDTH+'';
        }
        else
        {//'M 0,0 h 436 v 590 h -436'
            
                _content.findname("pagePath"+getTwoDigitInt(i))["Data"] = 'M 0,0 h '+WIDTH+' v '+HEIGHT+' h -'+WIDTH+'';
        }
        
        
        if(_content.findname("page11Hand00"+i)!=null)
        {
            _content.findname("page11Hand00"+i)["height"] = HEIGHT;
            _content.findname("page11Hand00"+i)["width"] = WIDTH-50;
        }
        
        if(_content.findname("pageHandp0000")!=null)
        {
            _content.findname("pageHandp0000")["height"] = HEIGHT;
            _content.findname("pageHandp0000")["width"] = WIDTH;
        }
        
        if(_content.findname("pageHandp00"+_gThisManager.maxNumPages)!=null)
        {
            _content.findname("pageHandp00"+_gThisManager.maxNumPages)["height"] = HEIGHT;
            _content.findname("pageHandp00"+_gThisManager.maxNumPages)["width"] = WIDTH;
        }       
    }
}
function mouseAway(s,e)
{    
    
    _gMouseOver = true;
    var mainCanvas = s.findName("MainCanvas");
    var zoom = s.findName("zoom");
    if(zoom!=null)
    {
        zoom["opacity"] = 0;
        mainCanvas["cursor"] = 'Default';
        zoom["canvas.top"] = 0;
        zoom["canvas.left"] = 0;
    }
    _gZoom = false;
    //s.findName('zoom')['Canvas.Top'] = 1700;
}
function setPos()
{
    //videoObject.position = _gThisPage.plugIn.content.findName("mediaVideoPlayer_"+_gIndexI).position;
    //alert(videoObject.position.seconds);
    videoObject.play();
    videoObject.findName("timer"+_gIndexI).begin();
}
function setRectangle(s)
{
    for(l in obj)
	{
	   if(l.substring(l.indexOf('_')+1)==_gIndexI)
	   {        		    
	       var k = 0;
	        
	       for( j in obj[l] )
	       {
	            
	            if( typeMedia==1 )
	            {
	                if( j.indexOf('video')==-1 )
			            continue;
				
                    if( s.findName("movieItemRect_" + k + "_" + _gIndexI)!=null )                		    	
                        s.findName("movieItemRect_" + k + "_" + _gIndexI)['opacity'] = 0;
                }
                
                if( typeMedia==0 )
	            {
	                if( j.indexOf('sound')==-1 )
			            continue;
				
                    if( s.findName("soundItemRect_" + k + "_" + _gIndexI)!=null )                		    	
                        s.findName("soundItemRect_" + k + "_" + _gIndexI)['opacity'] = 0;
                }
                
                k++;		       
			}
		}
	}
    
    if( typeMedia==1 )
	{
        if( s.findName("movieItemRect_" + indexVideoList + "_" + _gIndexI)!=null )
            s.findName("movieItemRect_" + indexVideoList + "_" + _gIndexI)['opacity'] = 1;
    }
    
    
    if( typeMedia==0 )
	{
        if( s.findName("soundItemRect_" + indexVideoList + "_" + _gIndexI)!=null )
            s.findName("soundItemRect_" + indexVideoList + "_" + _gIndexI)['opacity'] = 1;
    }
    
    
    
    
}
function MouseCanvasDown(s,e)
{
   DownLink = true;
}

function MouseCanvasUp(s,e)
{
   // var is_down = true;
}
//create and add the pages on the left hand side of the book
PageTurn.prototype.addOddPages = function()
{    
    //this is the template for all odd pages
    var oddStr =      "<Canvas  x:Name='page0$0' xmlns='http://schemas.microsoft.com/client/2007' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml' Cursor='None' MouseMove='mouseEnterPage' MouseLeftButtonUp='canvasMouseZoomUp'>";
    oddStr = oddStr + "  <Canvas.Clip>";
    oddStr = oddStr + "    <PathGeometry>";
    oddStr = oddStr + "      <PathFigure>";
    oddStr = oddStr + "        <LineSegment x:Name='page$0Point0' Point='0,590'/>";
    oddStr = oddStr + "        <LineSegment x:Name='page$0Point1' Point='0, 590'/>";
    oddStr = oddStr + "        <LineSegment x:Name='page$0Point2' Point='0, 590'/>";
    oddStr = oddStr + "        <LineSegment x:Name='page$0Point3' Point='0, 590'/>";
    oddStr = oddStr + "        <LineSegment x:Name='page$0Point4' Point='0,590'/>";
    oddStr = oddStr + "      </PathFigure>";
    oddStr = oddStr + "    </PathGeometry>";
    oddStr = oddStr + "  </Canvas.Clip>";	
    oddStr = oddStr + "  $1";    
	oddStr = oddStr + "	<Canvas>$3</Canvas>";	
    oddStr = oddStr + "  <InkPresenter x:Name='page$0ip' Width='436' Height='590' Canvas.Left='0' Canvas.Top='0' />";
    oddStr = oddStr + "  <Rectangle Height='1000' Width='20' Opacity='0.6' x:Name='page$0FoldShadow'>";
    oddStr = oddStr + "    <Rectangle.RenderTransform>";
    oddStr = oddStr + "      <TransformGroup>";
    oddStr = oddStr + "        <ScaleTransform x:Name='sceneShadowScale$0' />";
    oddStr = oddStr + "        <RotateTransform x:Name='page$0FoldShadowRotate' CenterX='0' CenterY='0' Angle='0'/>";
    oddStr = oddStr + "        <TranslateTransform x:Name='page$0FoldShadowTranslate' X='0' Y='0'/>";
    oddStr = oddStr + "      </TransformGroup>";
    oddStr = oddStr + "    </Rectangle.RenderTransform>";
    oddStr = oddStr + "    <Rectangle.Fill>";
    oddStr = oddStr + "      <LinearGradientBrush StartPoint='0,0' EndPoint='1,0'>";
    oddStr = oddStr + "        <GradientStop Color='#00000000' Offset='0'/>";
    oddStr = oddStr + "        <GradientStop Color='#FF000000' Offset='1'/>";
    oddStr = oddStr + "      </LinearGradientBrush>";
    oddStr = oddStr + "    </Rectangle.Fill>";
    oddStr = oddStr + "  </Rectangle>";    
    oddStr = oddStr + "  <Canvas Height='590' Width='30' Opacity='1' x:Name='pageHand0$0' Cursor='Hand' >";//     
    oddStr = oddStr + "  </Canvas>";   
    oddStr = oddStr + "  <Canvas  x:Name='links_$8' Canvas.Left='$k' Canvas.Top='$t' Width='130' Height='30' Cursor='Hand' Opacity='1' $m>";//MouseMove='linkEnter' MouseLeave='linkLeave' MouseLeftButtonDown='linkToPage1' MouseLeftButtonUp='linkToPage2'
    oddStr = oddStr + "  <Rectangle  Fill='red' Canvas.Left='0' Opacity='0.0'  Canvas.Top='0'  Width='130' Height='30' RadiusX='0' RadiusY='0' Stroke='Blue'    >";// MouseLeftButtonDown='scrollDownBtnUp'
    oddStr = oddStr + "    </Rectangle>";
    oddStr = oddStr + "  </Canvas>";     
    oddStr = oddStr + "  <Canvas.RenderTransform>";
    oddStr = oddStr + "    <TransformGroup>";
    oddStr = oddStr + "      <ScaleTransform x:Name='sceneScale$0' />";
    oddStr = oddStr + "      <RotateTransform x:Name='page$0Rotate' CenterX='0' CenterY='590' Angle='0'/>";
    oddStr = oddStr + "      <TranslateTransform x:Name='page$0Translate' X='0' Y='0'/>";
    oddStr = oddStr + "    </TransformGroup>";
    oddStr = oddStr + "  </Canvas.RenderTransform>";    
    oddStr = oddStr + "  <Canvas x:Name='pageNum$0' Canvas.Left='5' Canvas.Top='575'>";
    oddStr = oddStr + "  <TextBlock   Cursor='Hand' Foreground='black' FontFamily='Verdana' FontSize='10' Text='' />";// $n    
    oddStr = oddStr + "  </Canvas>";    
    oddStr = oddStr + "</Canvas>";

    var oddStr2 = "  <Rectangle Height='590' Fill='green' Width='30' Opacity='0' MouseEnter='mouseHandOver'>";//
    oddStr2 = oddStr2 + "  </Rectangle>";

    var oddStr1 = " <Canvas><Canvas  Canvas.Left='0' Canvas.Top='0' xmlns='http://schemas.microsoft.com/client/2007'  xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml' x:Name='Left74Double$0' Cursor='Hand' Opacity='1' >";// MouseLeftButtonUp='javascript:doubleClick' MouseEnter='javascript:changeCursor'
    oddStr1 = oddStr1 + "  <Rectangle Height='590' Fill='green' Width='0' Opacity='1' Cursor='Hand'  >";//
    oddStr1 = oddStr1 + "  </Rectangle>";
    oddStr1 = oddStr1 +  "<Canvas.RenderTransform>";
    oddStr1 = oddStr1 +    "<TransformGroup>";
    oddStr1 = oddStr1 +     "<ScaleTransform  x:Name='LeftDoubleScale$0' ScaleX='1' ScaleY='1' />";
    oddStr1 = oddStr1 +    " <TranslateTransform />";
    oddStr1 = oddStr1 +   "</TransformGroup>";
    oddStr1 = oddStr1 +  " </Canvas.RenderTransform>";
    oddStr1 = oddStr1 +  "</Canvas>";
        
    oddStr1 = oddStr1 +  "</Canvas>";
    
    
    // if maxNumPages is odd, we will ignore the last page, so last odd is two behind
    var _lastOdd;
    if (((this.maxNumPages/2) - Math.floor(this.maxNumPages/2)) == 0)
        _lastOdd = this.maxNumPages - 1;
    else
        _lastOdd = this.maxNumPages - 2;
    

    for (var i=1; i<=_lastOdd; i = i+2)
    {

      	// $0: two digit index of this page
      	var newOddPageStr = oddStr.replace(/\$0/g, getTwoDigitInt(i));
      
      	if(i!=0 && i!=1)
        	newOddPageStr = newOddPageStr.replace(/\$n/g, i);//
      	else
        	newOddPageStr = newOddPageStr.replace(/\$n/g, '');
        	
        	
      	var newOddPageStr1 = oddStr1.replace(/\$0/g, getTwoDigitInt(i));
      	newOddPageStr = newOddPageStr.replace(/\$8/g, getTwoDigitInt(i+3));      
      	newOddPageStr = newOddPageStr.replace(/\$1/g, this.pageGenerator.getPageString(i));      
	 	newOddPageStr = newOddPageStr.replace(/\$3/g, '');
		newOddPageStr = newOddPageStr.replace(/\$f/g,30);
	        
	  //Full article
	  if( i==3 || i==15 || i==23 || i==29 || i==35 || i==43 )
	  {	    
	        newOddPageStr = newOddPageStr.replace(/\$m/g,"MouseMove='linkEnter' MouseLeave='linkLeave' MouseLeftButtonDown='linkToPage1' MouseLeftButtonUp='linkToPage2'");
	        newOddPageStr = newOddPageStr.replace(/\$k/g,"10");
	        if( i==23 || i==29  || i==29 ) 
	            newOddPageStr = newOddPageStr.replace(/\$t/g,"350");
	        else
	        {
                if( i==43 )	    
                    newOddPageStr = newOddPageStr.replace(/\$t/g,"360");
                else
	                newOddPageStr = newOddPageStr.replace(/\$t/g,"380");
	        }
	  }
	  else
	  {
	        newOddPageStr = newOddPageStr.replace(/\$m/g,'');
	        newOddPageStr = newOddPageStr.replace(/\$k/g,"800");
	        newOddPageStr = newOddPageStr.replace(/\$t/g,"380");
	  }

		  
	  var newOddPage = this.plugIn.content.createFromXaml(newOddPageStr);
      var newOddPage1 = this.plugIn.content.createFromXaml(newOddPageStr1);  	
      var newOddPage2 = this.plugIn.content.createFromXaml(oddStr2);
      
      if(i>2)
	  {
      	    newOddPage2.addEventListener("mouseLeftButtonDown", Silverlight.createDelegate(this.navigationManager, this.navigationManager.oddPageMouseDown1));
      	    newOddPage2.addEventListener("mouseLeftButtonUp", Silverlight.createDelegate(this.navigationManager, this.navigationManager.oddPageMouseUp));
      	    newOddPage2.addEventListener("mouseMove", Silverlight.createDelegate(this.navigationManager, this.navigationManager.oddPageMouseMove1));
      }
      	
	
      this.plugIn.content.findName("oddPageCanvas").children.add(newOddPage);
      this.plugIn.content.findName("pageHand0"+getTwoDigitInt(i)).children.add(newOddPage2);
      this.plugIn.content.findName("oddPageCanvas").children.add(newOddPage1);      	
	 }
}

//create and add the pages on the right hand side of the book
PageTurn.prototype.addEvenPages = function()
{ 
    //this is the template for all even pages
    var evenStr =    "<Canvas x:Name='page0$0' xmlns='http://schemas.microsoft.com/client/2007' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'  Cursor='None' MouseMove='mouseEnterPage' MouseLeftButtonUp='canvasMouseZoomUp'>";
    evenStr = evenStr + "  <Canvas.RenderTransform>";
    evenStr = evenStr + "    <TransformGroup>";
    evenStr = evenStr + "      <ScaleTransform x:Name='sceneScale$0' />";
    evenStr = evenStr + "      <RotateTransform x:Name='page$0Rotate' CenterX='0' CenterY='590' Angle='0'/>";
    evenStr = evenStr + "      <TranslateTransform x:Name='page$0Translate' X='0' Y='0'/>";
    evenStr = evenStr + "    </TransformGroup>";
    evenStr = evenStr + "  </Canvas.RenderTransform>";
    evenStr = evenStr + "  <Canvas.Clip>";
    evenStr = evenStr + "    <PathGeometry>";
    evenStr = evenStr + "      <PathFigure>";
    evenStr = evenStr + "        <LineSegment Point='0,0'/>";
    evenStr = evenStr + "        <LineSegment x:Name='page$0Point0' Point='0, 590'/>";
    evenStr = evenStr + "        <LineSegment x:Name='page$0Point1' Point='436, 590'/>";
    evenStr = evenStr + "        <LineSegment x:Name='page$0Point2' Point='436, 590'/>";
    evenStr = evenStr + "        <LineSegment x:Name='page$0Point3' Point='436, 0'/>";
    evenStr = evenStr + "        <LineSegment Point='0,0'/>";
    evenStr = evenStr + "      </PathFigure>";
    evenStr = evenStr + "    </PathGeometry>";
    evenStr = evenStr + "  </Canvas.Clip>";
    evenStr = evenStr + "  $1";    
    evenStr = evenStr + "  <InkPresenter x:Name='page$0ip' Width='436' Height='590' Canvas.Left='0' Canvas.Top='0'/>";        
    evenStr = evenStr + "  $2";   
	evenStr = evenStr + "	<Canvas>$3</Canvas>";  //30   406
	evenStr = evenStr + "    <Rectangle  Fill='black' Height='590' Width='$w' Opacity='0' Canvas.Left='$l' x:Name='pageHand10$0' Cursor='Hand'  MouseMove='mouseTurn' MouseEnter='mouseHandOver'  MouseLeftButtonDown='canvasMouseDown' MouseLeftButtonUp='_canvasMouseUp' >";//
    evenStr = evenStr + "  </Rectangle>"; 
       
    evenStr = evenStr + "  <Canvas x:Name='pageNum$0' Canvas.Left='419' Canvas.Top='575'>";
    evenStr = evenStr + "   <TextBlock  Cursor='Hand' Foreground='black' FontFamily='Verdana' FontSize='10' Text='' />";   //$n   
    evenStr = evenStr + "  </Canvas>"; 
       
    evenStr = evenStr + "  <Canvas x:Name='pageNum1$0' Canvas.Left='529' Canvas.Top='720' Opacity='0'>";
    evenStr = evenStr + "    <TextBlock  Cursor='Hand' Foreground='black' FontFamily='Verdana' FontSize='10' Text='' />";//  $n   
    evenStr = evenStr + "  </Canvas>";
   
    
    evenStr = evenStr + "  <Canvas x:Name='_mainArt$0' Canvas.Left='20' Canvas.Top='0' Width='200' Height='43' Cursor='Hand' Opacity='1' $b >";
    evenStr = evenStr + "    <Rectangle  Fill='red' Canvas.Left='0'  Opacity='.0' Canvas.Top='0'  Width='200' Height='43' RadiusX='0' RadiusY='0' >";// MouseLeftButtonDown='javascript:scrollDownBtnUp'
    evenStr = evenStr + "    </Rectangle>";
    evenStr = evenStr + "  </Canvas>";
    
	evenStr = evenStr + "  </Canvas>";
	
	
    var foldShadowStr = "  <Rectangle  x:Name='fol$0' Height='590' Width='20' Opacity='0.2'  Cursor='Hand'  MouseMove='mouseTurn' MouseEnter='mouseHandOver'  MouseLeftButtonDown='canvasMouseDown' MouseLeftButtonUp='_canvasMouseUp'  >";
    foldShadowStr +=    "    <Rectangle.Fill>";
    foldShadowStr +=    "      <LinearGradientBrush StartPoint='0,0' EndPoint='1,0'>";
    foldShadowStr +=    "        <GradientStop Color='#BBFFFFFF' Offset='0'/>";
    foldShadowStr +=    "        <GradientStop Color='#00FFFFFF' Offset='1'/>";
    foldShadowStr +=    "      </LinearGradientBrush>";
    foldShadowStr +=    "    </Rectangle.Fill>";
    foldShadowStr +=    "  </Rectangle>";

	
	
	
    // if maxNumPages is odd, we will ignore the last page, so last odd is two behind
    var _lastEven;
    if (((this.maxNumPages/2) - Math.floor(this.maxNumPages/2)) == 0)
      _lastEven = this.maxNumPages;
    else
      _lastEven = this.maxNumPages - 1;

    for (var i=_lastEven; i>=0; i = i-2)
    {      
      var newEvenPageStr = evenStr.replace(/\$0/g, getTwoDigitInt(i));
      newEvenPageStr = newEvenPageStr.replace(/\$w/g, 55);
      newEvenPageStr = newEvenPageStr.replace(/\$l/g, 406);
      
      if(i!=0 && i!=2)
        newEvenPageStr = newEvenPageStr.replace(/\$n/g, i);
      else
        newEvenPageStr = newEvenPageStr.replace(/\$n/g, '');
      
      var foldShadowStr1 = foldShadowStr.replace(/\$0/g, getTwoDigitInt(i));
	  
	  newEvenPageStr = newEvenPageStr.replace(/\$1/g, this.pageGenerator.getPageString(i));
      if (i == 0)
        newEvenPageStr = newEvenPageStr.replace(/\$2/g, "");
      else
        newEvenPageStr = newEvenPageStr.replace(/\$2/g, foldShadowStr1);
	
	  newEvenPageStr = newEvenPageStr.replace(/\$3/g, '');
	  
	  newEvenPageStr = newEvenPageStr.replace(/\$p/g, '');
	  
	  if( i>4 )
	  {
	    newEvenPageStr = newEvenPageStr.replace(/\$b/g, "MouseMove='linkEnter' MouseLeave='linkLeave' MouseLeftButtonUp='goArt'");
	  }
	  else
	  {
	    newEvenPageStr = newEvenPageStr.replace(/\$b/g, '');
	  }
	  			  	  	  
      var newEvenPage = this.plugIn.content.createFromXaml(newEvenPageStr);	 
	  this.plugIn.content.findName("evenPageCanvas").children.add(newEvenPage);
	
    }	
    
}

function vStop(s,e)
{    
	_gThisPage.plugIn.content.findName("movie").stop();	  
	_gVideoOpen = false;
}


function vPlay(s,e)
{
    _gVideoOpen = true;
	_gThisPage.plugIn.content.findName("movie").play();	  
}

//------------
