home *** CD-ROM | disk | FTP | other *** search
/ CyberMycha 2003 October / cmycha200310.iso / NHL2004 / NHL2004Demo.exe / fe / COMMON / htc / profile_card / profile_card.htc
Text File  |  2003-08-20  |  28KB  |  439 lines
  1. <html xmlns:eahtmlBtn >
  2.     <head>
  3.     <PUBLIC:COMPONENT tagName='ProfileCard' >
  4.         <PUBLIC:METHOD internalname="Load_A_Profile" name="loadProfile"    />
  5.         <PUBLIC:METHOD name="setLoginInfo"        />
  6.         <PUBLIC:METHOD name="setCardImageSrc"    />
  7.         <public:METHOD   name="setOnFlipClick"        />
  8.         <PUBLIC:METHOD name="setOnTabClose"    />
  9.         <PUBLIC:METHOD name="getCardAreaNode"    />
  10.         <PUBLIC:METHOD name="showEliteCard"        />
  11.         <PUBLIC:METHOD name="hideEliteCard"        />
  12.         <PUBLIC:METHOD name="showLogin"        />
  13.         <PUBLIC:METHOD name="hideLogin"        />
  14.         <PUBLIC:METHOD name="get"                />
  15.         <PUBLIC:DEFAULTS contentEditable="false" viewInheritStyle="true" viewLinkContent="true" viewMasterTab="false" tabStop="false" />
  16.     </PUBLIC:COMPONENT>
  17.     <?IMPORT namespace="eahtmlBtn" implementation="../button/EAHTML_button.htc">
  18.     <script>
  19.         var arLayers                    = new Array("login_layer", "my_profile_layer_front", "my_profile_layer_back", "the_other_layer_front", "the_other_layer_back", "profile_view_area");
  20.         var currentLayerID                = -1;
  21.         var docAll                        = document.all;
  22.         var publicOnFlipClick            = null;
  23.         var publicOnCareerClick            = null;
  24.         var publicOnTabClose            = null;
  25.         var loadedProfile;
  26.         function Load_A_Profile(a_profile, bIsMine)
  27.         {
  28.             if ( (a_profile) && (a_profile instanceof User_Profile) ) {
  29.                 loadedProfile                    = a_profile;
  30.                 if (!bIsMine) {
  31.                     docAll.my_profile_layer_back_nameTxt.innerText        = a_profile.getName().toUpperCase();
  32.                     docAll.my_profile_layer_back_text_1.innerHTML        = "<font color='gold'>" + scMsg('SC_LEVEL', true) + "\: </font>" + a_profile.getLevel(); 
  33.                     docAll.my_profile_layer_back_text_2.innerHTML        = "<font color='gold'>" + scMsg('SC_RATING', true)  + "\: </font>" + a_profile.getBaseStats().getRating();
  34.                     docAll.my_profile_layer_back_text_3.innerHTML        = "<font color='gold'>" + scMsg("SC_WALLET", true) + "\: </font>" + a_profile.getWalletPoints();
  35.                     if (a_profile.getClubName()) {
  36.                         docAll.my_profile_layer_back_text_4.innerHTML        = "<font color='gold'>" + scMsg("SC_CLUB", true) + "\: </font>" + a_profile.getClubName();
  37.                         docAll.my_profile_layer_back_text_4.style.cursor        = "hand";
  38.                         docAll.my_profile_layer_back_text_4.onclick            = function()
  39.                         {
  40.                             System.GUI.navigate("563");
  41.                         };
  42.                     } else {
  43.                         docAll.my_profile_layer_back_text_4.innerHTML        = "<font color='gold'>" + scMsg("SC_CLUB", true) + "\: </font>" + scMsg("SC_NO_AFFILIATION");
  44.                     };
  45.                     docAll.my_profile_layer_back_text_5.innerHTML        = "<font color='gold'>" + scMsg("SC_RECORD", true) + "\: </font>" + a_profile.getBaseStats().getWins() + " - " + a_profile.getBaseStats().getLosses() + " - " + a_profile.getGameStats().getDraws();
  46.                     docAll.my_profile_layer_back_text_6.innerHTML        = "<font color='gold'>" + scMsg("SC_DISCONNECTS", true) + "\: </font>" + a_profile.getBaseStats().getDisconnects();
  47.                     docAll.my_profile_layer_front_text_1.innerText        = a_profile.getName().toUpperCase();
  48.                     docAll.my_profile_layer_front_text_2.innerHTML        = "<font color='gold'>" + scMsg("SC_RATING" , true) +"\: </font>" + a_profile.getBaseStats().getRating();    
  49.                     
  50.                     if (!isNaN(a_profile.getProfileCardImageID()) && parseInt(a_profile.getProfileCardImageID()) >= 100) {
  51.                         setCardImageSrc(a_profile.getProfileCardImageSrc(), a_profile.getProfileHeadshotImageSrc());
  52.                     } else {
  53.                         a_profile.setProfileCard(100);
  54.                         setCardImageSrc(a_profile.getProfileCardImageSrc(), a_profile.getProfileHeadshotImageSrc());
  55.                     };
  56.                     
  57.                     showLayer(1);
  58.                 } else {
  59.                     docAll.the_other_layer_back_nameTxt.innerText        = a_profile.getName().toUpperCase();
  60.                     docAll.the_other_layer_back_text_1.innerHTML        = "<font color='gold'>" + scMsg("SC_LEVEL", true) + "\: </font>" + a_profile.getLevel(); 
  61.                     docAll.the_other_layer_back_text_2.innerHTML        = "<font color='gold'>" + scMsg("SC_RATING", true)  + "\: </font>" + a_profile.getBaseStats().getRating();
  62.                     docAll.the_other_layer_back_text_3.innerHTML        = "<font color='gold'>" + scMsg("SC_WALLET", true) + "\: </font>" + a_profile.getWalletPoints();
  63.                     if (a_profile.getClubName()) {
  64.                         docAll.the_other_layer_back_text_4.innerHTML        = "<font color='gold'>" + scMsg("SC_CLUB", true) + "\: </font>" + a_profile.getClubName();
  65.                         docAll.the_other_layer_back_text_4.style.cursor        = "hand";
  66.                         docAll.the_other_layer_back_text_4.onclick            = function()
  67.                         {
  68.                             System.Session.setPostGameClubInfo(a_profile.getClubID());
  69.                             System.GUI.navigate("2563"); 
  70.                         };
  71.                     } else {
  72.                         docAll.the_other_layer_back_text_4.innerHTML        = "<font color='gold'>" + scMsg("SC_CLUB", true) + "\: </font>" + scMsg("SC_NO_AFFILIATION");
  73.                       docAll.the_other_layer_back_text_4.style.cursor        = "default";
  74.                         docAll.the_other_layer_back_text_4.onclick            = function(){return false;}
  75.           };
  76.                     docAll.the_other_layer_back_text_5.innerHTML        = "<font color='gold'>" + scMsg("SC_RECORD", true) + "\: </font>" + a_profile.getBaseStats().getWins() + " - " + a_profile.getBaseStats().getLosses() + " - " + a_profile.getGameStats().getDraws();
  77.                     docAll.the_other_layer_back_text_6.innerHTML        = "<font color='gold'>" + scMsg("SC_DISCONNECTS", true) + "\: </font>" + a_profile.getBaseStats().getDisconnects();
  78.                     docAll.the_other_layer_front_text_1.innerText        = a_profile.getName().toUpperCase();
  79.                     docAll.the_other_layer_front_text_2.innerHTML        = "<font color='gold'>" + scMsg("SC_RATING", true)  + "\: </font>" + a_profile.getBaseStats().getRating();    
  80.                     docAll.profile_tab2_text.innerText                    = scMsg("SC_PROFILE_1"); 
  81.                     
  82.                     if (!isNaN(a_profile.getProfileCardImageID()) && parseInt(a_profile.getProfileCardImageID()) >= 100) {
  83.                         docAll.the_other_front_image.src                    = System.getInstallFolder(true) + a_profile.getProfileCardImageSrc();
  84.                         docAll.the_other_layer_back_headshot.src            = System.getInstallFolder(true) + a_profile.getProfileHeadshotImageSrc();
  85.                     } else {
  86.                         a_profile.setProfileCard(100);
  87.                         docAll.the_other_front_image.src                    = System.getInstallFolder(true) + a_profile.getProfileCardImageSrc();
  88.                         docAll.the_other_layer_back_headshot.src            = System.getInstallFolder(true) + a_profile.getProfileHeadshotImageSrc();
  89.                     };
  90.                     showLayer(3);
  91.                 };
  92.             };
  93.         };
  94.         function setLoginInfo(userName, userPass)
  95.         {
  96.             docAll.screen_name_ipt.value    = (userName) ? userName : scMsg("SC_MEMBER_NAME_2");
  97.             docAll.password_pwd.value    = (userPass)   ? userPass    : "Password";
  98.         };
  99.         function get(userName, isAsync, cacheMinutes)
  100.         {
  101.             if (userName != System.Session.getUserName()) {
  102.                 var newUserProfile            = new User_Profile();
  103.                 
  104.                 cacheMinutes                = (cacheMinutes) ? cacheMinutes : 0;
  105.                 
  106.                 function DoDisplayNewProfile(bLoaded)
  107.                 {
  108.                     if (bLoaded) {
  109.                         Load_A_Profile(newUserProfile, true);
  110.                         showLayer(3);
  111.                     };
  112.                 };
  113.                 
  114.                 if (isAsync) {
  115.                     newUserProfile.load(userName, null, DoDisplayNewProfile, null, cacheMinutes);
  116.                     loadedProfile    = newUserProfile;
  117.                 } else {
  118.                      newUserProfile.load(userName, null, null, null, cacheMinutes);
  119.                      DoDisplayNewProfile();
  120.                      loadedProfile    = newUserProfile;
  121.                 };
  122.             } else {
  123.                 function DoDisplayMyProfile(bLoaded)
  124.                 {    
  125.                     if (bLoaded) {
  126.                         System.Session.setProfile(newUserProfile);
  127.                         Load_A_Profile(newUserProfile);
  128.                         hideLogin();
  129.                     };
  130.                 };
  131.                 var newUserProfile            = new User_Profile();
  132.                 newUserProfile.load(userName, null, DoDisplayMyProfile, null, null);    
  133.             };
  134.         };
  135.         function setCardImageSrc(sSrc, sBackSrc)
  136.         {
  137.             docAll.my_front_image.src                    = System.getInstallFolder(true) + sSrc;
  138.             docAll.my_profile_layer_back_headshot.src        = System.getInstallFolder(true) + sBackSrc;
  139.         };
  140.         function setOnFlipClick(fHanlder)
  141.         {
  142.             publicOnFlipClick    = fHanlder;
  143.         };
  144.  
  145.         function setOnTabClose(fHandler)
  146.         {
  147.             publicOnTabClose    = fHandler;
  148.         };
  149.         function getCardAreaNode() { return docAll.profile_view_area; };
  150.         function hideLayers()
  151.         {
  152.             for (var idx = 0; idx < arLayers.length; idx++)
  153.             {
  154.                 docAll[arLayers[idx]].style.visibility    = "hidden";
  155.             };
  156.         };
  157.         function DoLogin()
  158.         {
  159.             if ( (event) && (event.type == "submit") ) {
  160.                 event.cancelBubble    = true;
  161.                 event.returnValue    = false;
  162.             };
  163.             if (document.readyState == "complete") {
  164.                 var remem        = (document.all.tglRemem_off.selected == "1") ? true : false;
  165.                 System.Session.login(document.all.screen_name_ipt.value, document.all.password_pwd.value, remem);
  166.             };
  167.             return false;
  168.         };
  169.         function hideLogin()
  170.         {
  171.             showLayer(1);
  172.         };
  173.         function showLogin()
  174.         {
  175.             showLayer(0);
  176.         };
  177.         function showEliteCard() { showLayer(5); };
  178.         function hideEliteCard()  
  179.         { 
  180.             otherTabClose.style.visibility            = "hidden";
  181.             otherTabClose.onmousedown            = null;
  182.             profile_tab2_text.style.visibility        = "hidden";
  183.             profile_tab2_text.onmousedown        = null; 
  184.             profile_tab_img.src                    = "../../SC/images/profile/card/Tabs/Black_Tab.gif";
  185.             profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/black_up.gif";
  186.             currentLayerID    = 1;
  187.             otherarea.style.cursor                = "default";
  188.             otherarea.onmousedown                = function() { }; 
  189.             if (System.Session.getProfile()) {
  190.                 showLayer(1);  
  191.             } else {
  192.                 showLayer(0);
  193.             };
  194.         };
  195.  
  196.         function showLayer(layerID)
  197.         {
  198.             switch (layerID)
  199.             {
  200.                 case 0:
  201.                     careerBtn.style.visibility                = "hidden";
  202.                     profile_tab2_text.style.visibility        ='hidden';
  203.                     profile_tab2_text.onmousedown        = null;
  204.                     careerBtn.onmousedown                = null;
  205.                     flipBtn.onmousedown                    = null;
  206.                     otherTabClose.onmousedown            = null;
  207.                     flipBtn.style.visibility                = "hidden";
  208.                     hideLayers();
  209.                     otherarea.onmousedown                = null;
  210.                     profile_tab_img.src                    = "../../SC/images/profile/card/Tabs/Black_Tab.gif";
  211.                     profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/black_up.gif";
  212.                     profile_tab_text.innerText            = scMsg("SC_LOGIN_1");
  213.                     profile_tab_text.onmousedown            = null;
  214.                 break;
  215.                 case 1:
  216.                     if (!System.Session.getProfile()) { return; };
  217.                     hideLayers();
  218.                     careerBtn.style.visibility                = "visible";
  219.                     careerBtn.onmousedown                = function() { System.GUI.navigate("220"); };
  220.                     flipBtn.onmousedown                    = function() { showLayer(2); System.GUI.playSFX(24); flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_front.gif"; };
  221.                     profile_tab_text.onmousedown            = function() { showLayer(1); };
  222.                     System.GUI.playSFX(3);
  223.                     switch (currentLayerID) {
  224.                         case 2:
  225.                         break;
  226.                         case 3:
  227.                         case 4:                    
  228.                             profile_tab_img.src            = "../../SC/images/profile/card/Tabs/black_gray.gif";
  229.                         break;
  230.                         case 5:
  231.                             profile_tab_img.src            = "../../SC/images/profile/card/Tabs/black_red.gif";
  232.                         break;
  233.                         default:
  234.                             profile_tab_img.src            = "../../SC/images/profile/card/Tabs/Black_Tab.gif";
  235.                         break;
  236.                     };
  237.                     profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/black_up.gif";
  238.                     flipBtn.style.visibility                = "visible";
  239.                     flipBtn.src                         = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";
  240.                     profile_tab_text.innerText            = scMsg("SC_MY_PROFILE_1");
  241.                 break;
  242.                 case 2:
  243.                     hideLayers();
  244.                     careerBtn.style.visibility                = "visible";
  245.                     careerBtn.onmousedown                = function() { System.GUI.navigate("220"); };
  246.                     flipBtn.onmousedown                    = function() { showLayer(1);System.GUI.playSFX(24); flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";};
  247.                     flipBtn.style.visibility                = "visible";
  248.                     flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_front.gif";
  249.                     profile_tab_text.innerText            = scMsg("SC_MY_PROFILE_1");
  250.                 break;
  251.                 case 3:
  252.                     hideLayers();
  253.                     System.GUI.playSFX(3);
  254.                     careerBtn.style.visibility                = "hidden";
  255.                     careerBtn.onmousedown                = null;
  256.                     flipBtn.onmousedown                    = function() { showLayer(4); System.GUI.playSFX(24);flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_front.gif";};
  257.                     flipBtn.style.visibility                = "visible";
  258.                     flipBtn.src                         = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";
  259.                     profile_tab_img.src                    = "../../SC/images/profile/card/Tabs/gray_black.gif";
  260.                     profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/gray_up.gif";
  261.                     otherarea.onmousedown                = function() { showLayer(3); };
  262.                     otherarea.style.cursor                = "hand";
  263.                     profile_tab2_text.style.visibility        = "visible";
  264.                     profile_tab2_text.onmousedown        = function() { showLayer(3); };
  265.                 break;
  266.                 case 4:
  267.                     hideLayers();
  268.                     careerBtn.style.visibility                = "hidden";
  269.                     careerBtn.onmousedown                = null;
  270.                     flipBtn.onmousedown                    = function() { System.GUI.playSFX(24); showLayer(3); flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";};
  271.                     flipBtn.style.visibility                = "visible";
  272.                     flipBtn.src                         = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";
  273.                     profile_tab_img.src                    = "../../SC/images/profile/card/Tabs/gray_black.gif";
  274.                     profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/gray_up.gif";
  275.                     otherarea.onmousedown                = function() { showLayer(3); };
  276.                     otherarea.style.cursor                = "hand";
  277.                     profile_tab2_text.style.visibility        = "visible";
  278.                     profile_tab2_text.onmousedown        = function() { showLayer(3); };
  279.                 break;
  280.                 case 5:
  281.                     hideLayers();
  282.                     System.GUI.playSFX(3);
  283.                     careerBtn.style.visibility                = "hidden";
  284.                     careerBtn.onmousedown                = publicOnCareerClick;
  285.                     flipBtn.onmousedown                    = function() 
  286.                     { 
  287.                         if (publicOnFlipClick) {
  288.                             publicOnFlipClick(); 
  289.                         };
  290.                         System.GUI.playSFX(24);
  291.                         if (!flipBtn.front) {
  292.                             flipBtn.front        = true;
  293.                             flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_front.gif"; 
  294.                         } else {
  295.                              flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";
  296.                              flipBtn.front        = false;
  297.                          };
  298.                     };
  299.                     flipBtn.style.visibility                = "visible";
  300.                     flipBtn.src = "../../SC/images/profile/card/layers/myprofile/but_profile_back.gif";
  301.                     profile_tab_img.src                    = "../../SC/images/profile/card/Tabs/red_black.gif";
  302.                     profile_tab_bgImg.src                = "../../SC/images/profile/card/Tabs/red_up.gif";
  303.                     otherarea.style.cursor                = "hand";
  304.                     otherarea.onmousedown                = function() { showLayer(5); }; 
  305.                     profile_tab2_text.style.visibility        = "visible";
  306.                     profile_tab2_text.innerText            = scMsg("SC_EA_ELITE_1");
  307.                     profile_tab2_text.onmousedown        = function() { showLayer(5); };
  308.                 break;
  309.             };
  310.             docAll[arLayers[layerID]].style.visibility    = "visible";
  311.             currentLayerID                = layerID;
  312.         };
  313.         var aImgs = new Array();
  314.         function initToggle( oEl ) 
  315.         {
  316.             var strImgSrc = oEl.src.toString();            
  317.                 aImgs[  oEl.id + "_nml" ] = strImgSrc;
  318.                 aImgs[  oEl.id + "_dwn" ] = aImgs[  oEl.id + "_nml" ].toString().replace( /nml/ , "dwn" );    
  319.         }
  320.         function doSwap( oImg )
  321.         {
  322.             if(oImg.src.match(/nml/))
  323.             {
  324.                 oImg.src         = aImgs[ oImg.id + "_dwn" ];
  325.                 oImg.selected     = 1;
  326.             } else {
  327.                 oImg.src        = aImgs[oImg.id + "_nml"];
  328.                 oImg.selected     = 0;
  329.             };
  330.         }        
  331.     </script>
  332.     </head>
  333.     <body style="margin:0px;padding:0px;background-color:transparent;font-variant:normal;color:white;font-family:verdana;overflow:    hidden;height:295px;width:190px;">
  334.         <map name='profiletabsmap'>
  335.             <area id='myprofilearea' shape='rect' coords='0,0, 90,20'     onmousedown="showLayer(1);"     nohref hidefocus >
  336.             <area id='otherarea'        shape='rect' coords='90,0, 188, 20'     onmousedown=""            nohref hidefocus  >
  337.         </map>
  338.         <div id='profile_body' nowrap=true >
  339.             <span id='profile_tab'>
  340.                 <img id="profile_tab_img" style="cursor:default;        position:absolute;" src="../../SC/images/profile/card/Tabs/Black_Tab.gif" usemap="#profiletabsmap" hidefocus border=0 alt="" width=188 height=30>
  341.                 <div id='profile_tab_text' style="cursor:hand;position:relative;z-index:3px;width:78px;overflow:hidden;font-weight:900;left:6px;top:3px;font-family:arial;font-size:13px;" nowrap=true >
  342.                 </div>
  343.                 <img id="profile_tab_bgImg" style="position: absolute; top: 30px;left:1px;" border=0 alt="" src="../../SC/images/profile/card/Tabs/black_up.gif">
  344.                 
  345.                 <div id='profile_tab2_text' style="cursor:hand;visibility:hidden;position:absolute;z-index:3px;width:74px;overflow:hidden;font-weight:900;left:96px;top:2px;font-weight:900;font-family:arial;font-size:13px;" nowrap=true >
  346.                 </div>
  347.                 <button id="otherTabClose" hidefocus style="cursor:hand;position:absolute;visibility:hidden;top:4px;left:95px;z-index:4;font-size:10px;font-weight:900;color:gold;background-color:transparent;border:0px;"></button>
  348.             </span>
  349.             <div id="profile_view_area" nowrap="true" style="visibility:hidden;position:absolute; top:30px;left:10px;width:163px;height:226px;z-index:3">
  350.             </div>
  351.             <div id="careerBtn" nowrap=true onmouseenter="this.style.color='gold';" onmouseleave="this.style.color='white';" style="cursor:hand; visibility:hidden;position: absolute; top: 266px; left: 10px; width:135px;font-family:arial;height: 15px; overflow: hidden;color:white;font-size:11px;font-weight:900;text-decoration:underline">
  352.             </div>
  353.             <img id="flipBtn" src='../../SC/images/profile/card/layers/myprofile/but_profile_back.gif'style="cursor:hand;visibility:hidden;position:absolute; top: 263px;left:150px;width:25px;height:20px;">
  354.         </div>
  355.         <div id="login_layer" nowrap=true align='center' style="z-index:4; width:163px; height:246px; position:absolute; top:30px;left:10px;padding-top:15px;">
  356.             <img id="login_bg" style="position:absolute;top:0px;left:0px;" src="../../sc/images/profile/card/layers/login/login_img.jpg">
  357.             <div nowrap id="register_text" style="position:absolute;font-family:arial;font-size:12px;font-weight:900;top:15px;left:0px;width:163px;text-align:center;color:black;"></div>
  358.              <eahtmlBtn:eahtml_button  btnText="SC_CLICK_HERE" btnEvent="System.GUI.navigate('700');" btnImgPath="" btnPositionType="absolute" btnX=40 btnY=35 btnZ=55 />
  359.              <div nowrap id="logon_text" style="position:absolute;font-family:arial;font-size:12px;font-weight:900;top:71px;left:0px;width:163px;text-align:center;color:black;"></div>
  360.             <form  id='login_form' name="login_form" onsubmit="DoLogin()"; action="javascript: void(0);" method="get" style="position:absolute;z-index:5;top:95px;left:0px;font-size:2px;">
  361.                 <input id='screen_name_ipt' name='screen_name_ipt' tabindex=1 name="screen_name_ipt" type='text' maxlength='16' value='Member Name' style="color:black;font-size:10px;position:relative;left: 10px;font-weight:900;background-color:#DDE1E4;border:inset silver 2px"><BR><BR>
  362.                 <input id='password_pwd'    name='password_pwd' tabindex=2 name="password_pwd" type='password' maxlength='16' value='Password' style="color:black;font-size:10px;font-weight:900;position:relative;left: 10px;background-color:#DDE1E4;border:inset silver 2px"><BR><BR>
  363.                 <img id="tglRemem_off" style="cursor:hand;position:relative;left:7px;"  selected = 0   src="../../nhl/images/button/toggle_nml.gif" onMouseUp="doSwap( this )"/>
  364.                 <script>
  365.                     initToggle(document.all.tglRemem_off);
  366.                     document.all.tglRemem_off.onmouseup = function() { doSwap(this); };
  367.                 </script>
  368.                       <span id="remember_txt" style="color:black;font-size:12px;font-family:arial;font-weight:900;position:relative;left:9px;top:-5px;">REMEMBER ME</span><BR><BR>
  369.                 <eahtmlBtn:eahtml_button  btnText="SC_LOGIN" btnEvent="DoLogin()" btnImgPath="" btnPositionType="relative" btnX="10" /><BR><BR>
  370.                 <a hidefocus id='frgt_member_name' href="javascript:void(System.GUI.navigate('706'));" style="position:relative; font-weight:900; left:5px;top: 4px;color:white;font-size:10px;font-family:arial;color:black;">Forgot Member Name</a><BR><BR>
  371.                 <a hidefocus id='frgt_pwd' href="javascript:void(System.GUI.navigate('705'));" style="position:relative; font-weight:900; left:-4px;top: 4px;color:white;font-size:10px;font-family:arial;color:black;">Forgot Password</a>
  372.                 <input id="hidden_submit_btn" type="submit" style="position:absolute; top:-1000px; left:-1000px; z-index: -1;">
  373.             </form>
  374.         </div>
  375.         <div id="my_profile_layer_front" style="visibility:hidden;z-index:4;width:163px; height:246px; position:absolute; top:30px;left:10px;">
  376.             <img id='my_front_image' src="../../SC/images/profile/card/100_card_front.jpg"><div id='my_profile_layer_front_text_1' nowrap=true style="position:absolute;top:191px;left:8px;width:142px;height:15px;color:white;font-size:9px;font-weight:900;overflow:hidden;">AAAAAAAAAAAAAAAA</div><div id='my_profile_layer_front_text_2' nowrap=true style="position:absolute;top:207px;left:8px;width:125px;height:15px;color:white;font-size:11px;font-weight:900;overflow:hidden;">99999</div>
  377.         </div>
  378.         <div id="my_profile_layer_back" style="visibility:hidden;z-index:4;width:163px; height:246px; position:absolute; top:30px;left:10px;">
  379.             <img src="../../SC/images/profile/card/layers/myprofile/profile_card_back.jpg"><img id="my_profile_layer_back_headshot" src="../../SC/images/profile/card/layers/myprofile/profile_headshot.jpg" style="position:absolute;left:85px;top:38px;z-index:4;"><div id="my_profile_layer_back_nameLbl" nowrap=true style="width:150px;height:10px;left:2px;top:4px;color:black;font-size:8px;position:absolute;">MEMBERNAME:</div><div id="my_profile_layer_back_nameTxt" nowrap=true style="width:150px;height:10px;left:2px;top:12px;color:black;font-family:sans-serif;font-size:11px;font-weight:900;position:absolute;">WWWWWWWWWWWWWWWW</div><div id='my_profile_layer_back_text_1'  nowrap=true style="position:absolute;top:118px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='my_profile_layer_back_text_2'  nowrap=true style="position:absolute;top:136px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='my_profile_layer_back_text_3'  nowrap=true style="position:absolute;top:154px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='my_profile_layer_back_text_4'  nowrap=true style="position:absolute;top:172px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='my_profile_layer_back_text_5'  nowrap=true style="position:absolute;top:190px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='my_profile_layer_back_text_6'  nowrap=true style="position:absolute;top:208px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div>
  380.         </div>
  381.         <div id="the_other_layer_front" style="visibility:hidden;z-index:4;width:163px; height:246px; position:absolute; top:30px;left:10px;">
  382.             <img id="the_other_front_image" src="../../SC/images/profile/card/100_card_front.jpg"><div id='the_other_layer_front_text_1' nowrap=true style="position:absolute;top:191px;left:8px;width:142px;height:15px;color:white;font-size:9px;font-weight:900;overflow:hidden;">AAAAAAAAAAAAAAAA</div>    <div id='the_other_layer_front_text_2' nowrap=true style="position:absolute;top:207px;left:8px;width:125px;height:15px;color:white;font-size:11px;font-weight:900;overflow:hidden;">99999</div>
  383.         </div>
  384.         <div id="the_other_layer_back" style="visibility:hidden;z-index:4;width:163px; height:246px; position:absolute; top:30px;left:10px;">
  385.             <img src="../../SC/images/profile/card/layers/myprofile/profile_card_back.jpg"><img id="the_other_layer_back_headshot" src="../../SC/images/profile/card/layers/myprofile/profile_headshot.jpg" style="position:absolute;left:85px;top:38px;z-index:4;"><div id="the_other_layer_back_nameLbl" nowrap=true style="width:150px;height:10px;left:2px;top:4px;color:black;font-size:8px;position:absolute;">MEMBERNAME:</div><div id="the_other_layer_back_nameTxt" nowrap=true style="width:150px;height:10px;left:2px;top:12px;color:black;font-family:sans-serif;font-size:11px;font-weight:900;position:absolute;">WWWWWWWWWWWWWWWW</div><div id='the_other_layer_back_text_1'  nowrap=true style="position:absolute;top:118px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='the_other_layer_back_text_2'  nowrap=true style="position:absolute;top:136px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='the_other_layer_back_text_3'  nowrap=true style="position:absolute;top:154px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='the_other_layer_back_text_4'  nowrap=true style="position:absolute;top:172px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='the_other_layer_back_text_5'  nowrap=true style="position:absolute;top:190px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div><div id='the_other_layer_back_text_6'  nowrap=true style="position:absolute;top:208px;left:6px;width:140px;height:18px;color:white;font-size:8px;font-weight:900;overflow:hidden;">CLUB: YOUR ROCKIN' CLUB D</div>
  386.         </div>
  387.         <script>
  388.             function Init()
  389.             {
  390.                 login_form.onsubmit    = DoLogin;
  391.                 document.login_form.screen_name_ipt.onselectstart            = function()
  392.                 {
  393.                     event.cancelBubble    = true;
  394.                     event.returnValue    = true;
  395.                 };
  396.                 document.login_form.screen_name_ipt.onmousedown            = function()
  397.                 {
  398.                     event.cancelBubble    = true;
  399.                     this.style.cursor    = "text";
  400.                 };
  401.                 document.login_form.screen_name_ipt.onmouseleave            = function() { this.style.cursor    = "hand";    };
  402.                 document.login_form.screen_name_ipt.onfocus                = function() { try { this.select(); } catch (e) {} };
  403.                 document.login_form.screen_name_ipt.onblur                = function() { this.style.cursor    = "hand";    };
  404.                 document.login_form.screen_name_ipt.onkeypress            = function()
  405.                 {
  406.                     System.GUI.playSFX("type");
  407.                 };
  408.                 document.login_form.password_pwd.onmousedown            = function()
  409.                 {
  410.                     event.cancelBubble    = true;
  411.                     this.style.cursor    = "text";
  412.                 };
  413.                 document.login_form.password_pwd.onmouseleave            = function() { this.style.cursor    = "hand"; };
  414.                 document.login_form.password_pwd.onfocus                = function() { try { this.select(); } catch(e) {}};
  415.                 document.login_form.password_pwd.onblur                = function() { this.style.cursor    = "hand"; };
  416.                 document.login_form.password_pwd.onselectstart            = function()
  417.                 {
  418.                     event.cancelBubble    = true;
  419.                     event.returnValue    = true;
  420.                 };
  421.                 document.login_form.password_pwd.onkeypress            = function()
  422.                 {
  423.                     System.GUI.playSFX("type");
  424.                 };
  425.                 document.all.profile_tab_text.innerText     = scMsg("SC_LOGIN_1");
  426.                 document.all.screen_name_ipt.value        = scMsg("SC_MEMBER_NAME_2");
  427.                 document.all.careerBtn.innerText         = scMsg("SC_VIEW_CAREER");
  428.                 document.all.register_text.innerText         = scMsg("SC_JOIN_EASO_1");
  429.                 document.all.logon_text.innerText         = scMsg("SC_ALREADY_A_MEMBER");
  430.                 document.all.remember_txt.innerText     = scMsg("SC_REMEMBER_ME", true);
  431.                 document.all.frgt_member_name.innerText = scMsg("SC_FORGOT_MEMBER_NAME"); 
  432.                 document.all.frgt_pwd.innerText          = scMsg("SC_FORGOT_PASSWORD"); 
  433.                 document.all.my_profile_layer_back_nameLbl.innerText = scMsg("SC_MEMBER_NAME_2", true);
  434.                 document.all.the_other_layer_back_nameLbl.innerText = scMsg("SC_MEMBER_NAME_2", true);
  435.             };
  436.             Init();
  437.         </script>
  438.     </body>
  439. </html>