/*

	HL2 2010 Redesign
	------------------

	@file 		home.js
	@version 	1.0.0d
	@date 		2010-03-3 17:00:02 -0800 (Wed, 3 Mar 2010)
	@author 	Marissa Wells <hello@marissawells.com>

	Copyright (c) 2010 HL2 <http://www.hl2.com>
	
	History
	1.0.0c - Changed open height of marquee context to 440px
	1.0.0d - Removed tabs

*/

// ***************************
// ***** Custom jQuery scripts
// ***** Used everywhere
// ***************************

// Compensate for Wordpress including prototype.js in the wp_head
jQuery.noConflict();

jQuery(document).ready(function() {
	
	jQuery("div.scrollable").scrollable({
		size: 9
	});
	
	jQuery("div.marquee-context").toggle(
		function(){
			jQuery(this).animate({height:"440px"},400);
			jQuery(".marquee-context-title span", this).html("-");
		},
		function(){
			jQuery(this).animate({height:"24px"},400);
			jQuery(".marquee-context-title span", this).html("+");
		}
	);
	jQuery("section#marquee * .items img").qtip({
		style: {
			padding: 5,
			background: '#3d3d3d',
			color: '#eeeeee',
			'font-size': '11px',
			'line-height': '15px',
			'text-align': 'center',
			tip: true,
			border: {
				color: '#3d3d3d',
				width: 1
			}
		},
		position: {
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomMiddle'
			}
		},
		show: {
			effect: {
				type: 'fade',
				length: 100
			}
		},
		hide: {
			effect: {
				type: 'fade',
				length: 100
			}
		}
	});
	

});