$(document).ready(function () {

    $("a[rel^='prettyPhoto']").prettyPhoto({
        theme: 'facebook',
        default_width: 800,
        default_height: 400

    });

    $.fn.qtip.styles.mystyle = { // Last part is the name of the style
        width: 150,
        padding: 5,
        background: '#821010',
        color: 'white',
        textAlign: 'center',
        border: {
            width: 7,
            radius: 5,
            color: '#821010'
        },
        tip: 'bottomLeft',
        name: 'dark' // Inherit the rest of the attributes from the preset dark style
    }

    $('.ie').qtip({
        content: 'Internet Explorer 8+. Cilck <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">here</a> to download.',
        style: 'mystyle',
        position: {
            corner: {
                target: 'topMiddle',
                tooltip: 'bottomMiddle'
            },
            adjust: { screen: true }
        },
        hide: {
            fixed: true // Make it fixed so it can be hovered over
        }

    });

    $('.firefox').qtip({
        content: 'Firefox 3.0+. Cilck <a href="http://www.mozilla.com/en-US/firefox/personal.html">here</a> to download.',
        style: 'mystyle',
        position: {
            corner: {
                target: 'topMiddle',
                tooltip: 'bottomMiddle'
            },
            adjust: { screen: true }
        },
        hide: {
            fixed: true // Make it fixed so it can be hovered over
        }

    });

    $('.chrome').qtip({
        content: 'Chrome 3.0+. Cilck <a href="http://chrome.google.com">here</a> to download.',
        style: 'mystyle',
        position: {
            corner: {
                target: 'topMiddle',
                tooltip: 'bottomMiddle'
            },
            adjust: { screen: true }
        },
        hide: {
            fixed: true // Make it fixed so it can be hovered over
        }

    });

    $('.safari').qtip({
        content: 'Safari 3.0+. Cilck <a href="http://www.apple.com/safari/">here</a> to download.',
        style: 'mystyle',
        position: {
            corner: {
                target: 'topMiddle',
                tooltip: 'bottomMiddle'
            },
            adjust: { screen: true }
        },
        hide: {
            fixed: true // Make it fixed so it can be hovered over
        }

    });


    $('.mailIconImage').qtip({
        content: 'Join our email newsletter list.',
        style: 'mystyle',
        position: {
            corner: {
                target: 'topRight',
                tooltip: 'bottomLeft'
            },
            adjust: { screen: true }
        }



    });

    $("#DropContainer").css('height', '5px');
    $(".showForm").toggle(
         function () {
             $("#DropContainer").animate({ height: "325px" }, { queue: false, duration: 1700, easing: 'easeOutBounce' })
         },
         function () {
             $("#DropContainer").animate({ height: "5px" }, { queue: false, duration: 1700, easing: 'easeOutBounce' })
         }
    );
    
});