﻿$(function() {
    $('.weather .forecast .more').click(function() {
        $(this).closest('.forecast-container').hide('fast').next('.entire').show('fast');
        
        return false;
    });
    $('.weather .forecast .less').click(function() {
        $(this).closest('.forecast-container').hide('fast').prev('.forecast-container').show('fast');
    });
    
    $(':input:visible[title]').each(function() {
        var input = $(this);
        var displaying = false;
        
        if (!input.val().length) {
            input.css('color', 'gray').val(input.attr('title'));
            displaying = true;
        }
        
        input.focus(function() {
            if (displaying) {
                displaying = false;
                input.css('color', '').val('');
            }
        })
        .blur(function() {
            if (!input.val() && !displaying) {
                input.css('color', 'gray').val(input.attr('title'));
                displaying=true;
            }
        })
        .closest('form').submit(function() {
            if (displaying) {
                input.val('');
            }
        });
    });
    
    $('.yt-filter').change(function() {
        $(this).closest('form').submit();
    });
    $('.btn-back').click(function() {
        history.go(-1);
        return false;
    });
    $('.btn-search a').click(function() {
        $(this).closest('form').submit();
        return false;
    });
    
    function addParkIconInputs() {
        $(':input.park-icon').remove();
        $('ul.selected-activities>li').filter(function() {return $(this).attr('class').length; }).each(function() {
            $('<input/>')
                .addClass('park-icon')
                .attr('type', 'hidden')
                .attr('name', 'activity')
                .val($(this).attr('class').match(/[0-9]+$/))
                .appendTo($('form'));
        });  
    };
    
    $('.park-results h3').css('cursor', 'pointer').click(function() {
        if ($(this).next().is(':visible')) {
            $(this).next().hide(500);
            $(this).addClass('inactive');
        } else {
            $(this).next().show(500);
            $(this).removeClass('inactive');
        }
    });
    
    $('.parks-icons a').click(function() {
        var li = $(this).closest('li');
        var existing = $('ul.selected-activities .' + li.attr('id'));
        if (existing.length) {
            li.removeClass('active');
            existing.remove();
            addParkIconInputs();
        } else {
            li.addClass('active');
            $('ul.selected-activities').append((function() {
                var img = li.find('img').clone();
                return $('<li/>')
                    .addClass(li.attr('id'))
                    .append(img);
            })());
            
            addParkIconInputs();
        }
        
        return false;
    });
});
