var form_submit = false;
var IE = false;

jQuery(document).ready(function()
{
    jQuery('#fi_salla_imageswapper').find('ul li a')
        .click(function()
        {
            var href = jQuery(this).attr('href');
            
            if (!href)
            {
                return false;
            }
            
            if (href.match(/\?/))
            {
                href += '&ajax';
            }
            else
            {
                href += '?ajax';
            }
            
            jQuery(this).parent().siblings('li.selected').removeClass('selected');
            jQuery(this).parent().addClass('selected');
            
            jQuery('#content_image').load
            (
                href + ' #content_image',
                null,
                function()
                {
                    // Probably no need for the callback
                }
            );
            return false;
        });
    
    // Draw the map if applicable
    if (   jQuery('#fi_salla_google_map').size()
        && jQuery('span.geolocation').size()
        && typeof(google) !== 'undefined')
    {
        var latitude = 66.824;
        var longitude = 28.6686;
        var zoom_level = 11;
        
        var points = {}
        var markers = {}
        var windows = {}
        
        var min_latitude = 66.824;
        var max_latitude = 66.824;
        var min_longitude = 28.6686;
        var max_longitude = 28.6686;
        
        var bounds = null;
        
        for (var i = 0; i < jQuery('span.geolocation').size(); i++)
        {
            var latitude = Number(jQuery('span.geolocation').eq(i).find('span.latitude').text());
            var longitude = Number(jQuery('span.geolocation').eq(i).find('span.longitude').text());
            
            // Get the bounding points for creating map bound to the correct locations
            if (latitude < max_latitude)
            {
                min_latitude = latitude;
            }
            
            if (latitude > max_latitude)
            {
                max_latitude = latitude;
            }
            
            if (longitude < max_longitude)
            {
                min_longitude = longitude;
            }
            
            if (longitude > max_longitude)
            {
                max_longitude = longitude;
            }
            
            var latlng = new google.maps.LatLng(latitude, longitude);
            points[i] = latlng;
        }
        
        if (   min_latitude != max_latitude
            && min_longitude != max_longitude
            && i > 1)
        {
            var bounds = new google.maps.LatLngBounds
            (
                new google.maps.LatLng(min_latitude, min_longitude),
                new google.maps.LatLng(max_latitude, max_longitude)
            );
        }
        
        var options = 
        {
            zoom: zoom_level,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        
        var map = new google.maps.Map(document.getElementById('fi_salla_google_map'), options);
        
        for (var i in points)
        {
            markers[i] = new google.maps.Marker
            (
                {
                    position: points[i],
                    map: map,
                    title: jQuery('span.geolocation').eq(i).find('a').text(),
                    href: jQuery('span.geolocation').eq(i).find('a').attr('href'),
                    readmore: jQuery('span.geolocation').eq(i).find('span.readmore').text(),
                    abstract: jQuery('span.geolocation').eq(i).find('.abstract').html(),
                    reserve: jQuery('span.geolocation').eq(i).find('.reserve').html(),
                    index: i
                }
            );
            
            google.maps.event.addListener
            (
                markers[i],
                'click',
                function()
                {
                    var html_content = '';
                    
                    if (this.href)
                    {
                        html_content += '<p><b><a href="' + this.href + '">' + this.title + '</a></b></p>';
                    }
                    else
                    {
                        html_content += '<p><b>' + this.title + '</b></p>';
                    }
                    
                    if (this.abstract)
                    {
                       html_content += '<div class="abstract">' + this.abstract + '</div>';
                    }
                    
                    if (this.reserve)
                    {
                        var href = jQuery('span.geolocation').eq(this.index).find('span.reserve').attr('href');
                        var title = jQuery('span.geolocation').eq(this.index).find('span.reserve').text();
                        
                        html_content += '<p class="more-info"><a href="' + href + '" onclick="jQuery(this).reserve_click(); return false;">' + title + '</a></p>';
                    }
                    else if (this.href)
                    {
                        html_content += '<p class="more-info"><a href="' + this.href + '">' + this.readmore + ' »</a></p>';
                    }
                    
                    var infowindow = new google.maps.InfoWindow
                    (
                        {
                            content: html_content
                        }
                    );
                    
                    infowindow.open(map, this);
                }
            );
        }
        
        if (bounds)
        {
            map.fitBounds(bounds);
        }
    }
    
    // Delete the HTML refresh
    jQuery('#webcam_refresh').remove();
    
    // Initialize Javascript-enabled refresh
    jQuery('ul.webcam-thumbs li a').click(function()
    {
        jQuery('ul.webcam-thumbs li a').removeClass('selected');
        
        var d = new Date();
        var image_href = jQuery(this).attr('rel') + '?'+'time='+d.getMilliseconds();
        
        jQuery('div.webcam img').attr('src', image_href);
        
        jQuery(this).addClass('selected');
        
        return false;
    });
    
    jQuery('div.webcam img').everyTime(10000, 'webcam_picture_swap', function()
    {
        var d = new Date();
        href_data = jQuery(this).attr('src');
        
        var result = href_data.replace(/\?.*/, '');
        result = result+'?'+d.getTime(); 
        
        jQuery(this).attr('src', result);
    });

    
    jQuery('ul.webcam-thumbs li a').click(function()
    {
        return false;
    });
    
    jQuery('#content-text table.row-highlight').find('tbody tr:odd').addClass('odd');
    jQuery('#content-text table.row-highlight').find('tbody tr:even').addClass('even');
    
    var language = 'fi';
    
    jQuery('ul.language li').click(function()
    {
        language = jQuery(this).attr('title');
        
        jQuery(this).parent().find('li[title!="' + language + '"]').removeClass('selected');
        jQuery(this).addClass('selected');
        
        jQuery('div.datamanager-languages fieldset.language').each(function(i)
        {
            if (jQuery(this).hasClass(language))
            {
                if (jQuery(this).css('display') == 'none')
                {
                    jQuery(this).slideDown('slow');
                }
                
                return;
            }
            
            jQuery(this).slideUp('slow');
        });
    });
    
    if (IE)
    {
        // return;
    }
    
    jQuery('a.reservations_link')
        .click(function()
        {
            jQuery(this).reserve_click();
            return false;
        });
});

jQuery.fn.open_popup = function(options)
{
    var date = new Date().getTime();
    
    var blankets = jQuery('.popup_blanket').size();
    var z_index_root = 3000 + 100 * blankets;
    
    jQuery('<div class="popup_blanket"></div>')
        .attr('rel', date)
        .attr('id', 'popup_blanket_' + date)
        .css
        (
            {
                zIndex: z_index_root
            }
        )
        .fadeTo(0, 0.5)
        .prependTo('body');
    
    var source = options.url;
    
    if (source.match(/\.(png|jpe?g|gif)$/i))
    {
        jQuery('<div class="popup_image"><img src="' + source + '" /></div>')
            .attr('rel', date)
            .css
            (
                {
                    zIndex: (z_index_root + 10)
                }
            )
            .insertBefore(jQuery('.popup_blanket:first'))
            .click(function()
            {
                jQuery(this).remove();
                jQuery(this).next('.popup_blanket').remove();
            });
        
        if (options.width)
        {
            jQuery('.popup_image:first')
                .css
                (
                    {
                        marginTop: '-' + Math.round(options.width / 2) + 'px',
                        width: Math.round(options.width) + 'px'
                    }
                );
        }
        
        if (options.height)
        {
            jQuery('.popup_image:first')
                .css
                (
                    {
                        marginLeft: '-' + Math.round(options.height / 2) + 'px',
                        height: Math.round(options.height) + 'px'
                    }
                );
        }
    }
    else
    {
        jQuery('<div class="popup_wrapper"></div>')
            .attr('rel', date)
            .css
            (
                {
                    zIndex: (z_index_root + 10),
                    top: (50 - (blankets * 2)) + '%',
                    left: (50 - (blankets * 2)) + '%'
                }
            )
            .addClass('loading')
            .insertAfter(jQuery('div.popup_blanket:first'));
        
        jQuery('<span class="popup_close"></span>')
            .attr('rel', date)
            .attr('id', 'popup_wrapper_' + date)
            .text('X')
            .appendTo(jQuery('div.popup_wrapper:first'));
        
        jQuery('<div class="popup_content"></div>')
            .attr('rel', date)
            .addClass('loading')
            .appendTo(jQuery('div.popup_wrapper:first'));
    }
    
    jQuery('.popup_close[rel="' + date + '"], .popup_blanket[rel="' + date + '"], .popup_image[rel="' + date + '"]')
        .bind('click', function()
        {
            var rel = jQuery(this).attr('rel');
            
            jQuery('div[rel="' + rel + '"]')
                .fadeOut(200, function()
                {
                    jQuery(this).remove();
                });
        })
    
    if (source.match(/\.(png|jpe?g|gif)$/i))
    {
        return;
    }
    
    if (options.css)
    {
        jQuery('<link />')
            .attr
            (
                {
                    rel: 'stylesheet',
                    type: 'text/css',
                    href: options.css
                }
            )
            .appendTo('head');
    }
    
    if (options.dom_source)
    {
        source += ' ' + options.dom_source;
    }
    
    if (!options.callback)
    {
        options.callback = function()
        {
        }
    }
    
    if (options.jscript)
    {
        jQuery.getScript
        (
            options.jscript,
            function()
            {
                jQuery(jQuery('div.popup_content:first'))
                    .load
                    (
                        source,
                        null,
                        function()
                        {
                            jQuery(jQuery('div.popup_wrapper:first'))
                                .removeClass('loading')
                                .initialize_reservations_form_controls();
                            
                            options.callback();
                        }
                    );
            }
        )
    }
    else
    {
        jQuery(jQuery('div.popup_content:first'))
            .load
            (
                source,
                null,
                function()
                {
                    jQuery(jQuery('div.popup_wrapper:first'))
                        .removeClass('loading')
                        .initialize_reservations_form_controls();
                    
                    options.callback();
                }
            );
    }
}

jQuery(window).load(function()
{
    jQuery('#container').find('div.ie6hidden').css({visibility: 'visible'});
});

jQuery.fn.reserve_click = function()
{
    var options =
    {
        jscript: '/midcom-static/fi.salla.reservations/jquery.reservations.js',
        dom_source: '#fi_salla_reservations',
        url: jQuery(this).attr('href') + '?ajax',
        css: '/midcom-static/fi.salla.reservations/reservations.css'
    }
    
    jQuery(this).open_popup(options);
}