/*
 * sTEPiT.js
 * Version 0.6 since 2006/02/17
 */

var hglf_targetName= 'swfReplace';
var hglf_targetNameVertical= 'vswfReplace';
var hglf_targetNameVerticalMultiColumn= 'mswfReplace';
var hglf_mimeType= 'application/x-shockwave-flash';
var hglf_foundationSwfURL= 'http://glyph-on.jp/stepitv2_demo/loader.swf';
var hglf_userAgent= 0;
var hglf_prefixId= "hglf_movie_";
var hglf_MovieId= 0;
var hglf_debug= 0;
var hglf_userkey= 'f23a856ebd042a01ae21d7552bb05a62';
var hglf_targetAttrName= 'stepit';
var hglf_limitLength= 65535; //400*3 * 1.2;
var hglf_limitStages= 256; //20;
var hglf_saveInnerHTML= new Array();

// if(!Array.prototype.push){
//     alert("Array dose not have a 'push' property!");
// }
// if(!Array.prototype.pop){
//     alert("Array dose not have a 'pop' property!");
// }
// if(!Array.prototype.shift){
//     alert("Array dose not have a 'shift' property!");
// }
// if(!Array.prototype.unshift){
//     alert("Array dose not have a 'unshift' property!");
// }
// if(!Array.prototype.splice){
//     alert("Array dose not have a 'splice' property!");
// }


