

var Tpls = new function () {
  Debug.msg( "Start Fjs" );
  var pkgEl = this;


  pkgEl.dt = {
    "title":function ( args ) {
      var tStr = args[0];
      var eldv = document.createElement( 'div' );
      eldv.align = "center";
      inherit( eldv.style, { "position":"absolute", "top":20, "width":"100%", "fontSize":32, "fontWeight":"bold" } );
      var tEl = document.createTextNode( tStr )
      eldv.appendChild( tEl );

      return eldv;
    },

    "tb": function ( args ) {
      var eldv = document.createElement( 'div' );
      inherit( eldv.style, { "position":"absolute" } );
      if ( defined( args[1] ) ) inherit( eldv.style, args[1] );
      if ( defined( args[2] ) ) inherit( eldv, args[2] );
      eldv.innerHTML = args[0];

//       document.body.appendChild( eldv );
//       Debug.msg( "EL Width 33333: "+eldv.clientWidth );

//       var tEl = document.createTextNode( args[0] )
//       eldv.appendChild( tEl );

      return eldv;
    },

    "tbCenter": function ( args ) {
      var eldv = document.createElement( 'div' );
      inherit( eldv.style, { "position":"absolute", "width":"100%" } );
      inherit( eldv, {"align":"center" } );
      if ( defined( args[1] ) ) inherit( eldv.style, args[1] );
      if ( defined( args[2] ) ) inherit( eldv, args[2] );
      eldv.innerHTML = args[0];

      return eldv;
    },

    "leftIn": function ( args ) {
      var pLeft = args.shift();
      var pTop = args.shift();
      var elTp = args.shift();
      var elHdl = pkgEl.dt[ elTp ];
      var eldv = elHdl( args );
      var elWidth = Utils.elWidth( eldv );

      inherit( eldv.style, { "display":"none" } );

      var lhdl = function () {
	inherit( eldv.style, { "display":"block" } );
	Efct.mvEl( eldv, 10, 50, elWidth*-1, pTop, pLeft, pTop );
      };
      if ( ! defined( eldv.ehs ) ) eldv.ehs = new Array();
      eldv.ehs.push( lhdl );
      return eldv;
    },

    "runindiv": function ( args ) {
      var runFn = args[0];
      var dvStl = args[1];
      var eldv = runFn();
      inherit( eldv.style, { "position":"absolute" }, dvStl );
      return eldv;
    },

    "next": function ( args ) {
      var elTp = args.shift();
      var elHdl = pkgEl.dt[ elTp ];
      var eldv = elHdl( args );
      inherit( eldv.style, { "display":"none" } );

      eldv.nextHdl = function () {
// 	Debug.msg( "NHDL" );
	inherit( eldv.style, { "display":"block" } );
	if ( defined( eldv.ehs ) ) {
	  for ( var ii=0; ii<eldv.ehs.length; ++ii ) {
	    eldv.ehs[ii]();
	  }
	}
      };
      eldv.prevHdl = function () { inherit( eldv.style, { "display":"none" } ); };

      return eldv;
    }




  };


};
