$(document).ready(function() 
{
    $("div.g_close a").click(function(event)
    {
        event.preventDefault();
        $(this).parents("div.b_popup").fadeOut(500);
    });
});

function Slider(iIndex, $slider)
{
    this.$slider = $slider;
    this.gotoIndex(iIndex, true);
    this.iLength = $('#slider li').length;
    var self     = this;

    $('#nextBtn a').bind('click', function()
    {
        if (self.iLength > self.iIndex + 1)
        {
            self.iIndex = self.iIndex + 1;
        }
        else
        {
            self.iIndex = 0;
            //self.gotoIndex(0);
        }

        new spadar.ajax.Trigger('showcase-slider-change', {
            id: $('#slider li').slice(self.iIndex, self.iIndex + 1).find('a.img').attr('rel')
            });
    });

    $('#prevBtn a').bind('click', function()
    {
        if (self.iIndex > 0)
        {
            self.iIndex = self.iIndex - 1;
        }
        else
        {
            //self.gotoIndex(self.iLength - 1);
            self.iIndex = self.iLength - 1;
        }

        new spadar.ajax.Trigger('showcase-slider-change', {
            id: $('#slider li').slice(self.iIndex, self.iIndex + 1).find('a.img').attr('rel')
            });
    });
}

Slider.init = Slider.init || function(iIndex, $slider)
{
    Slider.oInstance = new Slider(iIndex, $slider);
}

Slider.initListener = Slider.initListener || function(sWidgetId)
{
    if (Slider.bInitedListener)
    {
        return false;
    }

    Slider.bInitedListener = true;

    spadar.ajax.Trigger.addListener('showcase-slider-change', function(oTrigger)
    {
        spadar.ajax.getRequest()
            .clearPost()
            .post([{name: sWidgetId, value: 'load'}, {name: 'id', value: oTrigger.aArgs.id}]);

        $('#' + sWidgetId).loadWidget('#' + sWidgetId, function()
        {
            document.title = $('input[name=html_title]').val();
        });
    });

}

Slider.prototype = 
{
    iIndex: 0, 

    gotoIndex: function(iIndex, bFast)
    {
        var iCurrIndex = this.iIndex;
        var iSpeed = this.$slider.iSpeed;
        var iPause = this.$slider.iPause;

        if (bFast)
        {
            this.$slider.iSpeed = 0;
            this.$slider.iPause = 0;
        }

        if (iCurrIndex < iIndex)
        {
            for (var i = iCurrIndex; i < iIndex; i++)
            {
                $('#nextBtn a').trigger('click');
            }
        }
        else if (iCurrIndex > iIndex)
        {
            for (var i = iIndex; i < iCurrIndex; i++)
            {
                $('#prevBtn a').trigger('click');
            }
        }

        if (bFast)
        {
            this.$slider.iSpeed = iSpeed;
            this.$slider.iPause = iPause;
        }

        this.iIndex = iIndex;
    }
}