$(document).ready(function(){

    $('#content_middle #videos div').hover(
        function(event){
            var target = $(event.currentTarget)
            target.stop();
            target.animate({
                width: '473px'
            });
        },
        function(event){
            var target = $(event.currentTarget)
            target.stop();
            $(event.currentTarget).animate({
                width: '140px'
            });
        });

    $(function() {
        var videoPlayer = $("#videoPlayer");

        $("#videos a").click(function(event) {
            event.preventDefault();
            var link = $(event.currentTarget);
            videoPlayer.dialog({
                autoOpen: false,
                height: 550,
                hide: "blind",
                modal: true,
                show: "blind",
                width: 680,
                close: function(event, ui) {
                    videoPlayer.dialog("destroy");
                    videoPlayer.empty();
                }
            });
            videoPlayer.load(link.attr('href'))
            videoPlayer.dialog( "option", "title", link.attr('title'));
            videoPlayer.dialog("open");
            return false;
        });
    });

/*
    var tabs;
    var start = 'home';
    var linkSelector = '#navigation a';
    var contentSelector = '#content div:first';
    var currentSelector = function(value) {
        //alert(value);
        return '#navigation a[href=#' + value + ']';
    };

    if ($.address.value() == '') {
        $.address.value(start);
    }

    $.address.init(function(event) {
        // Adds the ID in a lazy manner to prevent scrolling
        //$(contentSelector).attr('id', 'home');
        // Tabs setup

        tabs = $("#navigation").tabs({
            fx: {
                opacity: 'toggle'
            },
            spinner: 'lade...',
            load: function(event, ui) {
            //$(ui.panel).html($(contentSelector, ui.panel).html());
            },
            selected: $(linkSelector).index($(currentSelector(event.value))),
            ajaxOptions: {
                error: function(xhr, status, index, anchor){
                    $(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible. If this wouldn't be a demo.");
                }
            }
        });        
        // Enables the plugin for all the tab links
        $(linkSelector).address();
    }).change(function(event) {
        // Sets the page title
        $.address.title($(currentSelector(event.value)).text());
    }).externalChange(function(event) {
        // Select the proper tab
        tabs.tabs('select', $(currentSelector(event.value)).attr('href'));
    }).history(true);
*/
    //$('#wrapper_inner').supersleight({shim: 'img/blank.gif'});
    //$('#frame_bottom img').supersleight({shim: 'img/blank.gif'});
    //$(document).pngFix();

});


jQuery.fn.supersleight = function(settings) {
    settings = jQuery.extend({
        imgs: true,
        backgrounds: true,
        shim: 'x.gif',
        apply_positioning: true
    }, settings);

    return this.each(function(){
        if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7 && parseInt(jQuery.browser.version, 10) > 4) {
            jQuery(this).find('*').andSelf().each(function(i,obj) {
                var self = jQuery(obj);
                // background pngs
                if (settings.backgrounds && self.css('background-image').match(/\.png/i) !== null) {
                    var bg = self.css('background-image');
                    var src = bg.substring(5,bg.length-2);
                    var mode = (self.css('background-repeat') == 'no-repeat' ? 'crop' : 'scale');
                    var styles = {
                        'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')",
                        'background-image': 'url('+settings.shim+')'
                    };
                    self.css(styles);
                };
                // image elements
                if (settings.imgs && self.is('img[src$=png]')){
                    var styles = {
                        'width': self.width() + 'px',
                        'height': self.height() + 'px',
                        'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + self.attr('src') + "', sizingMethod='scale')"
                    };
                    self.css(styles).attr('src', settings.shim);
                };
                // apply position to 'active' elements
                if (settings.apply_positioning && self.is('a, input') && (self.css('position') === '' || self.css('position') == 'static')){
                    self.css('position', 'relative');
                };
            });
        };
    });
};