function get_quote_type(str){
    if(!str) return '';
    if(str.match(/^\'/) && str.match(/\'$/))
        return "'";
    if(str.match(/^\"/) && str.match(/\"$/))
        return '"';
    return '';
}

function clip_quote(str){
    if(!str) return '';
    str= str.replace(/^\s+/,'').replace(/\s+$/,'');
    if(str.match(/^\'/) && str.match(/\'$/))
        return str.replace(/^\'/,'').replace(/\'$/,'');
    if(str.match(/^\"/) && str.match(/\"$/))
        return str.replace(/^\"/,'').replace(/\"$/,'');
    return str;
}

function reverse_quote(quote){
    if(quote=='"')
        return "'";
    if(quote=="'")
        return '"';
    return '';
}

function hglf_getSelectedValue(id)
{
    var e= document.getElementById(id);
    if(!e) return '';

    for(var i=0; i<e.options.length; i++){
        if(e.options[i].selected)
            return e.options[i].value;
    }

    return '';
}

function hglf_makeMSIEStyleString(ppty){
    for(var i=0; i<ppty.length; i++){
	if(ppty.substr(i,1)!='-')
	    continue;
	if(i+2<ppty.length){
	    ppty= ppty.substring(0,i)
		+ ppty.substr(i+1,1).toUpperCase()
		+ ppty.substr(i+2);
	}
    }
    return ppty;
}

function hglf_isStyleAllowableTag(tagName){
    if(!tagName) return false;
    var s= tagName.toUpperCase();
    if(s=="SPAN" || s=="P" || s=="DIV" || s=="I")
	return true;
    else
	return false;
}
function hglf_setStyleProperty(e, ppty, value){
    if(!e||!ppty) return;
    if(!hglf_isStyleAllowableTag(e.tagName)) return ;
    if(e.currentStyle){ // MSIE
	ppty= hglf_makeMSIEStyleString(ppty);
	e.style[ppty]= value;
    }else{
	e.style.setProperty(ppty, value, "");
	// alert( "set ["+ppty+"] to ["+value+"] result ["+hglf_getStyleProperty(e,ppty)+"]" );
	// Safari@MAC is OK.
    }
}

function hglf_getStyleProperty(e, ppty){
    if(!e||!ppty) return '';
    if(e.currentStyle){
	/* MSIE */
	ppty= hglf_makeMSIEStyleString(ppty);
	return e.currentStyle[ppty];
    }
    else if(typeof(getComputedStyle)=='function'){
	/* mozilla and Opera */
	var style= getComputedStyle(e,null);
	return style.getPropertyValue(ppty);
    }
    else if(typeof(document.defaultView.getComputedStyle)=='function'){
	/* Safari */
	var style= document.defaultView.getComputedStyle(e, null);
	//alert("hglf_getStyleProperty : " + style.getPropertyValue(ppty) );
	return style.getPropertyValue(ppty);
    }
    else{
	return ''; /* Unknown to get it! */
    }
}

function hglf_cCSS(){
    this.token= new Array();
    this.token_type= new Array();
    this.eq= new Array();
    return this;
}

hglf_cCSS.prototype.push= function(token, token_type)
{
    /* token: String
     * token_type: String
     * token_type should be a letter of [tlwed].
     *   t: token
     *   l: literal
     *   w: white space
     *   e: equator which is a charactor of ':'
     *   d: delimita which is a charactor of ';' */
    this.token.push(token);
    this.token_type.push(token_type);

    var n= this.token.length;
    if(n-7>=0 && token_type=='d'){
        var rule= '';
        for(var i=n-7; i<n; i++)
            rule+= this.token_type[i];
        if(rule=='twewtwd' || rule=='twewlwd')
            this.eq.push(n-5);
    }
}

hglf_cCSS.prototype.pop= function(){
    this.token.pop();
    this.token_type.pop();
    return this;
}

hglf_cCSS.prototype.getProperties= function(){
    var ar= new Array();
    for(var i in this.eq){
        var n= this.eq[i];
        var ppty= this.token[n-2];
        var value= this.token[n+2];
        ar[ppty]= value;
    }
    return ar;
}

hglf_cCSS.prototype.setProperty= function(ppty, value, RECURCE){
    var count= 0;
    for(var i=this.eq.length-1; i>=0; i--){
        var n= this.eq[i];
        var token= this.token[n-2];
        if(token==ppty){
            this.token[n+2]= value;
            count++;
            if(RECURCE) break;
        }
    }
    return count;
}

hglf_cCSS.prototype.removeProperty= function(ppty, RECURCE)
{
    var last_token= this.check_last_token_type();
    var rm= new Array();

    for(var i=this.eq.length-1; i>=0; i--){
        var n= this.eq[i];
        var token= this.token[n-2];
        if(token==ppty){
            var ext= 0;
            if(i==this.eq.length-1 && last_token!='' && last_token!='d'){
                // if last ';' is ommited in removing last property,
                // do remove last ';' to make it the same style.
                ext= 2;
            }
            // 7 letters means 'twew(t|l)wd'.
            for(var j=n-2-ext; j<n-2+7; j++){
                this.token[j]= '';
                this.token_type[j]= '';
            }
            rm.push(i);
            if(RECURCE) break;
        }
    }
    for(var n in rm){
        this.eq.splice(rm[n], rm[n]+1);
    }

    return rm.length;
}

hglf_cCSS.prototype.check_last_token_type= function(){
    var i= this.token_type.length-1;
    while(i>=0){
        if(this.token_type[i]!='w')
            return this.token_type[i];
        else --i;
    }
    return '';
}

hglf_cCSS.prototype.addProperty= function(ppty, value)
{
    var last_token= this.check_last_token_type();
    if(last_token!='' && last_token!='d') this.push(';','d');

    this.push('', 'w');
    this.push(clip_quote(ppty), 't');
    this.push('', 'w');
    this.push(':', 'e');
    this.push('', 'w');
    get_quote_type(value) ? this.push(value, 'l'): this.push(value, 't');
    this.push(';');
    
    if(last_token!='d') this.pop();
}

function hglf_parseCSS(str)
{
    if(!str || !str.length) return new hglf_cCSS();
    
    str= str.split('');
    str.push(';');

    var css= new hglf_cCSS();
    var reg_ws= new RegExp('[ \\s\\t\\r\\n]');

    var c, mode='', token='', white_space='', literal='', quote= '';
    for(var i=0; i<str.length; i++){
        c= str[i];
        if(mode=='token'){
            if(c==';' || c==':' || c=='"' || c=="'" || reg_ws.test(c)){
                css.push(token, 't');
                --i;
                mode= 'initial';
            }else{
                token+= c;
            }
            continue;
        }
        else if(mode=='literal'){
            if(c=='\\' && str[i+1]==quote){
                literal+= c + quote;
                ++i;
            }else if(c==quote){
                literal+= c;
                css.push(literal, 'l');
                mode= 'initial';
            }else{
                literal+= c;
            }
            continue;
        }
        else if(mode=='white_space'){
            if(!reg_ws.test(c)){
                --i;
                mode= 'initial';
            }else{
                white_space+= c;
            }
            continue;
        }
        else{ /* mode=='initial' */
            if(reg_ws.test(c)){
                white_space= c;
                mode= 'white_space';
                continue;
            }
            
            css.push(white_space, 'w');
            white_space= '';
            if(c==':'){
                css.push(c, 'e');
            }else if(c==';'){
                css.push(c, 'd');
            }else if(c=='"' || c=="'"){
                literal= quote= c;
                mode= 'literal';
            }else{
                token= c;
                mode= 'token';
            }
            continue;
        }
    }
    css.pop();

    return css;
}

function hglf_parseGlyphSet(){
    this.glyphset= new Array();
    this.fmap= new Array();
    this.glyphsetCID= new Array();
    this.rfmapCID= new Array();
    this.ffcounter= 0;
    this.ffprefix= 'hglf_libfont_';
    this.libfont= 'libfont';
    this.nameCIDAttr= 'cid';
    this.baseName= '';
    return this;
}

hglf_parseGlyphSet.prototype.push= function(fontFamily, glyphs){
    if(fontFamily && glyphs){
	fontFamily= clip_quote(fontFamily);
	if(this.glyphset[fontFamily]){
	    this.glyphset[fontFamily]+= glyphs;
	}else{
	    this.glyphset[fontFamily]= glyphs;
	    this.fmap[fontFamily]= this.ffprefix + ++this.ffcounter;
	}
    }
    return this;
}

hglf_parseGlyphSet.prototype.setBaseFontName= function(fontFamily){
    if(!fontFamily) return ;
    fontFamily= clip_quote(fontFamily);
    this.fmap[fontFamily]= this.libfont;
    this.baseName= fontFamily;
}

hglf_parseGlyphSet.prototype.getFontFamily= function(e){
    if(!e) return '';
    if(!e.innerHTML) return ''; /* note: when function 'getComputedStyle()' calling,
				 * no innerHTML property tag cause error on firefox. */

    // gives priority to stepit attribute.
    var stepitAttr= hglf_getStepitAttribute(e);
    if(stepitAttr){
	var css= hglf_parseCSS(stepitAttr);
	var stepit_ppty= css.getProperties();
	var ff= clip_quote(stepit_ppty['font-family']);
	if(ff){
	    hglf_setStyleProperty(e, 'font-family', ff);
	    return ff;
	}
    }

    return clip_quote(hglf_getStyleProperty(e, 'font-family'));

//     var fontFamily= '';
//     if(e.currentStyle){ // MSIE
// 	fontFamily= e.currentStyle.fontFamily;
//     }
//     else if(typeof(getComputedStyle)=='function'){
// 	// mozilla and Opera
// 	var style= getComputedStyle(e,null);
// 	//fontFamily= style.fontFamily;
// 	fontFamily= style.getPropertyValue("font-family");
// 	/* both are OK. but Opera dosen't correct font-family. */
//     }
//     else if(typeof(document.defaultView.getComputedStyle)=='function'){
// 	/* Safari */
// 	var style= document.defaultView.getComputedStyle(e, null);
// 	fontFamily= style.getPropertyValue("font-family");
//     }
//     else{
// 	;
//     }

//     return fontFamily;
}

hglf_parseGlyphSet.prototype.getTextContent= function(e){
    if(!e) return '';
    if(!e.innerHTML) return ''; /* note:
				 * when function 'getComputedStyle()' calling,
				 * no innerHTML property tag cause error on firefox. */
    if(e.textContent) return e.textContent;
    if(e.innerText) return e.innerText;
    return '';
}

hglf_parseGlyphSet.prototype.clip_strings= function(e){
    var ch= e.childNodes;
    var text= this.getTextContent(e);
    var str= '';
    for(var i=0; i<ch.length; i++){
	if(str= this.getTextContent(ch[i])){
	    text= text.replace(str, '');
	    this.clip_strings(ch[i]);
	}
    }
    this.push( this.getFontFamily(e), text );
}

hglf_parseGlyphSet.prototype.replaceFontFamily= function(e){
    if(!e) return '';
    if(!e.innerHTML) return ''; /* note: when function 'getComputedStyle()' calling,
				 * no innerHTML property tag cause error on firefox. */
    if(e.tagName=="FONT"){
	var ff= e.getAttribute("face");
	var cff= clip_quote(ff);
	var libfont= this.fmap[cff];
	if(libfont){
	    e.setAttribute("face", libfont);
	}
	return '';
    }

    var stepitAttr= hglf_getStepitAttribute(e);
    var rmode= "";
    if(stepitAttr){
        var css= hglf_parseCSS(stepitAttr);
        var stepit_ppty= css.getProperties();
        rmode = clip_quote(stepit_ppty['rmode']);
    }

    var ff= hglf_getStyleProperty(e, 'font-family');
    var cff= clip_quote(ff);
    var libfont= this.fmap[cff];
    if(libfont){
        if(e.getAttribute( this.nameCIDAttr )){
            var cid= e.getAttribute( this.nameCIDAttr );
            cid= clip_quote(cid);
            libfont+= '_' + cid;
            e.removeAttribute( this.nameCIDAttr );
            this.glyphsetCID[libfont]= this.getTextContent(e);
            this.rfmapCID[libfont]= cff;
        }
        if(rmode=='reverse'){
	    if(libfont.indexOf('_reverse')==-1)
		libfont+= '_reverse';

            hglf_setStyleProperty(e, 'font-family', ff);
            if(this.glyphsetCID[libfont])
		this.glyphsetCID[libfont]+= this.getTextContent(e);
	    else
		this.glyphsetCID[libfont]= this.getTextContent(e);

            if(this.glyphsetCID[libfont])
		this.glyphsetCID[libfont]+= this.getTextContent(e);
	    else
		this.glyphsetCID[libfont]= this.getTextContent(e);

	    this.rfmapCID[libfont]= cff;
        }
        hglf_setStyleProperty(e, 'font-family', libfont);
    }
}

hglf_parseGlyphSet.prototype.parseAndReplaceFontFamily= function(e){
    if(!e.innerHTML) return '';
    var ch= e.childNodes;
    for(var i=0; i<ch.length; i++){
	this.parseAndReplaceFontFamily(ch[i]);
    }
    this.replaceFontFamily(e);
}

hglf_parseGlyphSet.prototype.makeFMapString= function(deli){
    var alt= new Array();
    for(var f in this.fmap){
	var str= f + deli + this.fmap[f];
	alt.push(str);
    }
    return alt;
}

hglf_parseGlyphSet.prototype.parse= function(e)
{
    this.clip_strings(e);
    this.setBaseFontName( hglf_getStyleProperty(e, 'font-family') );
    this.parseAndReplaceFontFamily(e);
    /* do NOT change the sequence for calling function,
       1. clip_strings, 2. setBaseFontName, 3. parseAndReplaceFontFamily. */

    var alt= new Array();
    //var regdup= new RegExp("[^ \\s\\t\\r\\n\'\"　:;&a-zA-Z0-9]");
    for(var f in this.glyphset ){
	//alert(this.glyphset[f]);
	var gs= this.glyphset[f].split('');
	var dup= new Array();
	var glyphs= new Array();
	for(var key in gs){
	    var c= gs[key];
	    //if(c.match(/[^ \s\t\r\n\'\"　:;&a-zA-Z0-9]/))
	    //if(c.match(/[^\s\t\r\n\'\":;&a-zA-Z0-9]/))
	    //if(regdup.test(c))
	    dup[c]++; /* ':;&a-zA-Z0-9' will omit due to privent from clash delimiterare,
			 those are treat as default glyphsets in mklibfont command. */
	}
	for(var c in dup){
	    if( c==" " || c=="　" || c=="\t" || c=="\r" || c=="\n" || c==":" || c==";" || c=="&" ||
		c=="'" || c=='"' ) continue;
	    glyphs.push(c);
	}
	alt.push( this.fmap[f] + ":'" + f + "' " + glyphs.join("") );
     }
    delete this.glyphset;
    this.glyphset= alt;

    var cidSpec= new Array();
    for(var ff in this.glyphsetCID){
	var gs= this.glyphsetCID[ff].split('');
	var dup= new Array();
	var glyphs= new Array();
	for(var key in gs){
	    var c= gs[key];
	    //if(c.match(/[^ \s\t\r\n\'\"　:;&a-zA-Z0-9]/))
	    dup[c]++; /* ':;&a-zA-Z0-9' will omit due to privent from clash delimiterare,
			 those are treat as default glyphsets in mklibfont command. */
	}
	for(var c in dup){
	    if( c==" " || c=="　" || c=="\t" || c=="\r" || c=="\n" || c==":" || c==";" || c=="&" ||
		c=="'" || c=='"' ) continue;
	    glyphs.push(c);
	}
	cidSpec.push( ff + ":'" + this.rfmapCID[ff] + "' " + glyphs.join("") );
    }
    
//     alert( alt.join(";\n") );
//     alert( e.innerHTML );
//     alert( "makeFMapString : " + this.makeFMapString(' : ').join(';\n') );
//     if(cidSpec.length) alert( cidSpec.join(";\n") );
//     alert( this.glyphset.join(';\n') );

    // for debug message
    var stepitAttr= hglf_getStepitAttribute(e);
    if(stepitAttr){
	var css= hglf_parseCSS(stepitAttr);
	var stepit_ppty= css.getProperties();
	var ff= clip_quote(stepit_ppty['debug']);
	if(ff.indexOf('glyphset')!=-1){
	    alert(this.glyphset.join(';') + ";" + cidSpec.join(";"));
	    //alert('a'.charCodeAt(0));
	}
    }

    if(cidSpec.length){
	return this.glyphset.join(';') + ";" + cidSpec.join(";");
    }else{
	return this.glyphset.join(';');
    }
}

function hglf_resizeStage(id,width,height){
    var e= document.getElementById(id); /*alert('resize()');*/
    if(!e) return;
    //alert( "id: "+id+" width:"+width+" cW:"+e.width+" cpW:"+e.parentNode.style.width+" height:"+height);
    //alert("id: "+id+"\n"+e.width+"x"+e.height+" => "+width+"x"+height);

    e.parentNode.style.overflow= "visible";
    e.width= width;
    e.parentNode.style.width= width;

    if(isMSIE()){
        e.width= width;
        e.parentNode.style.width= width;
        e.height= height;
        e.parentNode.style.height= height;
        /* note e.height should be faster than e.parentNode.style.height! */
    }
    else{
        e.width= width;
        e.parentNode.style.width= width;
        e.height= height;
        e.parentNode.style.height= "auto";
    }

    /* Note: 2006/06/02 sakai [ at ] nya.to
       On Firefox, e.parentNode.style.{width,height} seems to be a private data.
       This code still works good though it makes an error message on JavaScriptConsole.
       But this is not the problem, read SWF data TWICE is the problem on Firefox.
       MSIE will read it ONCE. */
}

function isOpera(){    
    var ua= navigator.userAgent;
    if(ua.indexOf("Opera")!=-1)
        return true;
    else
        return false;
}

function isMacIE(){
    var ua= navigator.userAgent;
    if(ua.indexOf("MSIE")!=-1 && ua.indexOf("Mac")!=-1)
        return true;
    else
        return false;
}

function isMSIE(){
    var ua= navigator.userAgent;
    if(ua.indexOf("MSIE")!=-1)
        return true;
    else
        return false;
}

function hglf_checkUserAgent(){
    if(hglf_userAgent) return hglf_userAgent;
    var ua= navigator.userAgent;
    if(ua.indexOf("MSIE")!=-1&&ua.indexOf("Windows")!=-1)
        hglf_userAgent= 1; /* MSIE on Windows */
    else if(ua.indexOf("Firefox")!=-1)
        hglf_userAgent= 2; /* Firefox */
    else if(ua.indexOf("MSIE")!=-1&&ua.indexOf("Mac")!=-1)
        hglf_userAgent= 3;
    else
        hglf_userAgent= 3;
    return hglf_userAgent;
}

function hglf_checkFlashPlayer(){
}

function hglf_makeNewInnerHTMLString(id,width,height)
    /* int id, String fontFamily, int fontSize, int width, int height */
{
    if(hglf_checkUserAgent()==1){
        return '<object id="'+id+'" type="'+hglf_mimeType+'" width="'+width+'" height="'+height+'">'
            + '<param name="movie" value="' + hglf_foundationSwfURL + '" />'
            + '<param name="quality" value="high" />'
            + '<param name="wmode" value="transparent" />'
            + '</object>';
    }
    else{
        return '<object id="'+id+'" data="' + hglf_foundationSwfURL + '" swfLiveConnect=true '
            + 'type="'+hglf_mimeType+'" width="'+width+'" height="'+height+'">'
            + '<param name="quality" value="high" />'
            + '<param name="wmode" value="transparent" />'
            + '</object>';
    }
}

function hglf_getRootTags(){
    var es= document.getElementsByTagName('*');
    var es_roots= new Array();
    var str= "";
    for(var i=0; i<es.length; i++){
        if( !(es[i].getAttribute(hglf_targetAttrName)) )
            continue;
        var e0= es[i];
        var e= e0;
        while(e.parentNode){
            e= e.parentNode;
            if( e.getAttribute && e.getAttribute(hglf_targetAttrName) ){
                e0= null;
                break;
            }
        }
        if(e0){
            es_roots[es_roots.length]= e0;
            str += e0.tagName + " [ " + e0.getAttribute(hglf_targetAttrName) + " ] / ";
        }
    }
    //alert(str);
    return es_roots;
}

function hglf_reloadSwf(id){
    var e= document.getElementById(id);
    if(!e) return false;
    var pe= e.parentNode; // This Node is stepit attributed tag.
    var ch= pe.childNodes;
    for(var i=0; i<ch.length; i++){
        pe.removeChild(ch[i]);
    }
    pe.innerHTML= hglf_saveInnerHTML[id];
    var mode = hglf_getModeFromTargetAttr(pe);
    return hglf_replaceElement(pe, mode, id);
}

function hglf_createSwf_with_server_cache(){
    return '';
}

var hglf_keep_param_tags= new Array();
function hglf_createSwf(e,id,swf,text,width,height,trans){
    if(!e) return;

    hglf_keep_param_tags[id]= {
        "e": e,
        "swf": swf,
        "text": text,
        "width": width,
        "height": height,
        "trans": trans
    };

    var ce;
    var ua= navigator.userAgent;
    //if(document.all){  /* Opera has document.all object. */
    if(ua.indexOf('MSIE')!=-1 && !(ua.indexOf('Opera')!=-1)){
        ce= document.createElement('em');
    }else{
        ce= document.createElement('object');
    }

    var param1= document.createElement('param');
    param1.setAttribute('name','movie');
    param1.setAttribute('value',swf);
    ce.appendChild(param1);
    var param2= document.createElement('param');
    param2.setAttribute('name','FlashVars');
    param2.setAttribute('value',text);
    param2.setAttribute('id', id + '_flashvars');
    ce.appendChild(param2);
    if(trans=="on"){
        var param3= document.createElement('param');
        param3.setAttribute('name', 'wmode');
        param3.setAttribute('value','transparent');
        ce.appendChild(param3);
    }
    var param4= document.createElement('param');
    param4.setAttribute('name','allowScriptAccess');
    param4.setAttribute('value','always');
    ce.appendChild(param4);

    //ce.setAttribute('id','movie_2');
    //ce.setAttribute('swfLiveConnect','true'); // No need?
    ce.setAttribute('type','application/x-shockwave-flash');
    ce.setAttribute('data',swf);
    ce.setAttribute('width',width);
    ce.setAttribute('height',height);
    ce.setAttribute('id',id);
    e.appendChild(ce);

    /* Note: focus() do not work on Mozilla.
     * but it is not necesery because Mozilla got foucs! */
    if(ua.indexOf('MSIE')!=-1)
        ce.focus();

    if(ua.indexOf('MSIE')!=-1 && !(ua.indexOf('Opera')!=-1)){
        e.innerHTML= e.innerHTML.replace(/(<\/?)em/ig,'$1object');
    }
}

function hglf_getModeFromTargetAttr(e)
{
    if(!e || !e.getAttribute)
        return '';
    var s= e.getAttribute(hglf_targetAttrName);
    if(!s)
        return '';
    var css= hglf_parseCSS(s);
    var ppty= css.getProperties();
    if(ppty['mode'])
        return ppty['mode'];
    else
        return '';
}

function hglf_getStepitAttribute(e){
    if(!e || !e.getAttribute) return '';
    return e.getAttribute(hglf_targetAttrName);
}

function hglf_encode(str){
    return str.replace(/_/g,"__")
        .replace(/&/g, "__amp__")
        .replace(/\+/g,"__pls__")
        .replace(/%/g, "__pct__");
}

function hglf_replaceElement(e, mode, id)
{
    if(!e || !mode) return false;

    var fontFamily, fontSize, width, height, backgroundImage, backgroundColor;

    // stepit attribute.
    var stepitAttr= hglf_getStepitAttribute(e);
    var css= hglf_parseCSS(stepitAttr);
    var stepit_ppty= css.getProperties();

    if(e.currentStyle){
        // MSIE
        fontFamily= e.currentStyle.fontFamily;
        fontSize= e.currentStyle.fontSize;
        width= e.offsetWidth;
        height= e.offsetHeight;
        backgroundImage= e.currentStyle.backgroundImage;
        backgroundColor= e.currentStyle.backgroundColor;
	if(stepit_ppty['font-family']){
	    fontFamily= stepit_ppty['font-family'];
	    //e.runtimeStyle.fontFamily= stepit_ppty['font-family'];
	    hglf_setStyleProperty(e, 'font-family', stepit_ppty['font-family']);
	}
    }
    else if(typeof(getComputedStyle)=='function') {

        if(isOpera()){
            var str='';
            str= e.style.fontFamily;
            str= e.getAttribute('style');
            //alert(str);
        }

        // mozilla and Opera
        var style= getComputedStyle(e,null);
        //fontFamily= style.fontFamily;
        fontFamily= style.getPropertyValue("font-family");
        /* both are OK. but Opera dosen't correct font-family. */
        fontSize= style.fontSize;
        width= style.width;
        height= style.height;
        backgroundImage= style.backgroundImage;
        backgroundColor= style.backgroundColor;
	if(stepit_ppty['font-family']){
	    fontFamily= stepit_ppty['font-family'];
	    e.style.setProperty("font-family", stepit_ppty['font-family'], "")
	}
    }
    else if(typeof(document.defaultView.getComputedStyle)=='function'){
        /* Safari */
        var style= document.defaultView.getComputedStyle(e, null);
        fontFamily= style.getPropertyValue("font-family");
        fontSize= style.fontSize;
        width= style.width;
        height= style.height;
        backgroundImage= style.backgroundImage;
        backgroundColor= style.backgroundColor;
	if(stepit_ppty['font-family']){
	    fontFamily= stepit_ppty['font-family'];
	    e.style.setProperty("font-family", stepit_ppty['font-family'], "")
	}
    }
    else {
        // alert("Unknown type!");
    }

    // transparent mode
    // over write if stepit_ppty has the property.
    var trans= e.getAttribute('trans');
    if(stepit_ppty['trans'])
        trans=stepit_ppty['trans'];

    // check hglf_parseGlyphSet.
    var glyphset= new hglf_parseGlyphSet();
    var glyphs= glyphset.parse(e);
    //alert(glyphs);

    var text= e.innerHTML;

    if(hglf_debug){
        alert('font-family['+fontFamily+"]\nfont-size["+fontSize+"]\n"
              + "width["+width+"]\nheight["+height+"]"
              + "\n backgroundImage[" + backgroundImage + "]"
              + "\n backgroundColor[" + backgroundColor + "]"
              + "\n innerHTML[" + text + "]"
              );
    }

    if( !isMacIE() && (width && width!="auto")
        && (height && height!="auto") && fontSize && text ){
        
        hglf_saveInnerHTML[id]= e.innerHTML;
        e.innerHTML= "";

        hglf_createSwf(e,id,hglf_foundationSwfURL,
                       'hglf_text='+hglf_encode(text)
                       +'&hglf_id='+id
                       +'&hglf_fontSize='+fontSize
                       +'&hglf_fontFamily='+fontFamily
                       +'&hglf_width='+width
                       +'&hglf_height='+height
                       +'&hglf_href='+location.href
                       +'&hglf_pathname='+location.pathname
                       +'&hglf_backgroundImage='+backgroundImage
                       +'&hglf_backgroundColor='+backgroundColor
                       +'&hglf_userkey='+hglf_userkey
                       +'&hglf_stepitAttr='+hglf_encode(stepitAttr)
                       +'&hglf_glyphs='+hglf_encode(glyphs)
                       +'&hglf_mode='+mode,
                       width,height,trans);
        return true;
    }
    
    return false;
}

function hglf_replace_core(target)
{
    if(hglf_MovieId==0) hglf_MovieId= 1;
    var es= hglf_getRootTags(target);
    var swfStageNum= 0;
    for(var i=0; i<es.length && swfStageNum<hglf_limitStages; i++){
        if(es[i].innerHTML.length>hglf_limitLength){
            //alert("文字数制限オーバーです！");
            alert("Too many letters! > limit :" + hglf_limitLength);
            continue;
        }
        var mode = hglf_getModeFromTargetAttr(es[i]);
        if(!mode) continue;
        
        var id= hglf_prefixId + hglf_MovieId;
        if( hglf_replaceElement(es[i], mode, id) ){
            hglf_MovieId++;
            swfStageNum++;
        }
    }
}

function hglf_replace(){
    hglf_replace_core(hglf_targetName,'hori');
}

function hglf_onload(){
    hglf_replace();
}

// Set function hglf_replace() as the handler of window.onload().

var hglf_onloadSaveFunc= null;
if(typeof(window.onload)=="function"){
    hglf_onloadSaveFunc= window.onload;
    window.onload=function(){
        var retval= hglf_onloadSaveFunc();
        hglf_onload();
        return retval;
    };
}else{
    window.onload= hglf_onload;
}

/* $Id: sTEPiT.js 75 2007-06-08 03:51:00Z neko $ */