﻿$(document).ready(function() {

    // REMOVE LABELS FROM FORM ITEMS
    $('.propertytype select').prepend("<option selected='selected'>" + $('.propertytype label').text() + "</option>");
    $('.minprice select').prepend("<option selected='selected'>" + $('.minprice label').text() + "</option>");
    $('.maxprice select').prepend("<option selected='selected'>" + $('.maxprice label').text() + "</option>");
    $('.minbed select option[selected]').removeAttr('selected');
    $('.minbed select option:first').html("Beds").attr('selected', 'selected');
    $('.minbath select option[selected]').removeAttr('selected');
    $('.minbath select option:first').html("Baths").attr('selected', 'selected');
    $('.age select option:first').html($('.age label').text()).attr('selected', 'selected');
    $('.acreage select option:first').html('Acres');

    // CREATE LIGHTBOX
    $('#searchcriteria').append('<div id="covering"></div>');
    $('.propertytype').after('<select id="areaLink"><option>Choose areas...</option></select>');
    $('#column2').append('<a href="javascript:;" id="areaClose">Close area selection</a>')
    $('#areaClose').click(function() {
        $('#covering').fadeOut('medium');
        $('#column2').fadeOut('medium', function() { $('#column2').css({ 'visibility': 'hidden', 'display': 'block' }); });
    });
    $('#areaLink').click(function() {
        $('#covering').show().fadeTo('slow', 0.7, function() { $('#column2').css({ 'display': 'none', 'visibility': 'visible' }); $('#column2').fadeIn('fast'); });
    });

    $("#map a").click(function() {
        $("#maptab1").removeClass();
        $("#maptab2").removeClass();
        $("#map-image1").removeClass();
        $("#map-image2").removeClass();
        return false;
    });

    // clicking one link adds its own class
    $("#maptab1").click(function() {
        $("#maptab1").addClass("blacktab");
        $("#maptab2").addClass("orangetab");
        $("#map-image1").addClass("classvisible");
        $("#map-image2").addClass("classhidden");
    });

    $("#maptab2").click(function() {
        $("#maptab1").addClass("orangetab");
        $("#maptab2").addClass("blacktab");
        $("#map-image1").addClass("classhidden");
        $("#map-image2").addClass("classvisible");
    });
});

function swapFeatured(elem, src) {
    $('#photos .main-image').attr('src', src);
    $('#thumbnails img').removeClass('selected');
    $(elem).addClass('selected');
}