$(document).ready(function(){
	// Fixes the Nav
	
	$('#nav ul li a').each(function(i){
		$(this).html('<span class="l">&nbsp;</span><span class="m">' + $(this).html() + '</span><span class="r">&nbsp;</span>');
		if (i == 0) $(this).parent().addClass('first');
	});
	$('<li id="therest">&nbsp;</li>').width($('#nav').width() - $('#nav ul').width()).appendTo('#nav ul');
	
	// detects slide show material and runs it
	if ($('#fslideshow').length > 0){
		createSS($('#fslideshow').attr('class'));
	}
	
	// evenly spaces collumned list.col
	$('#content ul.col').each(function(){
		$('<li class="colclear">&nbsp;</li>').insertAfter($(this).find('li:odd, li:last'));
	});
	
	// detects social material and runs it
	if ($('#rcol').length > 0 && !$('#rcol').hasClass('nofeed')){
		
		$.ajaxSetup({
			cache: true
		});
		
		// adds the stuff
		//$('#rcol').append('<div id="blogfeed" class="feed"><h3><a href="http://www.anitabatesrealtor.com/blog/">From The Blog</a></h3><div></div></div><div id="twitterfeed" class="feed"><h3 id="tweet"><a href="http://twitter.com/AnitaBates" target="_blank">Twitter: @AnitaBates</a></h3><div></div></div><div id="flickrfeed" class="feed"><h3>Flickr Feed</h3><div></div></div>');
		$('#rcol').append('<div id="blogfeed" class="feed"><h3><a href="http://www.anitabatesrealtor.com/blog/">From The Blog</a></h3><div></div></div><div id="flickrfeed" class="feed"><h3>Flickr Feed</h3><div></div></div>');
		// moves flickr feed to content if on the home page
		if ($('body').attr('id') == 'home') $('#lcol').append($('#flickrfeed'));
		
		// TWITTER FEED
		/*$.getJSON("http://twitter.com/status/user_timeline/AnitaBates.json?count=1&callback=?", function(data){
			$('#twitterfeed div').html('<p><em>' + data[0].text + '</em><br><small>' + data[0].created_at + '</small></p>');
			$('#twitterfeed').stop().animate({height: $('#twitterfeed h3').height() + $('#twitterfeed div').height()}, 700);
		});*/
		
		// FLICKR FEED
		$.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?id=29241632@N02&lang=en-us&format=json&jsoncallback=?&reloadthis=' + (Math.random() * 10000), function(data){
			var items = data.items.slice(0, 9);
			$.each(items, function(i,item){
				$('<a target="_blank" href="' + item.media.m.replace('_m', '_z') + '" title="' + item.title + '"><img src="' + item.media.m.replace('_m', '_s') + '" alt="' + item.title + '" /></a>').appendTo('#flickrfeed div');
			});
			$('#flickrfeed').stop().animate({height: $('#flickrfeed h3').outerHeight(true) + $('#flickrfeed div').outerHeight(true)}, 700);
			$('#flickrfeed div a').each(function(){
				$(this).jg_dialogue({type: 'pdf', msg: '<div id="flickrpic" class="jg_msg"><h3>' + $(this).attr('title') + '</h3><img class="jg_cancel" src="' + $(this).attr('href') + '" /></div>', mask_opacity: .5, mask_anim: 220, fn_launch:function(){
					$('#flickrpic img').bind('load', function(){
						$('#flickrpic img').css({display: 'block', opacity: 0});
						var n = new Image();
						n.src = $(this).attr('src');
						var fw = n.width;
						var fh = n.height;
						$('#flickrpic').animate({width: fw, height: fh + $('#flickrpic h3').outerHeight(true), marginTop: -fh/2}, 400, function(){
							$('#flickrpic').css({baclground: 'none'});
							$('#flickrpic img').css({width: fw, height: fh}).animate({opacity: 1}, 400);
						});
					});
					/**/
				}});
			})
		});
		
		// BLOG FEED
		$.getJSON("http://www.anitabatesrealtor.com/blog/api/get_recent_posts/?count=3&callback=?", function(data){
			$.each(data.posts, function(i,item){
				$('<p><a title="' + item.title + '" href="' + item.url +'"><strong>' + item.title + '</strong></a><br/>' + item.excerpt + '<br/><small>' + item.date + '</small></p>').appendTo('#blogfeed div');
			});
			$('#blogfeed').stop().animate({height: $('#blogfeed h3').height() + $('#blogfeed div').height()}, 700);
		});
	}
	
	// jump links
	$('a.jump').click(function(){
		$('html, body').animate({scrollTop: $( $(this).attr('href')).offset().top}, 1000);
		return false;
	});
});


