var _galleryEl = null;
var _linkNext = null;
var _linkPrev = null;
var _duration = 0;
var _numElement = null;
var _numElementLink = null;
var _numElActive = false;
var _n = false;

$(document).ready(function(){
    sifr();
    function sifr(){
        if(typeof sIFR == "function" && !sIFR.UA.bIsIEMac && (!sIFR.UA.bIsWebKit || sIFR.UA.nWebKitVersion >= 100)){
            sIFR.setup();
            sIFR.replaceElement(named({sSelector:".block1 h2 span", sFlashSrc:"swf/myriadps.swf", sColor:"#ffffff", nPaddingTop:"0", nPaddingBottom:"0", nPaddingLeft:"0", sWmode:"transparent"}));
            sIFR.replaceElement(named({sSelector:".block1 h3 span", sFlashSrc:"swf/myriadps.swf", sColor:"#ffcc33", nPaddingTop:"0", nPaddingBottom:"0", nPaddingLeft:"0", sWmode:"transparent"}));
            sIFR.replaceElement(named({sSelector:".box4-txt h2 span", sFlashSrc:"swf/myriadps.swf", sColor:"#ffcc33", nPaddingTop:"0", nPaddingBottom:"0", nPaddingLeft:"0", sWmode:"transparent"}));
            sIFR.replaceElement(named({sSelector:".box4-txt h3 span", sFlashSrc:"swf/myriadps.swf", sColor:"#ffffff", nPaddingTop:"0", nPaddingBottom:"0", nPaddingLeft:"0", sWmode:"transparent"}));
        };
    }
    
    // content num
    nextPrev();
    function nextPrev() {
        _galleryEl = $("div.box-video");
        _galEl = "div.box-video";
        _linkNext = $("a#btn-next");
        _linkPrev = $("a#btn-prev");
        _numElementLink = "div.box-pager ul li a";
        _numElement = "div.box-pager ul li";
        
        $(_galleryEl).not(".active").css('display','none');
                
        $(_linkNext).click(function(){
                if ($(_galleryEl).filter(".active").next().is(_galEl)) {
                        $(_galleryEl).filter(".active").next("div.box-video").addClass("next");
                } else {
                        $(_galleryEl).eq(0).addClass("next");
                }
                activeNumEl();
                fadeElement();
                return false;
        });
        
        $(_linkPrev).click(function(){
                if ($(_galleryEl).filter(".active").prev().is(_galEl)) {
                        $(_galleryEl).filter(".active").prev("div.box-video").addClass("next");
                } else {
                        $(_galleryEl).filter(":last-child").addClass("next");
                }
                activeNumEl();
                fadeElement();
                return false;
        });
        $('div.box-video').each(function(i, el){
            $(_numElementLink, el).click(function(){
                    _n = $(_numElement, el).index($(this).parent());
                    if (!$(_galleryEl).eq(_n).hasClass("active")){
                            $(_galleryEl).eq(_n).addClass("next");
                            activeNumEl();
                            fadeElement();
                    }
                    return false;
            });
        });
    }
    /* ajax content
    $('a.btn-play').click(function(){
        $('div.column2').html('<p>Loading...</p>');
        $.ajax({
            type: "GET",
            url: $(this).attr('href'),
            success: function(msg){
                $('div.column2').html(msg);
                sifr();
                nextPrev();
            }
        });
        return false;
         
    });
   */
});

function activeNumEl() {
    $('div.box-video').each(function(i, el){
            $(_numElement,el).removeClass("active");
            if ($(_numElement,el).length) {
                _numElActive = $(_galleryEl).index($(_galleryEl).filter(".next")[0]);
                $(_numElement,el).eq(_numElActive).addClass("active");
            }
    });
}
function fadeElement(){
	$(_galleryEl).filter(".active").css('display','none').removeClass("active");
	$(_galleryEl).filter(".next").css('display','block').addClass("active").removeClass("next");
        nextPrev();
}

