/*
 * 詳細画面、写真をマウスオーバで変更
 */
PhotoOver = function(d1,d0,src)
{
    this.img = d0;
    this.org = d0.src;
    this.src = src;
	THREAD.event.addEventListenerBind(d1,"mouseover",this,this.over);
	THREAD.event.addEventListenerBind(d1,"mouseout",this,this.out);
}
PhotoOver.prototype = {
    over: function(evt)
    {
	    THREAD.event.preventDefault(evt);
        THREAD.event.stopPropagation(evt);

        var anime = new THREAD.anime(this.img,THREAD.browser.IE ? 0: 10);
        anime.alpha(2,
            THREAD.browser.IE?2:10,this.bind(this,this.showNew));
    },
    showNew: function()
    {
        this.img.src = this.src;
        var anime = new THREAD.anime(this.img,THREAD.browser.IE ? 0: 10);
        anime.beta(2,
            THREAD.browser.IE?2:10);
    },
    out: function(evt)
    {
	    THREAD.event.preventDefault(evt);
        THREAD.event.stopPropagation(evt);

        var anime = new THREAD.anime(this.img,THREAD.browser.IE ? 0: 10);
        anime.alpha(2,
            THREAD.browser.IE ? 2:10,this.bind(this,this.showOrg));
    },
    showOrg: function()
    {
        this.img.src = this.org;
        var anime = new THREAD.anime(this.img,THREAD.browser.IE ? 0: 10);
        anime.beta(2,THREAD.browser.IE ? 2: 10);
    },
    bind: function(scope,func,val) {
        return  function()
        {
            func.apply(scope,[val]);
        }
    }
}
/*
 * ボタンマウスオーバ
 */
BtnOver = function(div)
{
    this.div = div;
	THREAD.event.addEventListenerBind(div,"mouseover",this,this.over);
	THREAD.event.addEventListenerBind(div,"mouseout",this,this.out);
}
BtnOver.prototype = {
    over: function(evt)
    {
	    THREAD.event.preventDefault(evt);
        THREAD.event.stopPropagation(evt);

        this.div.style.backgroundColor = 'red';
    },
    out: function(evt)
    {
	    THREAD.event.preventDefault(evt);
        THREAD.event.stopPropagation(evt);

        this.div.style.backgroundColor = '#ffffff';
    }
}

/* 詳細画面 */
Detail = function(catalog)
{
    this.filter = APP.nuance.catalogs.filter;
    this.setCatalog(catalog);

    /* カバー */
    var cover = this.cover = THREAD.utl.makeCover('cover');
    if (THREAD.browser.IE && (THREAD.browser.IE < 8))
        APP.nuance.cover = cover;

    /* 詳細画面 */
    this.start();
}

