// JavaScript Document
$(function() {
    $('img.image1').data('ad-desc', 'Whoa! This description is set through elm.data("ad-desc") instead of using the longdesc attribute.<br>And it contains <strong>H</strong>ow <strong>T</strong>o <strong>M</strong>eet <strong>L</strong>adies... <em>What?</em> That aint what HTML stands for? Man...');
    $('img.image1').data('ad-title', 'Title through $.data');
    $('img.image4').data('ad-desc', 'This image is wider than the wrapper, so it has been scaled down');
    $('img.image5').data('ad-desc', 'This image is higher than the wrapper, so it has been scaled down');
    
    var galleries = $('.ad-gallery').adGallery({
        callbacks: {
            afterImageVisible: function() {

                $('.ad-image>img').css({
                    'cursor':'pointer'
                });
                $('.ad-image>img').click(function(){
                    TINY.box.show({
                        image:$('.ad-image>img').attr('src'),
                        boxid:'frameless',
                        animate:true,
                        openjs:function(){
                            openJS()
                        }
                    })
                });

            }
        }
    });

    
    $('#switch-effect').change(
        function() {
            galleries[0].settings.effect = $(this).val();
            return false;
        }
        );
    $('#toggle-slideshow').click(
        function() {
            galleries[0].slideshow.toggle();
            return false;
        }
        );
});