$(document).ready(function() {
    var menu_cf = {
        margin: {left: 20, top: 10},
        transition: {overtime:300, outtime:300},
        showhidedelay: {showdelay: 100, hidedelay: 200},
        arrowimages: {down:['downarrowclass', 'css/images/mar.png', 20], right:['rightarrowclass', 'css/images/ar.gif']}
    }, wrapperWidth = $('#wrapper').width();
    $('#flyMenu li:has(div.menusub)').each(function(i, item){
        var obitem  = $(this).css({ zIndex: 100 - i }),
            obsubul = obitem.find('div.menusub:eq(0)').css({ display: 'block' }).data('timers', {}),
            istop   = obitem.parents("ul").length == 1 ? true : false,
            dimensions = {w: item.offsetWidth, h: item.offsetHeight, subulw: obsubul.outerWidth(), subulh: obsubul.outerHeight()};
        obsubul.css({ top: istop ? dimensions.h : 0 });
        obitem.hover(function(e){
            clearTimeout(obsubul.data('timers').hidetimer);
            obsubul.data('timers').showtimer = setTimeout(function(){
                var offsets = obitem.offset(),
                    menuleft  = istop ? 0 : dimensions.subulw;
                    menuleft  = (offsets.left + menuleft + dimensions.subulw > wrapperWidth)
                                ? (istop ? (- dimensions.subulw + dimensions.w - 24 ) : -dimensions.subulw + menu_cf.margin.left )
                                : (istop ? menuleft : menuleft - menu_cf.margin.left );
                if (obsubul.queue().length <= 1){
                    if(!istop && $.browser.msie && $.browser.version== '6.0') obitem.parent().css({ overflow: 'visible' });
                    obsubul.css({ left: menuleft + "px", width: dimensions.subulw + 'px' })
                           .animate(istop ? { height:'show' } : { width:'show' }, menu_cf.transition.overtime);
                }
            }, menu_cf.showhidedelay.showdelay);
        }, function(e){
            clearTimeout(obsubul.data('timers').showtimer);
            obsubul.data('timers').hidetimer = setTimeout(function(){
                obsubul.animate(istop ? { height:'hide' } : { width:'hide' }, menu_cf.transition.outtime);
            }, menu_cf.showhidedelay.hidedelay)
        });
    });
    $('#flyMenu div.menusub').css({display:'none', visibility:'visible'})
    try
    {
    // fly menu
    var fm = $('#flyMenu'),
        fmp = fm.children('li.active').position(),
        fmaw = fm.children('li.active').outerWidth(),
        fi = $('#flyItem');
        fi.animate({ left: fmp.left, width: fmaw });
        fm.children('li').hover(function(){
            var item = $(this);
            fi.clearQueue().animate({ left: item.position().left, width: item.outerWidth() }, 300);
        }, function(){
            fi.clearQueue().animate({ left: fmp.left, width: fmaw }, 300);
        });
     }
     catch(e)
     {}       

    // nivo slide
    $('#slider').nivoSlider({
        pauseOnHover: true,
        controlNav: false,
        directionNav: false,
        animSpeed: 100
    });

    // jCarousel
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });

    // Slogan
    setInterval( function(){
        var $active = $('#slideshow IMG.active');
        if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
        var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');
        $active.addClass('last-active').hide();
        $next.addClass('active').show();
        $active.removeClass('active last-active');
    }, 3000 );
    
    // parner
    setInterval( function(){
        var $active = $('#parnerSlide a.active');
        if ( $active.length == 0 ) $active = $('#parnerSlide a:last');
        var $next =  $active.next().length ? $active.next()
            : $('#parnerSlide a:first');
        $active.addClass('last-active');
        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 1000, function() {
                $active.removeClass('active last-active');
            });
    }, 3000 );
    
   
});

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
 
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
 
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
    
};
function ShowHideMenu(span)
{
       try
       {
            var curLi = span.parentNode;
            var curSibUl = curLi.getElementsByTagName("ul");
            if(curSibUl.length>0) curSibUl = curSibUl[0];
            
            var ulParent = curLi.parentNode;
            var liArr = ulParent.getElementsByTagName("li");
            for(var i=0;i<liArr.length;i++)
	        {
	             var tempLi = liArr[i];
	             if(tempLi.id == curLi.id) continue;
	             var tempSibUl = tempLi.getElementsByTagName("ul");
                if(tempSibUl.length ==0) continue;
	             if(tempSibUl.length>0) tempSibUl = tempSibUl[0];
	             if($("#"+curSibUl.id).is(':hidden') == true)
	             {
	                $("#"+tempSibUl.id).slideUp("normal");
	                $("#"+tempLi.id).removeClass("collapse");
	                $("#"+tempLi.id).addClass("expand");
        	        
	             }
	        }
        	
	        var isVisible = $("#"+curSibUl.id).is(':hidden');
            if(isVisible == true) 
            {
                $("#"+curSibUl.id).slideDown("normal");
                $("#"+curLi.id).removeClass("expand");
	            $("#"+curLi.id).addClass("collapse");
            }
            else  
            {
                $("#"+curSibUl.id).slideUp("normal");
                $("#"+curLi.id).removeClass("collapse");
	            $("#"+curLi.id).addClass("expand");
            }
    	
      }
      catch(e)
      {
        alert("Loi:"+e);
      }
}