Detail.prototype = {
    kindImage: {
        short: '/2011/img/3p_short_ti.jpg',
        medium: '/2011/img/3p_medium_ti.jpg',
        long: '/2011/img/3p_long_ti.jpg',
        mens: '/2011/img/3p_mens_ti.jpg'
    },
    offx: 0,
    setCatalog: function(c)
    {
        this.catalog = c;
        this.staff = null;
        var staff = APP.nuance.data.staff;
        var cnt = staff.length;
        for(var i = 0;i < cnt;i++) {
            if (staff[i].id === c.staffid) {
                this.staff = staff[i];
                break;
            }
        }
    },

    /* 詳細画面開始 */
    start: function(next)
    {
        if (APP.isSmartPhone) {
            var d1 = document.getElementById('cata_base');
            d1.style.display = 'none';
        }
        var con = APP.nuance.contents;
        var detail = this.detail = APP.nuance.template.detail.cloneNode(true);
        THREAD.utl.tomei(detail,1);
        this.setDetail();

        detail.style.position = 'absolute';
        if (APP.isSmartPhone) {
            detail.style.top = '0px';
            detail.style.left = '0px';
        } else {
            detail.style.top = '100px';
            detail.style.left = 100  + this.offx + 'px';
        }
        detail.style.zIndex = 10000;
        detail.style.visibility = 'hidden';

        THREAD.utl.tomei(detail,0);


        document.body.appendChild(detail);

        if (next)
            this.show();
        else {
            var beta = new THREAD.anime(this.cover,10);
            beta.beta2(1,6,THREAD.browser.IE ? 2: 10,this.bind(this,this.show));
        }
    },
    setDetail: function()
    {
        var detail = this.detail;
        var d1;
        var d0;

        /* 写真大 */
        if (d0 = d1 = THREAD.utl.findId(detail,'catalog3_img0')) {
            d1.src = this.catalog.img[0];
        } 
        if (!this.catalog.img[1]) {
            if (d1 = THREAD.utl.findId(detail,'cata_3p_photo_s_all')) {
                this.offx = 100;
                THREAD.utl.remove(d1.parentNode);
            }
        } else {
            this.offx = 0;

        /* その他の写真 */
        if (d1 = THREAD.utl.findId(detail,'catalog3_img1')) {
            var src = this.catalog.img[1];
            if (src) {
                d1.src = src;
                new PhotoOver(d1,d0,d1.src);
            } else
                THREAD.utl.remove(d1);
        }
        if (d1 = THREAD.utl.findId(detail,'catalog3_img2')) {
            var src = this.catalog.img[2];
            if (src) {
                d1.src = src;
                new PhotoOver(d1,d0,d1.src);
            } else
                THREAD.utl.remove(d1);
        }
        if (d1 = THREAD.utl.findId(detail,'catalog3_img3')) {
            var src = this.catalog.img[3];
            if (src) {
                d1.src = src;
                new PhotoOver(d1,d0,d1.src);
            } else
                THREAD.utl.remove(d1);
        }
    }
        /* カット種別 */
        if (d1 = THREAD.utl.findId(detail,'catalog3_kind')) {
            d1.src = this.kindImage[this.catalog.kind];
        }
        /* 題名 */
        if (d1 = THREAD.utl.findId(detail,'cata_3p_text2')) {
//          THREAD.utl.setText(d1, /*'No.' + (this.catalog.id+1) + ' ' + */ this.catalog.title + '　');
            THREAD.utl.setText(d1,this.catalog.title ? this.catalog.title: '　');
        }
        /* コメント */
        if (d1 = THREAD.utl.findId(detail,'catalog3_comment')) {
            THREAD.utl.setText(d1, this.catalog.comment,true);
        }
        /* アドバイス */
        if (d1 = THREAD.utl.findId(detail,'cata_advice_font')) {
            THREAD.utl.setText(d1, this.catalog.advice);
        }
        /* 作者 */
        if (d1 = THREAD.utl.findId(detail,'catalog3_staff_img')) {
            d1.src = this.staff.img_Large;
            d1.style.cursor = 'pointer';
            d1.title = this.staff.name + 'を見る';
            THREAD.event.addEventListenerBind(d1,"click",this,this.goStaff);
        }
        /* 作者名前 */
        if (d1 = THREAD.utl.findId(detail,'catalog3_staff')) {
            var kata = '';
            switch(this.staff.category) {
            case 'assistgant': kata = 'assistant '; break;
            case 'stylist': kata = 'stylist '; break;
            case 'nailist': kata = 'nailist '; break;
            }
            THREAD.utl.setText(d1, kata + this.staff.name);
        }
        if (d1 = THREAD.utl.findId(detail,'cata_staff')) {
            THREAD.utl.setText(d1,this.staff.name + 'の作品');
        }
        if (d1 = THREAD.utl.findId(detail,'cata_staff_page')) {
            THREAD.utl.setText(d1,this.getCataStaffPage());
        }

        /* 作者で絞り込んだ作品参照 */
        if (d1 = THREAD.utl.findId(detail,'cata_staff_left')) {
            d1.title = this.staff.name + 'の前の作品';
	        THREAD.event.addEventListenerBind(d1,"click",this,this.backStaffCatalog);
        }
        if (d1 = THREAD.utl.findId(detail,'cata_staff_right')) {
            d1.title = this.staff.name + 'の次の作品';
	        THREAD.event.addEventListenerBind(d1,"click",this,this.nextStaffCatalog);
        }

        /* tip */
        if (d1 = THREAD.utl.findId(detail,'tip_close')) {
            THREAD.event.addEventListenerBind(d1,"click",this,this.close);
        }
        if (d1 = THREAD.utl.findId(detail,'tip_next')) {
            THREAD.event.addEventListenerBind(d1,"click",this,this.next);
        }
        if (d1 = THREAD.utl.findId(detail,'tip_back')) {
            THREAD.event.addEventListenerBind(d1,"click",this,this.back);
        }
        d1 = THREAD.utl.findId(detail,'ctltip'); 
        var d2 = THREAD.utl.findId(detail,'tip_smart'); 

        if (APP.isSmartPhone) {
            THREAD.utl.remove(d1);
            /* 作者で絞り込んだ作品参照 */
            if (d1 = THREAD.utl.findId(detail,'cata_staff_leftS')) {
                d1.title = this.staff.name + 'の前の作品';
	            THREAD.event.addEventListenerBind(d1,"click",this,this.backStaffCatalog);
            }
            if (d1 = THREAD.utl.findId(detail,'cata_staff_rightS')) {
                d1.title = this.staff.name + 'の次の作品';
	            THREAD.event.addEventListenerBind(d1,"click",this,this.nextStaffCatalog);
            }
            if (d1 = THREAD.utl.findId(detail,'tip_closeS')) {
                THREAD.event.addEventListenerBind(d1,"click",this,this.close);
            }
            if (d1 = THREAD.utl.findId(detail,'tip_nextS')) {
                THREAD.event.addEventListenerBind(d1,"click",this,this.next);
            }
            if (d1 = THREAD.utl.findId(detail,'tip_backS')) {
                THREAD.event.addEventListenerBind(d1,"click",this,this.back);
            }
        } else {
            if (d1)
                this.tip = new CtlTip(detail,d1);
            THREAD.utl.remove(d2);
        }
    },
    getCataStaffPage: function()
    {
        var current = -1;
        var all = 0;
        var ar = APP.nuance.data.catalog;
        var cnt = ar.length;
        for(var i = 0;i < cnt;i++) {
            if (ar[i].staffid == this.staff.id)
                all++;
            if (ar[i] == this.catalog)
                current = all;
        }
        return '' + current + '/' + all;
    },
    show: function()
    {
        if (APP.isSmartPhone)
            window.scrollTo(0,1);

        /* beta で表示 → show2 */
        this.detail.style.visibility = 'visible';
        var beta = new THREAD.anime(this.detail,10);
        var cnt = THREAD.browser.IE ? 
                ((THREAD.browser.IE == 6) ? 4: 2): 10;
        beta.beta(1,cnt,this.bind(this,this.show2));
    },
    show2: function()
    {
        /* 左右、クローズを移動 */
        if (this.tip)
            this.tip.start();
    },
    bind: function(scope,func,val) {
        return  function()
        {
            func.apply(scope,[val]);
        }
    },
    goStaff: function()
    {
        var url = "staff.html?staff=" + this.staff.id;
        location.href = url;
    },
    close: function()
    {
        /* tip をクローズ → close2 */
        if (this.tip) {
            this.tip.close();
            this.tip = null;
        }
        this.close2();
    },
    close2: function(next)
    {
        /* 詳細画面をフェイドアウトして close3 */
        var detail = this.detail;
        var anime = new THREAD.anime(detail,THREAD.browser.IE ? 0: 10);
        anime.alpha(1,THREAD.browser.IE ? 3: 10,this.bind(this,this.close3,next));
    },
    close3: function(next) 
    {
        if (APP.isSmartPhone) {
            var d1 = document.getElementById('cata_base');
            d1.style.display = 'block';
        }
        /* 詳細画面を削除、次があれば次、
          なければ cover をフェイドアウト → close4 */

        APP.nuance.dialog = null;
        THREAD.utl.remove(this.detail);
        if (next) {
            this.setCatalog(next);
            this.start(next);
            return;
        }
        var anime = new THREAD.anime(this.cover,THREAD.browser.IE ? 0: 10);
        anime.alpha(2,THREAD.browser.IE?2: 10,this.bind(this,this.close4));
    },
    close4: function() 
    {
        /* カバーを削除 */
        THREAD.utl.remove(this.cover);
        APP.nuance.cover = null;
    },
    next: function()
    {
        if (this.tip)
            this.tip.close();

        var catalog = this.catalog;
        var ar = APP.nuance.data.catalog;
        var cnt = ar.length;
        for(var i = 0;i < cnt;i++) {
            if (ar[i] == catalog) {
                i++;
                break;
            }
        }
        for(;i < cnt;i++) {
            if (!this.filter || (ar[i].kind == this.filter)) {
                this.close2(ar[i]);
                return;
            }
        }
        for(var i = 0;i < cnt;i++) {
            if (!this.filter || (ar[i].kind == this.filter)) {
                this.close2(ar[i]);
                return;
            }
        }
    },
    back: function()
    {
        if (this.tip)
            this.tip.close();
        var catalog = this.catalog;
        var ar = APP.nuance.data.catalog;
        var cnt = ar.length;

        for(var i = 0;i < cnt;i++) {
            if (ar[i] == catalog) {
                i--;
                break;
            }
        }
        for(;i >= 0;i--) {
            if (!this.filter || (ar[i].kind == this.filter)) {
                this.close2(ar[i]);
                return;
            }
        }
        for(var i = cnt-1;i >= 0;i--) {
            if (!this.filter || (ar[i].kind == this.filter)) {
                this.close2(ar[i]);
                return;
            }
        }
    },
    nextStaffCatalog: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);
        if (this.tip) {
            this.tip.close();
            this.tip = 0;
        }

        var catalog = this.catalog;
        var ar = APP.nuance.data.catalog;
        var cnt = ar.length;
        for(var i = 0;i < cnt;i++) {
            if (ar[i] == catalog) {
                i++;
                break;
            }
        }
        for(;i < cnt;i++) {
            if (ar[i].staffid == this.staff.id) {
                this.close2(ar[i]);
                return;
            }
        }
        for(var i = 0;i < cnt;i++) {
            if (ar[i].staffid == this.staff.id) {
                this.close2(ar[i]);
                return;
            }
        }
    },
    backStaffCatalog: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);
        if (this.tip)
            this.tip.close();

        var catalog = this.catalog;
        var ar = APP.nuance.data.catalog;
        var cnt = ar.length;
        for(var i = 0;i < cnt;i++) {
            if (ar[i] == catalog) {
                i--;
                break;
            }
        }
        for(;i >= 0;i--) {
            if (ar[i].staffid == this.staff.id) {
                this.close2(ar[i]);
                return;
            }
        }
        for(var i = cnt-1;i >= 0;i--) {
            if (ar[i].staffid == this.staff.id) {
                this.close2(ar[i]);
                return;
            }
        }
    }
}

