$(document).ready(function () {
    if ($(".foo").length) {
        $(".foo").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                duration: 800,
                easing: "linear"
            },
            auto: {
                timeoutDuration: 4000
            },
            pagination: ".pagination1"
        });
    }

    if ($(".foo2").length) {
        $(".foo2").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                easing: "linear"
            },
            auto: {
                delay: 800,
                timeoutDuration: 4000
            },
            pagination: ".pagination2"
        });

    }

    if ($(".foo3").length) {
        $(".foo3").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                duration: 800,
                easing: "linear"
            },
            auto: {
                timeoutDuration: 4000,
                delay: 1600
            },
            pagination: ".pagination3"
        });
    }
    if ($(".foo4").length) {
        $(".foo4").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                duration: 800,
                easing: "linear"
            },
            auto: {
                timeoutDuration: 4000,
                delay: 1600
            },
            pagination: ".pagination4"
        });
    }
    if ($(".foo5").length) {
        $(".foo5").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                duration: 800,
                easing: "linear"
            },
            auto: {
                timeoutDuration: 4000,
                delay: 1600
            },
            pagination: ".pagination5"
        });
    }
    if ($(".foo6").length) {
        $(".foo6").carouFredSel({
            height: 165,
            scroll: {
                fx: "crossfade",
                duration: 800,
                easing: "linear"
            },
            auto: {
                timeoutDuration: 4000,
                delay: 1600
            },
            pagination: ".pagination6"
        });
    }

    /*news home*/
    if ($(".wrap-news-home li").length > 2) {
        $(".wrap-news-home").jCarouselLite({
            circular: true,
            visible: 3,
            scroll: 1,
            auto: 1800,
            speed: 2500
        });
    };


    /*Search item*/
    $('.search-type').each(function () {
        $(this).css({ 'opacity': 0, '-khtml-appearance': 'none' }).change(function () {
            var val = $('option:selected', this).text();
            $(this).next().text(val);
        })
    })

    /*tab*/
    $('.tab-nav a').click(function () {
        $('.tab-nav a').removeClass('active')
        $(this).addClass('active');
        $('.tab-content').hide();
        var tgtab = $(this).attr('href');
        $(tgtab).fadeIn(300);
        return false;
    });

    /*HOI DAP*/
    $('.cer-item .cer-question').click(function () {
        var _parent = $(this).parent();
        if (_parent.hasClass('active')) {
            _parent.removeClass('active');
            _parent.find('.cer-answer').slideUp();

        } else {
            $('.cer-item').removeClass('active');
            $('.cer-answer').slideUp();
            _parent.addClass('active');
            _parent.find('.cer-answer').slideDown();

        }

    });
    if ($('.cer-item').length) {
        $('.cer-item').eq(0).find('.cer-question').trigger('click');

    }

    $('.scroll-pane').jScrollPane({
        autoReinitialise: true,
        autoReinitialiseDelay: 1000,
        verticalDragMinHeight: 7,
        verticalDragMaxHeight: 7,
        horizontalDragMinWidth: 7,
        horizontalDragMaxWidth: 7
    });

    if ($(".desc-small").length) {
        var crrpos = 0;
        $('<div class="fancylst"></div>').appendTo('.img-small')
        $(".desc-small a").each(function (i, e) {
            var tl = $(this).children().attr('alt');
            $('.fancylst').append('<a href="' + $(this).attr('href') + '" title="' + tl + '" rel="imgprj"></a>')
            $(this).attr('ref', i)
        })

        $('.fancylst a').fancybox({
            titlePosition: 'over'
        });

        $('.big-img').click(function () {
            $('.fancylst a').eq(crrpos).trigger('click');
        })


        //$(".desc-small a").eq(0).find('a').trigger('click');

        $(".desc-small").carouFredSel({
            height: 85,
            width: 666,
            align: "left",
            items: {
                visible: 5,
                width: 128,
                minimum: 1
            },
            scroll: {
                items: 1,
                onAfter: function (data) {
                    data.items.visible.eq(0).trigger('click')
                }
            },
            auto: 5000,
            prev: ".btn-prev-d",
            next: ".btn-next-d"
        })

        $(".desc-small a").click(function () {
            $(".desc-small a").removeClass('active');
            $(this).addClass('active');
            var imgbig = $(this).attr('href');
            crrpos = $(this).attr('ref')
            $('.big-img img').fadeOut(300, function () {
                $(this).attr('src', imgbig).fadeIn(600)
            });
            $(".desc-small").trigger("slideTo", [$(this), 0]);
            return false;
        })
    }




    //UItoTop
    $().UItoTop({ easingType: 'easeOutQuart' });



    // An hien menu
    $('.main-nav').mouseenter(function () {
        $(this).find('.active').addClass('curr').removeClass('active');
    }).mouseleave(function () {
        $(this).find('.curr').addClass('active').removeClass('curr');
    })


    $('.main-img').fancybox();

    $('.nop-hs').fancybox({
        'width': 670,
        'height': 340,
        'type': 'iframe'
    })

