var site_url = '/';
var twitter_name = 'Queen_UK';
var ie7 = (document.all && !window.opera && window.XMLHttpRequest);
var overlay_colour = '#FFF';
var overlay_opacity = .8;

$(function() {

	/* FORMS ---------------------------------------------------------*/

		$('textarea.hint, input.hint').hint();

	/* NAV ---------------------------------------------------------*/
	
		$('ul.nav > li').mouseenter(function(){
		
			$(this).addClass('hover');
		
			// check width	
			var $ul = $(this).find('ul');
			var $link = $(this).find('a:first');
			
			// if link is wider make the list the same width
			if( $ul.width() < $link.outerWidth() ) {
				$ul.width( $link.outerWidth() );
			}
			
			// ie7 nonsense
			if(ie7) { $ul.find('li').width( $ul.outerWidth() ) };
			
		}).mouseleave(function(){
		
			$(this).removeClass('hover');
			
		});

	/* WORK ---------------------------------------------------------*/
		
		// magnifying glass
		$('a.gallery').live('mouseenter', function(){
			$(this).append('<span></span>');
		}).live('mouseleave', function(){
			var t = $(this);
			t.find('span').fadeOut('fast', function(){
				t.find('span').remove();
			});
		});
		
		// bind tabs
		var $filterType = $('#pageTabs li a');
		
		// get the first collection
		var $work = $('.fullWork');
		
		// clone applications to get a second collection
		var $data = $work.clone();
		
		// attempt to call Quicksand on every form change
		$filterType.live('click', function(e) {
		
			$('#pageTabs li').removeClass('selected');
		
			if ($(this).attr('rel') == 'all') {
				var $filteredData = $data.find('li');
			} else {
				var $filteredData = $data.find('li[class=' + $(this).attr('rel') + ']');
			}
			
			// finally, call quicksand
			$work.quicksand($filteredData, {
				duration: 800,
				easing: 'easeInOutQuad',
				attribute: 'id'
			});
			
			$(this).focus();
			
			return false;
		
		});


	/* GALLERY ---------------------------------------------------------*/
		
		$("a.gallery").livequery(function(){
			
			$(this).fancybox({
				padding: 0,
				centerOnScroll: true,
				overlayColor: overlay_colour,
				overlayOpacity: overlay_opacity,
				titlePosition: 'over'
			});
			
		});

	/* TWITTER ---------------------------------------------------------*/

		if(twitter_name) {

			$('footer').before('<div id="tweet"></div><!-- #tweet -->');

			setTimeout(function(){
			
				getTwitters('tweet', { 
					id: twitter_name,
					count: 1,
					enableLinks: true,
					ignoreReplies: false,
					clearContents: true,
					template: '%text% <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
				});
			
			}, 500);
		
		}

	/* SLIDER ---------------------------------------------------------*/
	
		$('#slider').nivoSlider({
			effect: 'fade',
			captionOpacity: 0,
			animSpeed: 600,
			pauseTime: 6000,
			pauseOnHover:true,
			beforeChange: function() {
				$('.nivo-imageLink:visible span').animate({'marginLeft':'0','opacity':'0'}, "fast", "swing");
			},
			afterChange: function() {
				$('.nivo-imageLink:visible span').animate({'marginLeft':'-20px','opacity':'1'}, "fast", "swing");
			}
		});
		
		$('.nivo-imageLink:first span').animate({'marginLeft':'-20px','opacity':'1'}, "fast", "swing");

});

$.fn.hint = function() {
	return this.each(function(){
		var t = $(this); // get jQuery version of 'this'
		var title = t.attr('title'); // get it once since it won't change
		
		if (title) { // only apply logic if the element has the attribute
			
			// on focus, set value to blank if current value matches title attr
			t.focus(function(){
				if (t.val() == title) {
					t.val('');
					t.addClass('blur');
				}
			})

			// on blur, set value to title attr if text is blank
			t.blur(function(){
				if (t.val() == '') {
					t.val(title);
					t.removeClass('blur');
				}
			})

			// now change all inputs to title
			t.blur();
		}
	})
}