$(function(){
    $("#banner_slider ul > li").each(function(index) {
        var image = (index == 0)?'On':'Off';
        $('div.bulletCntnr').append('<img src="http://www.singlehop.com/images/home_banner/bullet'+image+'.png" class="banner_control" rel="'+ parseInt(index+1) +'" />');
    });
    $('#banner_slider').easySlider({
        controlsShow: false,
        vertical: false, 
        continuous: true,
        auto: true,
        pause:10000,
        pagination: '.bulletCntnr',
        speed:500,
        size:$('#banner_slider ul > li').length,
        callback:function(t){
            $('.dropBtn').find('.dropcntnr').removeClass('open');
            $('.dropBtn').find('.dropcntnr').addClass('closed');
            $('.bulletCntnr img').attr('src','http://www.singlehop.com/images/home_banner/bulletOff.png');
            $('.bulletCntnr img:nth-child(' + t + ')').attr('src','http://www.singlehop.com/images/home_banner/bulletOn.png');
        }	
    });
    $('.dropBtn').click(function(){
        var status=$(this).find('.dropcntnr').hasClass('closed') ? 'open' : 'closed';
        remnoveclass = 'closed';
        if(status == 'closed'){
            remnoveclass = 'open';
        }
        $(this).find('.dropcntnr').removeClass(remnoveclass);
        $(this).find('.dropcntnr').addClass(status);
    });
    $(".dropBtn").bind( "clickoutside", function(event){
        $(this).find('.dropcntnr').removeClass('open');
        $(this).find('.dropcntnr').addClass('closed');
    });
    $('.dropBtn').mouseover(function(){
        $(this).find('.dropcntnr').removeClass('closed');
        $(this).find('.dropcntnr').addClass('open');
    });
    
    $('.dropBtn').mouseout(function(){
         $(this).find('.dropcntnr').removeClass('open');
        $(this).find('.dropcntnr').addClass('closed');
    });
});