window.addEvent('domready', function(){
    loadflash( 'cooBanner', '100%', '100%', 'KDSkins/default/flash/Banner800_104.swf' );
    loadflash( 'cooNavButtons', '100%', '100%', 'KDSkins/default/flash/Nav504_31.swf' );
    loadflash( 'cooBottomLogo', '220', '31', 'KDSkins/default/flash/Logo220_31.swf' );
    loadflash( 'cooNews', '880', '240', 'KDSkins/default/flash/Cooding.Diary.swf', {
        'cooPicList':FlashStrPic,
        'cooPicText':FlashStrText,
        'cooPicLink':FlashStrLink
    });
    morphWorkItem();
    makeThumbnailView();
});

function morphWorkItem(){
    $$('#jobList div.workItem').each(function(item,i){
        $(item).set('morph', {
            duration: 600, 
            transition: 'sine:out', 
            link :'cancel',
            onComplete: function(){
                this.className= (this.over)?('workItemActive'):('workItem');
            }.bind(item)
        }); 
        item._index= i;
        item.over= false;
        item.addEvent( 'mouseenter', function(){
            this.over= true;
            this.morph({'background-color':['#fff','#000']});
        }.bind(item));
        item.addEvent( 'mouseleave', function(){
            this.over= false;
            this.morph({'background-color':['#000','#fff']});
        }.bind(item));
    });
};

function makeThumbnailView(){   
    var url_null= 'KDSkins/null.gif';
    var viewbox= new Element('div');
    viewbox.style.cssText= "overflow:hidden;position:absolute; left:0px; top:0px; width:322px; height:422px; z-index:999; ";
    viewbox.style.display= 'none';
    document.body.appendChild(viewbox);
    
    if(Browser.Engine.trident4){
        viewbox.style.background= '';
        viewbox.style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="KDSkins/Default/img/box.png")';
    }else{
        viewbox.style.background= 'url(KDSkins/Default/img/box.png) no-repeat center center';
    }
    
    var loadingbox= new Element('div');
    loadingbox.style.cssText= 'width:300px; height:400px; position:absolute; left:7px; top:7px; z-index:1000; background:url(KDSkins/Default/img/box_loading.gif) no-repeat center center;';
    viewbox.appendChild( loadingbox );
    
    var splitbox= new Element('div');
    splitbox.style.cssText= 'width:300px; height:400px; position:absolute; left:7px; top:7px; z-index:1100;';
    viewbox.appendChild( splitbox );
    
    var imagebox= new Element('img');
    imagebox.style.cssText= 'width:300px; height:400px;';
    splitbox.appendChild( imagebox );
    
    imagebox.addEvent('load', function(){
        if(imagebox.loadimage){
            imagebox.loadimage= false;
            if( imagebox.src!= url_null ){
                splitbox.morph({ 'opacity':[0.1,1],  'height':[1,400]});
            }
        }
    });
    imagebox.addEvent('error', function(){
        if(imagebox.loadimage){
            splitbox.get('morph').cancel();
            splitbox.setOpacity(0.1);
            setImageSrc(url_null, false);
        }
    });
    
    var boxWidth= 322;
    var boxHeight= 422;
    
    var nextEffect= function(){
    };
    
    var setImageSrc= function(src, flag){
        imagebox.loadimage= flag;
        imagebox.src= src;
    };
    
    viewbox.set('morph',{ duration: 800, transition: 'sine:out', link :'cancel', onComplete:nextEffect });
    imagebox.set('morph',{duration: 800, transition: 'sine:out', link :'cancel', onComplete:nextEffect });
    splitbox.set('morph',{duration: 800, transition: 'sine:out', link :'cancel', onComplete:nextEffect });
    
    $$('#dCasesList div.picbox').each(function(item,i){
        item.addEvent('mouseenter', function(){
            viewbox.style.display= '';
            
            splitbox.get('morph').cancel();
            splitbox.setOpacity(0.1);
            
            var link= item.getFirst('a').rel;
            setImageSrc(link, true);
            
        });
        item.addEvent('mouseleave', function(){
            splitbox.get('morph').cancel();
            splitbox.setOpacity(0.1);
            viewbox.style.display= 'none';
        });
        item.addEvent('mousemove', function(evt){
            viewbox.style.left= evt.page.x+ 'px';
            viewbox.style.top= (evt.page.y+20)+ 'px';
            
        });
    });
};

(function(){
    var apply_transline= function( o, transsrc){
        if(!o) return ;
        if(Browser.Engine.trident4){
            o.style.background= '';
            o.childNodes[0].style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+transsrc+'")';
            o.childNodes[0].src= 'KDSkins/null.gif';
        }else{
            o.style.background= 'url('+transsrc+') no-repeat';
        }
    }
    apply_transline($('transline_up'),'KDSkins/default/images/cooding_up.png');
    apply_transline($('transline_down'),'KDSkins/default/images/cooding_down.png');
})();

(function(){
    if(Browser.Engine.trident4){
        $$('#imgtext_cooding','#imgtext_article','#imgtext_work','#imgtext_msg', '#imgtext_tj').each(function(item,i){
            item.style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+item.src+'")';
            item.src= 'KDSkins/null.gif';
        });
    };
})();

(function(){
    var updateTime= function(){
        var today= new Date();
        $('siteTime').innerHTML= fstr(today.getHours())+':'+fstr(today.getMinutes())+':'+fstr(today.getSeconds());
    };
    var fstr= function(_num){
        if(_num<=9) return '0'+_num; else return _num;
    };
    var today= new Date();
    $('siteDate').innerHTML= today.getFullYear()+'-'+fstr(today.getMonth()+1)+'-'+fstr(today.getDate());
    setInterval(updateTime,1000);
})();

function doSbmitLeaveword(){
    var f= $('dGuestBook');
    var nn= $('txtNickName').value.trim();
    var msg= $('txtMsg').value.trim();
    if( msg== '' ){
        $('txtMsg').focus();
        alert('请填写留言内容！');
        $('txtMsg').morph({'backgroundColor':['#ff0000','#ffffff']});
        return false;
    }
    if( !f ) return false;
    return true;
};

(function(){
    $$('#dGuestBook .cGBItem').each(function(item,i){
        item.set('morph',{ duration: 500, transition: 'sine:out', link :'cancel'});
        item.addEvent('mouseenter', function(){
            item.morph({'borderColor':['#cccccc','#000000']});
        });
        item.addEvent('mouseout', function(){   
            item.morph({'borderColor':['#000000','#cccccc']});
        });
    });
    var msgbox= $('txtMsg');
    msgbox.set('morph',{ duration: 500, transition: 'sine:out', link :'cancel'});
})();