function XHR_START()
   {
       var XML_HTTP_OBJ = false;                 
       if( ! XML_HTTP_OBJ && typeof XMLHttpRequest != 'undefined' )  { XML_HTTP_OBJ = new XMLHttpRequest(); }
       else
       {
           try  { XML_HTTP_OBJ = new ActiveXObject( 'Msxml2.XMLHTTP' ); }
           catch( e )
           {
               try  { XML_HTTP_OBJ = new ActiveXObject( 'Microsoft.XMLHTTP' ); }
               catch( e2 )  { XML_HTTP_OBJ = false; }
           }                 
       }
                 
       // if( ! XML_HTTP_OBJ )  { alert( 'XMLHttpRequest can not start !!' ); }
       
       return XML_HTTP_OBJ;
   }
   
   function XHR_CHECK( XHR_OBJ )
   {
       if( XHR_OBJ.readyState == 4 )
       {                                     
           if( XHR_OBJ.status == 200 )  { return true;  }
           else                         { return false; }
       }                                                            	
   }   

   function NO_TO_MONEY( CHG_NO )
   {          
       var NOR = eval( CHG_NO.length ) % 3;
       var NOC = Math.floor( CHG_NO.length / 3 );
    
       var c = 0;
       SNO_ARY = new Array();
       
       if( NOR > 0 )  { var NIS = 1;  SNO_ARY[0] = CHG_NO.substr( 0, NOR ); }
       else           { var NIS = 0;  NOC = NOC - 1;                        }
       
       for( var ni=NIS; ni<=NOC; ni++ )
       {
           var START = ( 3 * c ) + NOR;        
           SNO_ARY[ni] = CHG_NO.substr( START, 3 );    
           c++;
       }
       CHG_NO = SNO_ARY.join( ',' );    
       
       return CHG_NO;
   }                  
   
   function MENU_EVENT( OBJ, EVENT_KW, IMG_ID )
   {
       switch( EVENT_KW )
       {
           case 'MOUT':
           OBJ.className = 'menu_mout';
           OBJ.style.background = '';           
           document.getElementById(IMG_ID).src = '../_images/micon_mout.gif';
           break;	
                    
           case 'MOVER':
           OBJ.className = 'menu_mover';
           OBJ.style.background = 'url( ../_images/menu_bg.jpg )';
           OBJ.style.cursor = 'hand';
           document.getElementById(IMG_ID).src = '../_images/micon_mover.gif';                    
           break;	                    
       }
   }
   
   function CLOSE_PRODUCT_DETAILS()
   {		   
		   document.getElementsByTagName('body')[0].onscroll = function()  {}
		   
       for( var SI=0; SI<document.getElementsByTagName('select').length; SI++ )
       {
           document.getElementsByTagName('select')[SI].style.display = 'block';
       }                 
		   
		   var REMOVE_ELEMENT = document.getElementById('PRODUCT_DETAILS_DIV_BG');
		   document.getElementsByTagName('body')[0].removeChild(REMOVE_ELEMENT);	   			   
		   
		   var REMOVE_ELEMENT = document.getElementById('PRODUCT_DETAILS_DIV_MAIN');
		   document.getElementsByTagName('body')[0].removeChild(REMOVE_ELEMENT);	   	
   }
   
   function PRODUCT_DETAILS( DATABASE_NAME, PRODUCT_SN )
   {       
       var SCROLL_TOP = document.body.scrollTop;
       
       document.getElementsByTagName('body')[0].onscroll = function()  { window.scrollTo( 0, SCROLL_TOP );	}

       var URL = 'xhr_function.php?FUNC=PRODUCT_DETAILS&DATABASE_NAME=' + DATABASE_NAME + '&PRODUCT_SN=' + PRODUCT_SN;
       
       XHR_OBJ.open( 'POST', URL, true );
       XHR_OBJ.send();
       XHR_OBJ.onreadystatechange = function()
       {
           var CHK_REPORT = XHR_CHECK( XHR_OBJ );             
           if( CHK_REPORT )
           {
               if( XHR_OBJ.responseXML && XHR_OBJ.responseXML.documentElement )
               {   
                   var XML_DOC = XHR_OBJ.responseXML.documentElement; 
 
                   var X_SKIN_TYPE = XML_DOC.selectSingleNode('SKIN_TYPE').text;
                   var X_IMG = XML_DOC.selectSingleNode('IMG').text;
                   var X_CHINESE_NAME = XML_DOC.selectSingleNode('CHINESE_NAME').text;
                   var X_ENGLISH_NAME = XML_DOC.selectSingleNode('ENGLISH_NAME').text;
                   var X_PRICE = XML_DOC.selectSingleNode('PRICE').text;
                   var X_ONSALE_PRICE = XML_DOC.selectSingleNode('ONSALE_PRICE').text;
                   var X_DIRECTIONS = XML_DOC.selectSingleNode('DIRECTIONS').text;
                   var X_CAPACITY = XML_DOC.selectSingleNode('CAPACITY').text;
                   var X_EXPLANATION = XML_DOC.selectSingleNode('EXPLANATION').text;
                   var X_INGREDIENT_LIST = XML_DOC.selectSingleNode('INGREDIENT_LIST').text;
          
                   var X_INGREDIENT_LIST = X_INGREDIENT_LIST.replace( '-and-', '&' );
           
                   var D_PRICE = NO_TO_MONEY( X_PRICE );
                   var D_ONSALE_PRICE = NO_TO_MONEY( X_ONSALE_PRICE );
           
                   if( X_ONSALE_PRICE > 0 )  { var THIS_PRICE = '<span class="ti_en"><strike>'+ D_PRICE +'</strike> </span>'+ D_ONSALE_PRICE; }
                   else                      { var THIS_PRICE = D_PRICE; }
           
                   var PRODUCT_DETAILS_DIV_BG = document.createElement('div');   
                   PRODUCT_DETAILS_DIV_BG.id = 'PRODUCT_DETAILS_DIV_BG';   
                   PRODUCT_DETAILS_DIV_BG.className = 'product_div_bg';
                   PRODUCT_DETAILS_DIV_BG.style.top = document.body.scrollTop;

                   document.getElementsByTagName('body')[0].appendChild( PRODUCT_DETAILS_DIV_BG );

                   var PRODUCT_DETAILS_DIV_MAIN = document.createElement('div');   
                   PRODUCT_DETAILS_DIV_MAIN.id = 'PRODUCT_DETAILS_DIV_MAIN';   
                   PRODUCT_DETAILS_DIV_MAIN.className = 'product_div_main';
                   PRODUCT_DETAILS_DIV_MAIN.style.top = document.body.scrollTop;

                   document.getElementsByTagName('body')[0].appendChild( PRODUCT_DETAILS_DIV_MAIN );                
   
                   document.getElementById('PRODUCT_DETAILS_DIV_MAIN').innerHTML = '' 
                   + '<table width=100% height=100% border=0 cellpadding=0 cellspacing=0><tr><td align=center valign=middle>'
                   + '<table width=758 border=0 cellpadding=0 cellspacing=0>'
                   + '  <tr valign=top><td width=755>'
                   + '  <table width=755 border=0 cellpadding=0 cellspacing=5 bgcolor=#6484B5><tr><td>'
                   + '  <table width=755 border=0 cellpadding=16 cellspacing=0 bgcolor=#FFFFFF align=center><tr><td>'
                   + '  <table width=100% height=70 border=0 cellpadding=0 cellspacing=0>'
                   + '    <tr valign=top>'
                   + '      <td><img src=../_images/product_title_1_1_1.gif></td>'
                   + '      <td align=right><img src=../_images/exit_off.gif onclick="CLOSE_PRODUCT_DETAILS();" onmouseover="this.src=\'../_images/exit_on.gif\';" onmouseout="this.src=\'../_images/exit_off.gif\';" alt="關閉"></td>'
                   + '    </tr>'
                   + '  </table>'
                   + '  <table width=98% border=0 cellspacing=0 cellpadding=0>'
                   + '    <tr>'
                   + '      <td width=200 rowspan=2 align=center valign=top><img src=http://www.ahavatw.com/'+ X_IMG +'></td>'
                   + '      <td align=left valign=middle>'
                   + '        <span class=ti_ch>'+ X_CHINESE_NAME +'</span><br>'
                   + '        <span class=ti_en>'+ X_ENGLISH_NAME +'</span><br>'
                   + '        <span class=ti_en>'+ X_CAPACITY +'</span><p>'
                   + '        <span class=ti_ch> 售價： </span><span class=ti_en style="color: #FF6600;">'+ THIS_PRICE +'</span><p>'
                   + '      </td>'
                   + '    </tr>'
                   + '    <tr><td align=left valign=top><span class=f01>'+ X_EXPLANATION +'<p>'+ X_DIRECTIONS +'</span></td></tr>'
                   + '  </table>'
                   + '  <table width=98% height=25 border=0 align=center cellpadding=0 cellspacing=0 background=../_images/line_01.gif><tr><td>&nbsp;</td></tr></table>'
                   + '  <table width=98% border=0 cellspacing=0 cellpadding=6>'
                   + '    <tr><td class=ti_ch> 完整成份 </td></tr>'
                   + '    <tr><td class=ti_en>'+ X_INGREDIENT_LIST +'</td></tr>'
                   + '  </table>'
                   + '  </td></tr></table>'
                   + '  </td></tr></table>'
                   + '  </td>'
                   + '  <td width=3 bgcolor=#CCCCCC><table width=3 height=3 border=0 cellpadding=0 cellspacing=0><tr><td bgcolor=FFFFFF><img src=point.gif width=1 height=1></td></tr></table></td>'
                   + '</tr>'
                   + '<tr><td bgcolor=#CCCCCC><table width=3 height=3 border=0 cellpadding=0 cellspacing=0><tr><td bgcolor=FFFFFF><img src=point.gif width=1 height=1></td></tr></table></td><td width=3 height=3 bgcolor=#CCCCCC><img src=point.gif width=1 height=1></td></tr>'
                   + '</table>'
                   + '</td></tr></table>';
                }
           }       	
       }
       
       for( var SI=0; SI<document.getElementsByTagName('select').length; SI++ )
       {
           document.getElementsByTagName('select')[SI].style.display = 'none';
       }                 
   }
   
   function SBAG_C_CLEAN( OBJ )
   {
       for( var OI=0; OI<OBJ.options.length; OI++ )
       {                        
           OBJ.options[OI].style.color = '';
           OBJ.options[OI].style.background = '';
       }      
   }
   
   function SBAG_ADD( OBJ )
   {
       SBAG_C_CLEAN( OBJ );
       
       var PRODUCT_SN = OBJ.name.replace( 'PQTY_', '' );
       var PRODUCT_QTY = OBJ.options[OBJ.selectedIndex].value;
       
       var URL = 'xhr_function.php?FUNC=SBAG_ADD&PRODUCT_SN=' + PRODUCT_SN + '&PRODUCT_QTY=' + PRODUCT_QTY;
       
       XHR_OBJ.open( 'POST', URL, true );
       XHR_OBJ.send();
       XHR_OBJ.onreadystatechange = function()
       {
           var CHK_REPORT = XHR_CHECK( XHR_OBJ );
           
           if( CHK_REPORT )
           {
               if( XHR_OBJ.responseXML && XHR_OBJ.responseXML.documentElement )
               {
                   var XML_DOC = XHR_OBJ.responseXML;
                   var REPORT = XML_DOC.getElementsByTagName('ROOT').item(0).firstChild.data;
                   
                   if( REPORT > 0 )
                   {
                       var REPORT_C = '00' + REPORT;                       
                       
                       document.getElementById('SBAG_DIV').className = 'sbag_ne';                       
                       document.getElementById('SBAG_C').innerHTML = REPORT_C.substr( REPORT_C.length-2, 2 );
                       OBJ.options[OBJ.selectedIndex].style.color = '#FFFFFF';
                       OBJ.options[OBJ.selectedIndex].style.background = '#FF9000';
                       
                       document.getElementById('SBAG_DIV').onclick = function()  { location.href='sbag_list.php'; }
                       document.getElementById('SBAG_DIV').onmouseover = function()  { this.style.cursor='hand';  this.className='sbag_mover'; }
                       document.getElementById('SBAG_DIV').onmouseout = function()  { this.className='sbag_ne'; }                       
                   }
                   else
                   {
                       document.getElementById('SBAG_DIV').className = 'sbag_empty';
                       document.getElementById('SBAG_C').innerHTML = '00';
                       
                       document.getElementById('SBAG_DIV').onclick = function()  {}
                       document.getElementById('SBAG_DIV').onmouseover = function()  { this.style.cursor=''; }
                       document.getElementById('SBAG_DIV').onmouseout = function()  {}                                              
                   }
                   
                   if( PRODUCT_QTY == 0 )  { SBAG_C_CLEAN( OBJ ); }                   
               }
           }           
       }       
   }
   
   function SBAG_ADD2( OBJ, PRODUCT_PRICE )   
   {
       SBAG_ADD( OBJ );
       
       var PRODUCT_SN = OBJ.name.replace( 'PQTY_', '' );
       var PRODUCT_QTY = OBJ.options[OBJ.selectedIndex].value;
       
       var NEW_SUBTOTAL = eval( PRODUCT_QTY ) * eval( PRODUCT_PRICE.replace( ',', '' ) );
       
       var SUBTOTAL_NAME = 'SUBTOTAL_' + PRODUCT_SN;
       document.getElementById(SUBTOTAL_NAME).innerHTML = NEW_SUBTOTAL;
       NEW_SUBTOTAL = document.getElementById(SUBTOTAL_NAME).innerHTML;
       document.getElementById(SUBTOTAL_NAME).innerHTML = NO_TO_MONEY( NEW_SUBTOTAL );       
       
       var ALL_SUBTOTAL = 0;
       for( var SI=0; SI<document.getElementsByTagName('span').length; SI++ )
       {
           if( document.getElementsByTagName('span')[SI].id.indexOf( 'SUBTOTAL_' ) == 0 )
           {
               var THIS_SUBTOTAL = document.getElementsByTagName('span')[SI].innerHTML.replace( ',', '' );
               ALL_SUBTOTAL += eval( THIS_SUBTOTAL );
           }
       }
       
       if( ALL_SUBTOTAL < 3000 )  { document.getElementById('FREIGHT').innerHTML = 100;  ALL_SUBTOTAL += eval( 100 );  }       
       else                       { document.getElementById('FREIGHT').innerHTML = 0;                                  }
       
       document.getElementById('GRAND_TOTAL').innerHTML = ALL_SUBTOTAL;
       ALL_SUBTOTAL = document.getElementById('GRAND_TOTAL').innerHTML;
       document.getElementById('GRAND_TOTAL').innerHTML = NO_TO_MONEY( ALL_SUBTOTAL );
   }