jQuery(document).ready(function(){
	//allow $ to be used within this set of functions
	var $ = jQuery.noConflict();

	//get ride of link love completely, not just hide
	$('p.linklove').remove();

	//remove last border from sidebar items
	//css not smart enough yet
	$('.sidebar_item:last').css('border', '0');

	$('ul#suck_my_suckerfish li:last-child a').css('border-right', 'none');
	$('ul#suck_my_suckerfish li:first a').addClass('round_left');


	$('.update').animate({
		 opacity: 0.25
		 
	}, 500, function(){
		$('.update').animate({opacity: 1});
	});

/* ==== show gmap location for property on click from user ==== */
	$('a.gmap-toggle').click(function(){
		var parent = $(this).parents('.property').stop();		
		
		var href = $(this).attr('href') + '&output=embed';
		
		var frame = '<iframe class="gmap-iframe" width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+href+'"></iframe>';
		
		var iframe = $(parent).find('.gmap-iframe').stop().length;
		if (iframe == 1)
		{
			$(parent).find('iframe').remove();
			$(this).text('View Google Map Location');
			setMidHeight();	
		}
		else
		{
			$(parent).append('<div class="gmap-wrapper">' + frame + '</div>');
			$(this).text('Click here to remove map');
			setMidHeight();	
		}
		return false;
	});


//===============================image swap out for wp front end pages===============================//
	(function ($) {
	$.fn.vAlign = function() {
		return this.each(function(i){
			$(this).children().wrapAll('<div class="vAlign" style="position:relative;"></div>');
			var div = $(this).children('div.vAlign');
			var ph = $(this).innerHeight();
			var dh = div.height();
			var mh = (ph - dh) / 2;
			div.css('top', mh);

		});
	};
	})(jQuery);

	$('#loader').vAlign();

    $.fn.swapImg = function( src, alt ) {
        var $img = this;
        var actions = 2;
        var img = $('<img id="page_image" src="' + src + '" />').load( next, function() {});

        $img.fadeTo( 1, 0.0, next );
       
        function next() {
            if( --actions ) return;
			
            $img.attr({ src: src, alt: alt }).fadeTo( 1500, 1.0 );
			var ih = $('img#page_image').innerHeight(); 
			var wh = $('#page_image_wrapper').height()
			$('#page_image_wrapper').animate({height: ih}, 1000, 'linear', function() { 
				//call back instruction to hide the loader gif
				$("#loader").hide();
				setMidHeight();	
			});
        }
    };
   
    $(function(){
        $('a.multi_image_trigger').click( function() {
			//show the loader gif									   
			$("#loader").show();
			//swap out the image
            $('#page_image').swapImg( this.href, this.title );
			setMidHeight();	
            return false;  
        });
    }); 
	
	//close button stuff
	
	$('a.multi_image_trigger').click(function(){
		$('#page_image').swapImg( this.href, this.title ); 
	});
	
	$('a#close_multi_trigger, a#page_image_trigger').click(function(){
		closeMulti(this);
		setMidHeight(); 		
	});
	
	
	function closeMulti(trigger){
		
		var ih = $('img#page_image').innerHeight(); 
		var wh = $('#page_image_wrapper').height()
			
		if (wh == 300)
		{
			$('#page_image_wrapper').animate({height: ih}, 1000, 'linear', function() {
				$(trigger).toggleClass('active');
				setMidHeight();
			});
		}
		else
		{		
			//$(trigger).removeClass('active').slideUp(500);
			$('#page_image_wrapper').animate({height: 300}, 1000, 'linear', function() {
				$(trigger).toggleClass('active');
				setMidHeight();	
			});
			
		}
		
		return false;	
	}
	


	

//===============================misc stuff===============================//
	

	//someone elses functions to set element height on each page load and maintain a consitent look... 
	jQuery.fn.setOuterWidth  = function( newWidth ) {
		var difference = this.outerWidth(true) - this.width();
		return this.width( newWidth - difference );
	};
	
	jQuery.fn.setOuterHeight = function( newHeight ) {
		var difference = this.outerHeight(true) - this.height();
		return this.height( newHeight - difference );
	};
	
	
	function setMidHeight(){
		//get both height of sidebar and content area
		var mid = $('#content').outerHeight();
		var side = $('#sidebar_wrapper').outerHeight();
		
		//if sidebar is larger than content area in focus
		if (side >= mid)
		{
			//reset both heights to auto
			//alert('1');
			$('#content').css('height', 'auto');
			$("#sidebar_wrapper").css('height', 'auto'); 
				if (side <= mid)
				{
					//alert('2');
					var mid = $('#content').outerHeight();
					$("#sidebar_wrapper").setOuterHeight(mid); 
				}
			//$("#sidebar_wrapper").setOuterHeight(mid);  	
		}
		else	if (side <= mid)
		{
			//alert('4');
			//set sidebar to mid's height
			$("#sidebar_wrapper").setOuterHeight(mid);  				
		}
	}
	setMidHeight();
	
/**
 * Create a cookie with the given name and value and other optional parameters.
 *
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Set the value of a cookie.
 * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
 * @desc Create a cookie with all available options.
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Create a session cookie.
 * @example $.cookie('the_cookie', null);
 * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
 *       used when the cookie was set.
 *
 * @param String name The name of the cookie.
 * @param String value The value of the cookie.
 * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
 * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
 *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
 *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
 *                             when the the browser exits.
 * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
 * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
 * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
 *                        require a secure protocol (like HTTPS).
 * @type undefined
 */

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};


});
