// 使用 UTF-8 編碼
/* hothompy */
function hompy() { };
hompy.current = 0;
hompy.pagingSize = 6;

function showHotHompies(dir) {
    var el = document.getElementById('hothompy').getElementsByTagName('ul')[0];
    var text = '';

    if(dir == 'prev') {
        hompy.current = hompy.current - 2 * hompy.pagingSize;
    }
    var dst = hompy.current+hompy.pagingSize;

    for(i=hompy.current; i<dst; i++) {
        text += '<li><div class="photo"><span></span><a href="' + hotHompy.hompy[i].link + '" onclick="window.open(this.href,\'miniWorld\',\'menubar=no,scrollbars=no,width=1000,height=665\'); return false;"><img src="' + hotHompy.hompy[i].pic + '"></a></div>';
        text += '<span class="title"><img src="' + hotHompy.hompy[i].sex  + '" border="0"/><a href="' + hotHompy.hompy[i].link + '" onclick="window.open(this.href,\'miniWorld\',\'menubar=no,scrollbars=no,width=1000,height=665\'); return false;">' + decodeURIComponent(hotHompy.hompy[i].name) + '</a></span></li>';
    }

    hompy.current = dst;
    
    var myAnim = new YAHOO.util.Anim(el, {
        opacity: { to: 0 }
    }, 0.5, YAHOO.util.Easing.easeOut);

    myAnim.onComplete.subscribe(function() {
        el.innerHTML = text;
        var myAnim2 = new YAHOO.util.Anim(el, {
            opacity: { to: 1 }
        }, 0.5, YAHOO.util.Easing.easeOut);
        myAnim2.animate();
    });
    myAnim.animate();
    $(document).ready(function() {$('#hothompy img').css('display', 'none').css('display', '');});
    updateHotHompyNav();
}

function updateHotHompyNav() {
    if(hompy.current <= hompy.pagingSize) {
        YAHOO.util.Dom.addClass('hothompy-prev', 'hide');
    } else {
        YAHOO.util.Dom.removeClass('hothompy-prev', 'hide');
    }
    if(hompy.current+hompy.pagingSize > hotHompy.hompy.length ) {
        YAHOO.util.Dom.addClass('hothompy-next', 'hide');
    } else {
        YAHOO.util.Dom.removeClass('hothompy-next', 'hide');
    }
}

function changeBroadcastPage(p) {
    var h = document.getElementById('hothompy');
    var b = document.getElementById('mini_broadcast');
    var url = 'broadcast.' + p + '.html';
    var path = '/cache/index/' + url + '?rnd=' + Math.random();
    var cObj = YAHOO.util.Connect.asyncRequest('GET', path, {
        success:function(o) {
	    if(h) { view = h; } else { view = b; }
            var myAnim = new YAHOO.util.Anim(view, {
                opacity: { to: 0 }
                }, 0.5, YAHOO.util.Easing.easeOut);
            myAnim.onComplete.subscribe(function() {
                view.innerHTML = o.responseText;
		if(h) {view.id = 'mini_broadcast';}
                var myAnim2 = new YAHOO.util.Anim(view, {
                    opacity: { to: 1 }
                    }, 0.5, YAHOO.util.Easing.easeOut);
                myAnim2.animate();
            });
            myAnim.animate();
        }
    });
}

/* block */
var ids= ["article-hot", "article-new", "article-newsend", "album-hot", "album-new", "album-newsend", "popular_b_1", "popular_b_2"];
var articleIds = ["article-hot", "article-new", "article-newsend"];
var albumIds = ["album-hot", "album-new", "album-newsend"];
var popularIds = ["popular_b_1", "popular_b_2"];
function getBlock(e) {
    YAHOO.util.Event.stopEvent(e);

    switch(this.id) {
        case 'article-hot':
            var data = {
                view: 'article-view',
                current: articleIds,
                sUrl: '2.html',
                target: 'table'
            };
            break;
        case 'article-new':
            var data = {
                view: 'article-view',
                current: articleIds,
                sUrl: '3.html',
                target: 'table'
            };
            break;
        case 'article-newsend':
            var data = {
                view: 'article-view',
                current: articleIds,
                sUrl: '6.html',
                target: 'table'
            };
            break;
        case 'album-hot':
            var data = {
                view: 'album-view',
                current: albumIds,
                sUrl: '5.html',
                target: 'ul'
            };
            break;
        case 'album-new':
            var data = {
                view: 'album-view',
                current: albumIds,
                sUrl: '4.html',
                target: 'ul'
            };
            break;
        case 'album-newsend':
            var data = {
                view: 'album-view',
                current: albumIds,
                sUrl: '7.html',
                target: 'ul'
            };
            break;
        case 'popular_b_1':
            var data = {
                view: 'popular-b-view',
                current: popularIds,
                sUrl: '1.html',
                target: 'ul'
            };
            break;  
        case 'popular_b_2':
            var data = {
                view: 'popular-b-view',
                current: popularIds,
                sUrl: '1_1.html',
                target: 'ul'
            };
            break;
    }
    var path = '/cache/index/' + data.sUrl + '?rnd=' + Math.random();
    var cObj = YAHOO.util.Connect.asyncRequest('GET', path, {
        success:function(o) {
            var view = document.getElementById(data.view);
            var target = view.getElementsByTagName(data.target)[0];
            var myAnim = new YAHOO.util.Anim(view, {
                opacity: { to: 0 }
                }, 0.5, YAHOO.util.Easing.easeOut);
            myAnim.onComplete.subscribe(function() {
                view.innerHTML = o.responseText;
                var myAnim2 = new YAHOO.util.Anim(view, {
                    opacity: { to: 1 }
                    }, 0.5, YAHOO.util.Easing.easeOut);
                myAnim2.animate();
            });
            myAnim.animate();
        }
    });
    YAHOO.util.Dom.removeClass(data.current,'current');
    YAHOO.util.Dom.addClass(this.id,'current');
}

YAHOO.util.Event.addListener(ids, "click", getBlock);

/* ad slideshow */
var sIndex;
var sTotal;

function initSlideShow() {
    if (document.getElementById('ad-1')) {
        var el = document.getElementById('ad-1');
        var imgs = el.getElementsByTagName('img');
        gTotal = imgs.length;
        gIndex = 0;
        imgs[gIndex].style.display = 'inline';
        if (gTotal > 1) {
            YAHOO.util.Dom.setStyle(imgs, 'opacity', 0);
            YAHOO.util.Dom.setStyle(imgs[gIndex], 'opacity', 1);
            var sInterval = setInterval("showHideImg()",7000);
        }
    }
}

function showHideImg() {
    var el = document.getElementById('ad-1');
    var imgs = el.getElementsByTagName('img');
    var myAnim = new YAHOO.util.Anim(imgs[gIndex], {
        opacity: { to: 0 }
        }, 1, YAHOO.util.Easing.easeOut);
    myAnim.onComplete.subscribe(function() {
        imgs[gIndex].style.display = 'none';
        gIndex = gIndex + 1;
        if (gIndex == gTotal) {
            gIndex = 0;
        }
        imgs[gIndex].style.display = 'inline';
        var myAnim2 = new YAHOO.util.Anim(imgs[gIndex], {
            opacity: { to: 1 }
            }, 1, YAHOO.util.Easing.easeOut);
        myAnim2.animate();
    });
    myAnim.animate();
}
YAHOO.util.Event.addListener(window, "load", initSlideShow);