jQuery(document).ready(function() {


    jQuery('#popup').click(function(e) {
        e.preventDefault();
        jQuery("#dialog").modal({
            onOpen: dia.open,
            onClose: dia.close
        });
    });
    
    jQuery('#popup').mouseover(function(e) {
        jQuery("#popup").css({ 'text-decoration': 'underline' });
    });
    
    jQuery('#popup').mouseout(function(e) {
        jQuery("#popup").css({ 'text-decoration': 'none' });
    });

    jQuery("#popup").css({ 'cursor': 'pointer' });

});




// preload images
var img = ['Monterey.jpg', 'Sonoma.jpg', 'Carmel.jpg', 'LaCasella.jpg', 'SantaRosa.jpg', 'Coronado.jpg', 'SantaCruz.jpg'];
jQuery(img).each(function() {
    var i = new Image();
    i.src = '../assets/images/2010/' + this;
});


var dia = {
    message: null,
    open: function(dialog) {
        dialog.overlay.fadeIn(500, function() {
            dialog.data.hide();
            dialog.container.fadeIn(500, function() {
                dialog.data.slideDown(500);
            });
        });
    },
    close: function(dialog) {
        dialog.data.fadeOut(500, function() {
            dialog.container.hide('slow', function() {
                dialog.overlay.fadeOut(500, function() {
                    jQuery.modal.close();
                });
            });
        });
    }
};


jQuery.fn.onclick = function(pageid) {
    return this.click(function() {
        window.location = pageid + ".aspx";
    });
};

jQuery.fn.mouseOver = function(className, pic) {
    return this.mouseover(function(e) {

        var tar = jQuery(e.target).closest('li');
        var pclass = tar.attr('class');
        var picContent = jQuery("#picContent");

        switch (pclass) {

            case 'p1':
                tar.addClass('p1hover');
                picContent.addClass(pic);
                break;
            case 'p2':
                tar.addClass('p2hover');
                picContent.addClass(pic);
                break;
            case 'p3':
                tar.addClass('p3hover');
                picContent.addClass(pic);
                break;
            case 'p4':
                tar.addClass('p4hover');
                picContent.addClass(pic);
                break;
            case 'p5':
                tar.addClass('p5hover');
                picContent.addClass(pic);
                break;
            case 'p6':
                tar.addClass('p6hover');
                picContent.addClass(pic);
                break;
            case 'p7':
                tar.addClass('p7hover');
                picContent.addClass(pic);
                break;
            case 'p8':
                tar.addClass('p8hover');
                picContent.addClass(pic);
                break;
        }


        if (picContent.attr('class') != pic) {
            picContent.removeClass(picContent.attr('class'));
        }
        picContent.addClass(pic);

        return false;
    }).mouseout(function(e) {
        var tar = jQuery(e.target).closest('li');

        if (tar.hasClass('p1hover'))
            tar.removeClass('p1hover');
        else if (tar.hasClass('p2hover'))
            tar.removeClass('p2hover');
        else if (tar.hasClass('p3hover'))
            tar.removeClass('p3hover');
        else if (tar.hasClass('p4hover'))
            tar.removeClass('p4hover');
        else if (tar.hasClass('p5hover'))
            tar.removeClass('p5hover');
        else if (tar.hasClass('p6hover'))
            tar.removeClass('p6hover');
        else if (tar.hasClass('p7hover'))
            tar.removeClass('p7hover');
        else if (tar.hasClass('p8hover'))
            tar.removeClass('p8hover');
    });
};