/*
createSS = function(url){
	url = 'http://api.flickr.com/services/feeds/photoset.gne?set=' + url + '&nsid=29241632@N02&lang=en-us&format=json&jsoncallback=?&reloadthis=' + (Math.random() * 10000);
	
	$('#fslideshow').html('<div id="slides"></div><div id="desc"><img id="layer" src="/images/slideshow_text.png" height="292" width="198"/></div><a class="btn" href="#" id="left" title=""><img src="/images/slideshow_btn-l.png" height="25" width="26" alt=""></a><a class="btn" href="#" id="right" title=""><img src="/images/slideshow_btn-r.png" height="25" width="26" alt=""></a><a class="btn" href="#" id="listing" title="" target="_blank"><img src="/images/slideshow_btn-listing.png" height="20" width="107" alt=""></a>');
	
	var slidestatus = 0;
	var slide = 0;
	var slider;
	var slidetimout = 4400;
	
	function slideshow(){
		$('#fslideshow #slides img').stop().animate({opacity: 0}, 320).removeClass('current');
		$('#fslideshow #slides img#pic' + slide).stop().css({left: 20}).animate({opacity: 1, left: 0}, 220).addClass('current');
		
		$('#fslideshow #desc div').find('*').stop().animate({opacity: 0}, 320, function(){
			$(this).parent().css({left: 1000});
		}).removeClass('current');
		$('#fslideshow #desc #desc' + slide).css({left: 0}).find('*').stop().css({opacity: 0}).animate({opacity: 1}, 220, function(){
				if (jQuery.browser.msie) this.style.removeAttribute('filter');
			}).addClass('current');
		
		// If the slide has a listing
		if ($('#fslideshow #desc' + slide).hasClass('listing')){
			$('#fslideshow #listing').attr('href', $('#fslideshow #desc' + slide).data('url')).animate({opacity: 1}, 120);
		} else {
			$('#fslideshow #listing').attr('href', '#').animate({opacity: 0}, 120);
		}
		
		// If the layer is active
		if ($('#fslideshow #layer').hasClass('current')){
			$('#fslideshow #layer').animate({width: slidedescmax(slide) + 15});
		}
	}
	function slidedescmax(i){
		return Math.max($('#fslideshow #desc' + i + ' h3').width(), $('#fslideshow #desc' + i + ' p').width());
	}
	slidetime = function(){
		if (slidestatus){
			slide ++;
			if (slide >= $('#fslideshow #slides img').length){
				slide = 0;
			}
			slideshow();
			slidr = setTimeout("slidetime()", slidetimout);
		}
	}

	$('#fslideshow #listing').css({opacity: 0});
	$.getJSON(url, function(data){
		slide = data.items.length;
		console.log('length: ' + slide);
		$.each(data.items, function(i,item){
			$('<img/>').attr('id', 'pic' + i).attr('src', item.media.m.replace('_m', '')).appendTo('#fslideshow #slides');
			var desc = '';
			if (item.description.split('<p>').length > 3){
				desc = item.description.substring(item.description.lastIndexOf('<p>'), item.description.length).replace('<p>', '').replace('</p>', '');
			}
			// sets the html of desc
			$('<div/>').attr('id', 'desc' + i).html('<h3>' + item.title + '</h3><p>' + desc + '</p>').appendTo('#fslideshow #desc');
			// sets the url for the listing
			if (desc.indexOf('#') > 0){
				var akrealurl = 'http://www.alaskarealestate.com/Search/Property/PropertyDetail.asp?LNindex=';
				// akrealurl = 'http://www.alaskarealestate.com/Search/Property/PropertyDetail.asp?LN='
				$('#fslideshow #desc' + i).addClass('listing').data('url', akrealurl + desc.substring(desc.indexOf('#'), desc.length)).find('p').html(desc.substring(0, desc.indexOf('#') - 1));
				if (i == 0){
					$('#fslideshow #listing').attr('href', $('#fslideshow #desc0').data('url')).animate({opacity: 1}, 120);
				}
			}
			// sets the width so the descriptions look pretty
			if ($('#fslideshow #desc' + i + ' p').width() < slidedescmax(i)){
				$('#fslideshow #desc' + i + ' p').width(slidedescmax(i));
			}
			if (i != 0){
				$('#fslideshow #pic' + i).css({opacity: 0});
				$('#fslideshow #desc' + i).css({left: 500}).find('*').css({opacity: 0});
			} else {
				$('#fslideshow #pic0, #fslideshow #desc0').addClass('current');
			}
		});
		$('#fslideshow #left, #fslideshow #right').click(function(){
			var tmax = $('#fslideshow #slides img').length - 1;
			if ($(this).attr('id') == 'left'){
				slide --;
			} else {
				slide ++;
			}
			if (slide < 0){
				slide = tmax;
			} else if (slide > tmax){
				slide = 0;
			}
			slidestatus = false;
			slideshow();
			
			$(this).blur();
			return false;
		});
		$('#fslideshow #slides img').load(function(){
			slidestatus ++;
			if (slidestatus == slide){
				slide = 0;
				slidestatus = true;
				slidr = setTimeout("slidetime()", slidetimout);
			}
		});
		$('#fslideshow').mouseover(function(){
			if (!$('#fslideshow #layer').hasClass('current')){
				$('#fslideshow #layer').stop().animate({right: 0, width: slidedescmax(slide) + 15}, 400).addClass('current');
			}
			slidestatus = false;
		}).mouseleave(function(){
			$('#fslideshow #layer').stop().animate({right: -$('#fslideshow #layer').width()}, 220).removeClass('current');
			slidestatus = true;
			clearTimeout(slidr);
			slidr = setTimeout("slidetime()", slidetimout);
		});
	});
}
/*

/*
createSS = function(url){	
	url = '/flickrgroup.php?s=' + url + '&p=1';
	
	var slidestatus = 0;
	var slide = 0;
	var slider;
	var slidetimout = 4400;
	
	$.ajax({
		url: url,
		success: function(data){
			var ul = $(data);
			
			var pics = $('<ul id="pics"></ul>');
			var desc = $('<ul id="desc"></ul>');
			
			$('#fslideshow').html('').append(ul);
			
			ul.find('li').each(function(){
				var e = $(this);
				var h3 = e.find('h3');
				var p = e.find('p');
				if (p.html() == '') p.remove();
				else { p.wrapInner('span');
					var s = e.find('span');
					
					console.log(h3.outerWidth(true));
					
					s.width(h3.width());
					
					var hw = Math.max(s.outerWidth(true), 150);
					p.css({height: s.outerHeight(true)}).attr('w', (hw));
					
					
					e.hover(function(){
						var e = $(this);
						var p = e.find('p');
						
						if (p.length > 0){
							var w = p.attr('w');
							p.stop().animate({width: 0}, 330);
						}
					}, function(){
						var e = $(this);
						var p = e.find('p');
						
						if (p.length > 0){
							var w = p.attr('w');
							p.stop().animate({width: w}, 330);
						}
					});
				}
			});
		}
  });
}

function slideShowImageLoaded(e){
	var h = e[0].naturalHeight;
	e.css({top: (375 - h) / 2});
}
*/