/* カタログ１つ */
Catalog1 = function(div,no)
{
    this.div = div;
    this.catalog = APP.nuance.data.catalog[no];
    THREAD.event.addEventListenerBind(div,'click',this,this.click);
}
Catalog1.prototype = {
    click: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);
        this.fire();
    },
    fire: function() {
        APP.nuance.dialog = new Detail(this.catalog);
    },
    hidden: function()
    {
        this.div.style.visibility = 'hidden';
    },
    visible: function()
    {
        this.div.style.visibility = 'visible';
    },
    move: function(x,y)
    {
        this.div.style.left = x + 'px';
        this.div.style.top = y + 'px';
    }
}

/* カタログ全体 */
Catalogs = function(param)
{
    this.catalogid = param.catalogid;
//
    var div = document.getElementById('catalog3');
    if (div) {
        if (!APP.nuance.template)
            APP.nuance.template = {};
        APP.nuance.template.detail = div;
        THREAD.utl.remove(div);
        div.style.display = 'block';
    }
    this.catalogs = [];
    for(var i = 1;;i++) {
        var div = document.getElementById('catalog1_'+ i);
        if (!div)
            break;
        new IMGAlpha(div);
        this.catalogs.push(new Catalog1(div,i-1));
    }
    this.dx = APP.nuance.data.dx;
    this.dy = APP.nuance.data.dy;

    this.filter = null;
    var d1;
    if (d1 = document.getElementById('catalog_short')) {
	    THREAD.event.addEventListenerBind(d1,"click",this,this.short);
    }
    if (d1 = document.getElementById('catalog_all')) {
	    THREAD.event.addEventListenerBind(d1,"click",this,this.all);
    }
    if (d1 = document.getElementById('catalog_medium')) {
	    THREAD.event.addEventListenerBind(d1,"click",this,this.medium);
    }
    if (d1 = document.getElementById('catalog_long')) {
	    THREAD.event.addEventListenerBind(d1,"click",this,this.long);
    }
    if (d1 = document.getElementById('catalog_mens')) {
	    THREAD.event.addEventListenerBind(d1,"click",this,this.mens);
    }
    this.base = document.getElementById('cata_base');
    this.baseLeft = 0;
    if (d1 = document.getElementById('page_next')) {
        this.pageNextDiv = d1;
	    THREAD.event.addEventListenerBind(d1,"click",this,this.pageNext);
    }
    if (d1 = document.getElementById('page_back')) {
        this.pageBackDiv = d1;
	    THREAD.event.addEventListenerBind(d1,"click",this,this.pageBack);
    }
    if (d1 = document.getElementById('pages')) {
        this.pageDiv = d1;
    }
    this.sankaku = {};
    this.sankaku.short = document.getElementById('catalog_short_sankaku');
    this.sankaku.medium = document.getElementById('catalog_medium_sankaku');
    this.sankaku.long = document.getElementById('catalog_long_sankaku');
    this.sankaku.mens = document.getElementById('catalog_mens_sankaku');
    this.redraw();
}
Catalogs.prototype = {
    pageReset: function()
    {
        this.baseLeft = 0;
        this.page = 0;
        this.base.style.left = '0px';
    },
    all: function()
    {
        this.filter = null;
        this.pageReset();
        this.redraw();
    },
    short: function()
    {
        this.filter = 'short';
        this.pageReset();
        this.redraw();
    },
    medium: function()
    {
        this.filter = 'medium';
        this.pageReset();
        this.redraw();
    },
    long: function()
    {
        this.filter = 'long';
        this.pageReset();
        this.redraw();
    },
    mens: function()
    {
        this.filter = 'mens';
        this.pageReset();
        this.redraw();
    },
    redraw: function()
    {
        var filter = this.filter;
        var ret = [];
        var catalogs = this.catalogs;
        var cnt = catalogs.length;
        this.baseLeft = 0;
        for(var i = 0;i < cnt;i++) {
            var c1 = catalogs[i];
            if (!filter || (c1.catalog.kind == filter))
                ret.push(c1);
            else
                c1.hidden();
        }
        for(a in this.sankaku) {
            var d1 = this.sankaku[a];
            if (!d1)
                continue;
            if (a == this.filter) 
                d1.style.visibility = 'visible';
            else
                d1.style.visibility = 'hidden';
        }
        cnt = ret.length;
        var x = 0;
        var y = 0;
        var maxX = APP.nuance.data.maxX;
        var maxY = APP.nuance.data.maxY;
        var pm = maxX * maxY;
        this.pageMax = Math.floor((cnt + (pm-1))/pm);
        this.page = 0;


        var maxx = 0;
        for(var i = 0;i < cnt;) {
            if (i && !(i % (maxX * maxY))) {
                y = 0;
            }
            var c1 = ret[i];
            c1.move(x,y);
            c1.visible();
            i++;
            x += this.dx;
            if (maxx < x)
                maxx = x;
            if (!(i % maxX)) {
                y += this.dy;
                if (i % (maxX * maxY)) 
                    x -= (this.dx * maxX);
            }
        }
        this.base.style.width = maxx + 'px';
        this.prPage();
        this.currentCatalog = ret;
    },

    /* ページを表示する */
    prPage: function()
    {
        var d1 = this.pageDiv;
        if (d1) {
            THREAD.utl.clear(d1);
            for(var i = 0;i < this.pageMax;i++) {
                var img = document.createElement('img');
                img.style.cursor = 'pointer';
                if (i == this.page)  {
                    img.src = '/2011/img/cata_maru1_2.gif';
//                    THREAD.utl.tomei(img, 4);
                } else {
                    img.src = '/2011/img/cata_maru1.gif';
                    new IMGOverA(img);
	                THREAD.event.addEventListenerBind(img,"click",
                    {   page: i },this.gotoPage);
                }
                d1.appendChild(img);
            }
        }
        if (d1 = this.pageNextDiv) {
            if (this.page == this.pageMax - 1) 
                d1.style.visibility = 'hidden';
            else
                d1.style.visibility = 'visible';
        } 
        if (d1 = this.pageBackDiv){
            if (this.page == 0) 
                d1.style.visibility = 'hidden';
            else
                d1.style.visibility = 'visible';
        }
    },
    gotoPage: function()
    {
        var page = this.page;
        var catalogs = APP.nuance.catalogs;
        catalogs.goto(page);
    },
    goto: function(page)
    {
        this.page = page;
        this.baseLeft = - page * this.dx * APP.nuance.data.maxX;

        /* ページ切り換え時もベータを効かす */
        this.base.style.left = this.baseLeft + 'px';
        this.prPage();

        if (THREAD.browser.IE == 8) {
            return;
        }
        THREAD.utl.tomei(this.base,2);
        var anime = new THREAD.anime(this.base,THREAD.browser.IE ? 1: 10);
        anime.beta(2,THREAD.browser.IE ? 4: 20);

    },
    pageNext: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);

        if (this.page < this.pageMax - 1) {
            var startx = this.baseLeft;
            this.baseLeft -= (this.dx * APP.nuance.data.maxX);
            var anime = new THREAD.anime(this.base,THREAD.browser.IE ? 0: 10);
            anime.move(startx,0,this.baseLeft,0,THREAD.browser.IE ? 5: 20);
            this.page++;
            this.prPage();
        }
    },
    pageBack: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);

        if (this.page > 0) {
            var startx = this.baseLeft;
            this.baseLeft += (this.dx * APP.nuance.data.maxX);
            var anime = new THREAD.anime(this.base,THREAD.browser.IE ? 0: 10);
            anime.move(startx,0,this.baseLeft,0,THREAD.browser.IE ? 5: 20);
            this.page--;
            this.prPage();
        }
    },
    /*
     * 初期パラメータで詳細カタログが指定された場合
     */
    fire: function()
    {
        if (typeof this.catalogid == 'undefined') 
            return;
        var catalogid = this.catalogid;
        var cnt = this.catalogs.length;
        for(var i = 0;i < cnt;i++) {
            var c1 = this.catalogs[i];
            if (c1.catalog.id == catalogid) {
                c1.fire();
                break;
            }
        }
    }
}