//    $('.photo-img').fancybox({
//        autoPlay: true, //  slideshow will start after opening the first gallery item
//        playSpeed: 3000
//    });

// SLIDER

var slcrr = 0;
var timeoutID;
var sltotal = $('.slide-item').length;
var delaytimer = 0;

function showNextItem() {
    if (!$('.at-slider').hasClass('isPlay') && sltotal > 1) {
        $('.at-slider').addClass('isPlay');
        slcrr++;
        if (slcrr == sltotal) (slcrr = 0)
        showItem(slcrr);
        clearTimeout(timeoutID);
        timeoutID = setTimeout(function () { showNextItem(); }, 8000);
    }
}


$('.thumb-sl-con li a').click(function () {
    var nitem = $(this).parent().index()
    if (!$('.at-slider').hasClass('isPlay')) {
        $('.at-slider').addClass('isPlay');

        showItem(nitem);
        $('.thumb-sl-con li a').removeClass('active');
        $(this).addClass('active');
        clearTimeout(timeoutID);
        timeoutID = setTimeout(function () { showNextItem(); }, 8000);
    }

})

$('.btn-prev').click(function () {
    if ($('.thumb-sl-con li a.active').parent().prev().length) {
        $('.thumb-sl-con li a.active').parent().prev().children().trigger('click');
    }
    return false;

})
$('.btn-next').click(function () {
    if ($('.thumb-sl-con li a.active').parent().next().length) {
        $('.thumb-sl-con li a.active').parent().next().children().trigger('click');
    }
    return false;
})


function showItem(id) {
    $('.at-slider').addClass('isPlay');
    slcrr = id;
    if ($('.slcrr').length) {
        if ($('.slcrr').hasClass('gotoright')) {
            $('.slcrr').find('.container div').animate({ 'right': '-960px', 'opacity': 0 }, 800, 'easeInExpo');
        } else {
            $('.slcrr').find('.container div').animate({ 'left': '-960px', 'opacity': 0 }, 800, 'easeInExpo');
        }

        $('.slcrr').delay(800).fadeOut(1200, function () {
            $(this).removeClass('slcrr');
        });
    }
    $('.slide-item').eq(id).addClass('slcrr');
    $('.slide-item').eq(id).find('.container div').css({ 'left': '960px', 'opacity': 0 });
    $('.slide-item').eq(id).delay(delaytimer).fadeIn(1200, function () {
        $('.thumb-sl-con li a').removeClass();
        $('.thumb-sl-con li').eq(id).children().addClass('active');
        if ($('.slide-item').eq(id).hasClass('gotoright')) {
            $(this).find('.container div').css({ 'left': 'auto', 'right': '960px', 'opacity': 0 }).animate({ 'right': '0', 'opacity': 1 }, 1000, 'easeOutExpo', function () {
                $('.at-slider').removeClass('isPlay');
            });
        } else {
            $(this).find('.container div').css({ 'left': '960px', 'opacity': 0 }).animate({ 'left': '0', 'opacity': 1 }, 1000, 'easeOutExpo', function () {
                $('.at-slider').removeClass('isPlay');
            });
        }

        $(this).addClass('slcrr');
    })
    delaytimer = 800;
}

