$(function () {

//    jQuery.noConflict();

    //Set drop menu
    initializeMenu();

    //set animated clouds
    animateClouds();

    //Set watermarks
    $('.watermarked').each(function () {
        $(this).watermark('watermark', $(this).attr('title'));
    });

    // countdown
    eventStart = new Date("September 7, 2010 10:00:00");
    $('#glowingLayout').countdown({ until: eventStart, compact: true,
        layout: '<div class="image{d10}"></div><div class="image{d1}"></div>' +
                '<div class="imageSep"></div>' +
                '<div class="image{h10}"></div><div class="image{h1}"></div>' +
                '<div class="imageSep"></div>' +
                '<div class="image{m10}"></div><div class="image{m1}"></div>'
    });

    //Twitter
    $('#twitter_update_list').bxSlider({
        alignment: 'horizontal',        // 'horizontal', 'vertical' - direction in which slides will move
        controls: false,                 // determines if default 'next'/'prev' controls are displayed
        speed: 500,                     // amount of time slide transition lasts (in milliseconds)
        pager: false,                    // determines if a numeric pager is displayed (1 2 3 4...)
        pager_short: false,             // determines if a 'short' numeric pager is displayed (1/4)
        pager_short_separator: ' / ',   // text to be used to separate the short pager
        margin: 0,                      // if 'horizontal', applies a right margin to each slide, if 'vertical' a
        // bottom margin is applied. example: margin: 50
        next_text: 'next',              // text to be displayed for the 'next' control
        next_image: '',                 // image to be used for the 'next' control
        prev_text: 'prev',              // text to be displayed for the 'prev' control
        prev_image: '',                 // image to be used for the 'prev' control
        auto: true,                    // determines if slides will move automatically
        pause: 3500,                    // time between each slide transition (auto mode only) 
        auto_direction: 'next',         // order in which slides will transition (auto mode only)
        auto_hover: true,               // determines if slideshow will pause while mouse is hovering over slideshow
        auto_controls: false,           // determines if 'start'/'stop' controls are displayed (auto mode only)
        ticker: true,                  // determines if slideshow will behave as a constant ticker
        ticker_controls: false,         // determines if 'start'/'stop' ticker controls are displayed (ticker mode only)
        ticker_direction: 'next',       // order in which slides will transition (ticker mode only)
        ticker_hover: true,             // determines if slideshow will pause while mouse is hovering over slideshow
        stop_text: 'stop',              // text to be displayed for the 'stop' control
        start_text: 'start',            // text to be displayed for the 'start' control
        wrapper_class: 'bxslider_wrap'  // class name to be used for the outer wrapper of the slideshow
    });

    $(function () {
        $.fn.vAlign = function () {
            return this.each(function (i) {
                var h = $(this).height();
                var oh = $(this).outerHeight();
                var mt = (h + (oh - h)) / 2;
                $(this).css("position", "absolute");
                $(this).css("margin-top", "-" + mt + "px");
                $(this).css("top", "50%");
            });
        };

    });
})