/*   
=============================================================================== 
Base jQuery file
...............................................................................
                                                                        2010/02
------------------------------------------------------------------------------- 
COPY / USE AT YOUR OWN SITE'S RISK
=============================================================================== 
*/

//get youtube id
function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}



jQuery.fn.paneTogglerInit = function(e) {
	var togglerParent = jQuery(e);
	var firstChild = jQuery(this).children('li:first');
	var currentPane = firstChild.find('a').attr('rel');
	//alert(currentPane);
	
	firstChild.addClass('current');
	togglerParent.find('li[rel="'+currentPane+'"]').addClass('current').siblings().addClass('disabled');
}
jQuery.fn.paneTogglerClick = function(e) {
	var togglerParent = jQuery(e);
	var currentPane = jQuery(this).attr('rel');
	var isCurrent = jQuery(this).parent().hasClass('current');
	var isInfo = jQuery(this).parent().hasClass('info');

	if ( !isCurrent && !isInfo ) {
		jQuery(this)
			.closest('li').addClass('current')
			.siblings('.current').removeClass('current');
		togglerParent.find('li.current')
			.animate({
				left: '-600px'
				},400, function() {
				
				}
			)
			.removeClass('current');
		togglerParent.find('li[rel="'+currentPane+'"]')
			.css({
				left:0,
				opacity:0
			})
			.animate({
				opacity:1
				},800
			)
			.addClass('current');
	}	
	
	//stop the youtube video on the page from playing
	if (typeof(ytplayer)!="undefined"){
		ytplayer.stopVideo();
	}
}
jQuery(document).ready( function() {
	jQuery('.framed').append('<span class="frame t"/><span class="frame tl"/><span class="frame tr"/><span class="frame b"/><span class="frame bl"/><span class="frame br"/><span class="frame l"/><span class="frame r"/>');
	
	jQuery('.paneToggleControl').paneTogglerInit('.paneToggler');
	jQuery('.paneToggleControl > li > a').not('[rel=tour]').click( function() {
		jQuery(this).paneTogglerClick('.paneToggler');
	});
})