showItem(0);
timeoutID = setTimeout(function () { showNextItem(); }, 8000);

$('.btndown').click(function () {
    $(this).toggleClass('btn-show');
    if ($('.bottom-box').height() == 51) {
        $('.bottom-box').animate({ 'height': '275px' }, 1000, 'easeOutCubic')
    } else {
        $('.bottom-box').animate({ 'height': '51px' }, 800, 'easeOutCubic')
    }

    return false;
})

$('.btndown').trigger('click')


winresize()
})

winresize = function () {
    var wdh = $(window).height();
    var wdw = $(window).width();
    var hdh = $('header').height();
    var fth = $('footer').height();

    if ($('.content-home').length) {
        var slh = wdh - (hdh + fth + 32);
        var imgw = 1900 * (slh / 740);
        var imgleft = (wdw - imgw) * 0.5;
        $('.content-home').height(slh)
        $('.slide-item img').height(slh).css('margin-left', imgleft)

    }

}
$(window).load(function () { winresize(); })
$(window).resize(function () { winresize(); })


$(document).ready(function () {
    showinfo = function () {
        var crrname = $(this).children('.prj-mapname')
        var ppleft = parseInt($(this).css('left').replace('px', '')) + $(this).width() + 15;
        var pptop = parseInt($(this).css('top').replace('px', '')) - 40;
        var tgp = $(this).attr('ref');
        $('.prj-holder .prj-subname').html($(tgp).find('.prj-name').html());
        $('.prj-holder .prj-subimg img').attr('src', $(tgp).find('.prj-name').attr('href'));
        var bgi = $(tgp).find('.prj-path1').attr('href');
        $('.path-holder .path1').css('background-image', 'url(' + bgi + ')')
        bgi = $(tgp).find('.prj-path2').attr('href');
        $('.path-holder .path2').css('background-image', 'url(' + bgi + ')')
        bgi = $(tgp).find('.prj-path3').attr('href');
        $('.path-holder .path3').css('background-image', 'url(' + bgi + ')')
        bgi = $(tgp).find('.prj-path4').attr('href');
        $('.path-holder .path4').css('background-image', 'url(' + bgi + ')')

        if (ppleft > 810) {
            var crrw = ($(this).width() > $(this).find('.prj-mapname').width()) ? $(this).width() : $(this).find('.prj-mapname').width();
            $('.prj-holder').addClass('ppright').css({ 'left': ppleft - 240 - crrw, 'top': pptop }).fadeIn(300);
        } else {
            $('.prj-holder').removeClass('ppright').css({ 'left': ppleft, 'top': pptop }).fadeIn(300);
        }
        $('.startpoint').addClass('active')
        showpath();

        //console.log(ppleft + '  ' + pptop)
    }
    hideinfo = function () {
        $('.prj-holder').fadeOut(200);
        $('startpoint').removeClass('active');
        hidepath();
    }

    showpath = function () {
        if ($('.startpoint').hasClass('active')) {
            $('.path-holder div').each(function (i, e) {
                $(this).delay(i * 150).fadeIn(300);
                //console.log(i * 150)
            })
        }
    }

    hidepath = function () {
        $('.path-holder div').fadeOut(200)
    }

    function showbr() {
        var ppleft = parseInt($(this).css('left').replace('px', '')) + 60;
        var pptop = 600 - parseInt($(this).css('bottom').replace('px', ''));
        var tgp = $(this).attr('href');
        $('.prj-holder .prj-subname').html($(tgp).find('a').html());
        $('.prj-holder .prj-subimg img').attr('src', $(tgp).find('a').attr('href'));
        $('.prj-holder').removeClass('ppright').css({ 'left': ppleft, 'top': pptop }).fadeIn(300);
    }

    $('.bridge').hoverIntent(showbr, hideinfo)
    $('.bridge').click(function () {
        return false;
    })


    if ($('.mainmap-wrap').length) {
        $('.prj').hoverIntent(showinfo, hideinfo)
    }


})