(function($) {
	

	// making listing item's fully clickable
	$(function(){
		$('.listing').delegate('li','click', followFirstA).find('li').css({cursor:'pointer'});

		var cb = $('a[rel*=colorbox]');
		if(cb.length) {
			include('/public/js/jquery.colorbox.min.js', 'colorbox', function() { colorBoxInit(cb) });
		}
	    slideShow(8);
	});

	function followFirstA() {location.href = $(this).find('a:first').attr('href');}
	function slideShow(speed) {  
		speed *= 1000;
		if(typeof jQuery.fn.cycle != 'function') return;
		$('#mainPic > div').parent()
			.append('<a id="prev" class="ssnav">prev</a><a id="next" class="ssnav">next</a>')
			.end().cycle({ prev: '#prev', next: '#next', timeout: speed, before: onBefore, after: onAfter, pause: true})
			.click(followFirstA).css('cursor', 'pointer');

		function onBefore() {}
		function onAfter() {}
	}

	function colorBoxInit(els) {
		includeCSS('/public/css/colorbox.css', 'colorbox');
		els.colorbox();
	}

	function include(src, key, callback) {
		if(!key) key = src;
		if(!callback) callback = function() { };
		if($('script[src*='+key+']').length) return callback();

		$.ajaxSetup({cache:true});
		$.getScript(src, callback);
		$.ajaxSetup({cache:false});
	}

	function includeCSS(src, key) {
		if($('link[src*='+key+']').length) return;
		$('head').append('<link rel="stylesheet" href="'+src+'" type="text/css" />');
	}

})(jQuery);


sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);