$(document).ready(function()
{
    $('#sample-category').change(function()
    {
        var cat = '';
        if ($(this).val()) cat = $(this).val() + '/';
        window.location.href = this_url + '/' + cat;
    });
    
    $.each($('div#samples-content ul.sample-row li'), function(i, e)
    {
        e = $(e);
        var img = $(e.children('img'));
        e.attr('title', img.attr('title'));
    });
    
    $('div#samples-content ul > li.popup').click(function()
    {
        if (autodemo.popupOpen)
        {
            return false;
        }

        var t = $(this);
        var a = t.children('a');
        var href = a.attr('href');

        if (href.indexOf('#') != -1)
        {
            var parts = href.split('#');
            href = parts[0];
            var params = parts[1].split(',');

            if (params.length != 3)
            {
                return true;
            }

            for(var i = 0; i < params.length; i++)
            {
                params[i] = parseInt(params[i], 10);
            }

            if (params[2])
            {
                return autodemo.register.check(href, params[0], params[1]);
            }
            else
            {
                return autodemo.launch(href, params[0], params[1]);
            }

            return false;
        }

        return true;
    });
    
    $('div#samples-content ul > li.overlay').click(function()
    {
        var t = $(this);
        var a = $(t.children('a'));
        var demo = a.attr('href').split('#');
        var dimensions = demo[1].split(',');
        autodemo.overlay.displayDemo(demo[0], dimensions[0], dimensions[1]);
        return false;
    });
    
    $('ul.sample-row li').hover(function()
    {
        $(this).addClass('hover');
    },
    function()
    {
        $(this).removeClass('hover');
    });
});