APP.nuance.init3 = function() 
{
    /* パラメータで作者とそのカタログが指定されている場合がある */
    var param = {};
    var staffid = (location.search.match(/\bstaff=(.*?)(?:&|$)/)||[])[1];  
    if (staffid)  
        param.staffid = Number(staffid);
    var catalogid = (location.search.match(/\bcatalogid=(.*?)(?:&|$)/)||[])[1]; 
    if (catalogid >= 0) 
        param.catalogid = catalogid;
    APP.nuance.catalogs = new Catalogs(param);
}

/* パラメータで作者とそのカタログが指定されていたなら詳細画面を開始 */
APP.nuance.init4 = function() {
    APP.nuance.catalogs.fire();
}

APP.nuance.data = {};


/*
 * 重ねるとαが変わるj
 */
var IMGOverA = function(div,href)
{
	this.div = div;             /* 元 div */
	this.href = href;

	THREAD.event.addEventListenerBind(div,"mouseover",this,this.over);
	THREAD.event.addEventListenerBind(div,"mouseout",this,this.out);
	THREAD.event.addEventListenerBind(div,"click",this,this.click);
}

IMGOverA.prototype = {
    current: {},
    div: undefined,
    over: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);

        this.goIn(this.div);
    },
    click: function(evt)
    {
	   THREAD.event.preventDefault(evt);
       THREAD.event.stopPropagation(evt);

        this.location = this.href;
	    this.out2(evt);
    },    
    out: function(evt)
    {
	    THREAD.event.preventDefault(evt);
        THREAD.event.stopPropagation(evt);

	    this.out2(evt);
    },
    out2: function(evt)
    {
	    var div  = this.div;
	    this.goOut(div);
    },
    goOut: function(div)
    {
         var n = new THREAD.anime(div,THREAD.browser.IE ? 0: 10);
         n.beta(2,THREAD.browser.IE ? 2: 20);
    },
    goIn: function(div)
    {
        var n = new THREAD.anime(div,THREAD.browser.IE ? 0: 10);
        n.alpha(2,THREAD.browser.IE ? 2: 20);
    }
}