createSS = function(url){
	//url = 'http://api.flickr.com/services/feeds/photoset.gne?set=' + url + '&nsid=29241632@N02&lang=en-us&format=json&jsoncallback=?&reloadthis=' + (Math.random() * 10000);
	url = '/flickrgroup.php?s=' + url + '&p=1';
	
	$('#fslideshow').html('<div id="slides"></div><div id="desc"><img id="layer" src="/images/slideshow_text.png" height="292" width="198"/></div><a class="btn" href="#" id="left" title=""><img src="/images/slideshow_btn-l.png" height="25" width="26" alt=""></a><a class="btn" href="#" id="right" title=""><img src="/images/slideshow_btn-r.png" height="25" width="26" alt=""></a><a class="btn" href="#" id="listing" title=""><img src="/images/slideshow_btn-listing.png" height="20" width="107" alt=""></a>');
	
	var slidestatus = 0;
	var slide = 0;
	var slider;
	var slidetimout = 4400;
	
	function slideshow(){
		$('#fslideshow #slides img').stop().animate({opacity: 0}, 320).removeClass('current');
		$('#fslideshow #slides img#pic' + slide).stop().css({left: 20}).animate({opacity: 1, left: 0}, 220).addClass('current');
		
		$('#fslideshow #desc div').find('*').stop().animate({opacity: 0}, 320, function(){
			$(this).parent().css({left: 1000});
		}).removeClass('current');
		$('#fslideshow #desc #desc' + slide).css({left: 0}).find('*').stop().css({opacity: 0}).animate({opacity: 1}, 220, function(){
				if (jQuery.browser.msie) this.style.removeAttribute('filter');
			}).addClass('current');
		
		// If the slide has a listing
		if ($('#fslideshow #desc' + slide).hasClass('listing')){
			$('#fslideshow #listing').attr('href', $('#fslideshow #desc' + slide).data('url')).animate({opacity: 1}, 120);
		} else {
			$('#fslideshow #listing').attr('href', '#').animate({opacity: 0}, 120);
		}
		
		// If the layer is active
		if ($('#fslideshow #layer').hasClass('current')){
			$('#fslideshow #layer').animate({width: slidedescmax(slide) + 15});
		}
	}
	function slidedescmax(i){
		return Math.max($('#fslideshow #desc' + i + ' h3').width(), $('#fslideshow #desc' + i + ' p').width());
	}
	slidetime = function(){
		if (slidestatus){
			slide ++;
			if (slide >= $('#fslideshow #slides img').length){
				slide = 0;
			}
			slideshow();
			slidr = setTimeout("slidetime()", slidetimout);
		}
	}

	$('#fslideshow #listing').css({opacity: 0});
	
	
	$.ajax({
		url: url,
		success: function(data){	
			var ul = $(data);
			slide = ul.find('li').length;
			
			ul.find('li').each(function(i){
				var h3 = $(this).find('h3');
				var p = $(this).find('p');
				$(this).find('img').attr('id', 'pic' + i).appendTo('#fslideshow #slides');
				var desc = $('<div id="desc' + i + '" />');
				var ptext = p.html();
				
				h3.appendTo(desc);
				p.appendTo(desc);
				desc.appendTo('#fslideshow #desc');
				
				if (ptext.indexOf('#') > 0){
					var akrealurl = '/show-property.php?property=';
					desc.addClass('listing').data('url', akrealurl + ptext.substring(ptext.indexOf('#') + 1, ptext.length))
					p.html(ptext.substring(0, ptext.indexOf('#') - 1));
					//.find('p').html(desc.substring(0, desc.indexOf('#') - 1));
					if (i == 0){
						$('#fslideshow #listing').attr('href', $('#fslideshow #desc0').data('url')).animate({opacity: 1}, 120);
					}
				}
				
				if ($('#fslideshow #desc' + i + ' p').width() < slidedescmax(i)){
					$('#fslideshow #desc' + i + ' p').width(slidedescmax(i));
				}
				if (i != 0){
					$('#fslideshow #pic' + i).css({opacity: 0});
					$('#fslideshow #desc' + i).css({left: 500}).find('*').css({opacity: 0});
				} else {
					$('#fslideshow #pic0, #fslideshow #desc0').addClass('current');
				}
			});
			
			
			/*
			$.each(data.items, function(i,item){
				$('<img/>').attr('id', 'pic' + i).attr('src', item.media.m.replace('_m', '')).appendTo('#fslideshow #slides');
				var desc = '';
				if (item.description.split('<p>').length > 3){
					desc = item.description.substring(item.description.lastIndexOf('<p>'), item.description.length).replace('<p>', '').replace('</p>', '');
				}
				// sets the html of desc
				$('<div/>').attr('id', 'desc' + i).html('<h3>' + item.title + '</h3><p>' + desc + '</p>').appendTo('#fslideshow #desc');
				// sets the url for the listing
				if (desc.indexOf('#') > 0){
					var akrealurl = 'http://www.alaskarealestate.com/Search/Property/PropertyDetail.asp?LNindex=';
					// akrealurl = 'http://www.alaskarealestate.com/Search/Property/PropertyDetail.asp?LN='
					$('#fslideshow #desc' + i).addClass('listing').data('url', akrealurl + desc.substring(desc.indexOf('#'), desc.length)).find('p').html(desc.substring(0, desc.indexOf('#') - 1));
					if (i == 0){
						$('#fslideshow #listing').attr('href', $('#fslideshow #desc0').data('url')).animate({opacity: 1}, 120);
					}
				}
				// sets the width so the descriptions look pretty
				if ($('#fslideshow #desc' + i + ' p').width() < slidedescmax(i)){
					$('#fslideshow #desc' + i + ' p').width(slidedescmax(i));
				}
				if (i != 0){
					$('#fslideshow #pic' + i).css({opacity: 0});
					$('#fslideshow #desc' + i).css({left: 500}).find('*').css({opacity: 0});
				} else {
					$('#fslideshow #pic0, #fslideshow #desc0').addClass('current');
				}
			});
			*/
			
			$('#fslideshow #left, #fslideshow #right').click(function(){
				var tmax = $('#fslideshow #slides img').length - 1;
				if ($(this).attr('id') == 'left'){
					slide --;
				} else {
					slide ++;
				}
				if (slide < 0){
					slide = tmax;
				} else if (slide > tmax){
					slide = 0;
				}
				slidestatus = false;
				slideshow();
				
				$(this).blur();
				return false;
			});
			$('#fslideshow #slides img').load(function(){
				slidestatus ++;
				if (slidestatus == slide){
					slide = 0;
					slidestatus = true;
					slidr = setTimeout("slidetime()", slidetimout);
				}
			});
			$('#fslideshow').mouseover(function(){
				if (!$('#fslideshow #layer').hasClass('current')){
					$('#fslideshow #layer').stop().animate({right: 0, width: slidedescmax(slide) + 15}, 400).addClass('current');
				}
				slidestatus = false;
			}).mouseleave(function(){
				$('#fslideshow #layer').stop().animate({right: -$('#fslideshow #layer').width()}, 220).removeClass('current');
				slidestatus = true;
				clearTimeout(slidr);
				slidr = setTimeout("slidetime()", slidetimout);
			});
			
		}
  });
	
	
	
	$.getJSON(url, function(data){
	});
}