/*-----------------------------------------------------

APPLICATION JAVASCRIPT



Website: http://www.roadrunnerrecords.com

-----------------------------------------------------*/



function loadContent(element, containerID){

	var contentURL = element.href; // URL that is requested

	var serverBase = window.document.referrer; // Server base path



	var spinnerHolder = new Element('div', { // Holder for the spinner

		'id': 'spinnerHolder',

		'class': 'spinnerHolder'

	});

	var spinner = new Element('img', { // The spinner

		'src': '/images/elements/misc/waiting.gif',

		'class': 'spinner'

	});

	

	var req = new Request.HTML({ // Setup the request object

			url: contentURL,

			onRequest: function(){

				spinnerHolder.inject(containerID, 'top'); // Inject the spinner holder

				spinner.inject(spinnerHolder); // Inject the spinner in the holder

			},

			onSuccess: function(x, y, html) {

				$(containerID).set('text', ''); // Clear out the current content

				//$(containerID).adopt(html); // Insert the new content

				$(containerID).innerHTML = html;

				new MooKissToggler(); // For all the expanders

				var rating = new RabidRatings();

				new Tips($$('.tooltip')); // For tooltips

				spinnerHolder.destroy(); // Remove the spinner bar

				scrollToMe(containerID); //Scroll to new content

			},

			onFailure: function() {

				spinnerHolder.destroy(); // Remove the spinner bar

				$(containerID).set('text', 'The request failed.'); // Display something if it failed

			}

		});

		req.send(); // Send it out and bring it back

	

}



function makeSlider(el){

	var theScrollbar = new Element('div',{

		'id': "scrollbar",

		'class': "scrollbar"

	});

	var theHandle = new Element('div',{

		'id': "handle",

		'class': "handle"

	}).inject(theScrollbar);

	var content = $(el);

	var scrollingContent = $(el+"_content");

	theScrollbar.inject(content);

	var slider = new Slider(theScrollbar, theHandle, {

		steps: scrollingContent.getScrollSize().y - scrollingContent.getSize().y,

		mode: 'vertical',

		onChange: function(step){

			scrollingContent.scrollTo(0, step);

		}

	}).set(0);

	$$(scrollingContent, theScrollbar).addEvent('mousewheel', function(e){	

			e = new Event(e).stop();

			var step = slider.step - e.wheel * 30;	

			slider.set(step);					

		});

		//$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});

}



function initializeItems(){

	// For the login form slide in/out

	if($('login_form')){

		var loginSlide = new Fx.Slide('login_form');

		$('login_form').setStyle('display', 'block');

		loginSlide.hide();

	}

	if($('vertical_slide')){

		var bugSlide = new Fx.Slide('vertical_slide');

		$('vertical_slide').setStyle('display', 'block');

		bugSlide.hide();

	}

	if($('signup_form')){

		var signupSlide = new Fx.Slide('signup_form');

		$('signup_form').setStyle('display', 'block');

		//signupSlide.hide();

	}

	if($('logged_in')){

		var loginSlide = new Fx.Slide('logged_in');

		$('logged_in').setStyle('display', 'block');

		loginSlide.hide();

	}

	$$('a.tooltip').each(function(element,index) {  

	       if(element.get('title') != undefined){

				 var content = element.get('title').split('::');  

	        element.store('tip:title', content[0]);  

	        element.store('tip:text', content[1]);  

				 }

	    });

	

}



function toggleLoginForm(){

	var loginSlide = new Fx.Slide('login_form');

	loginSlide.toggle();

}



function othertourdates(){

	var othertoursSlide = new Fx.Slide('other_tour_dates');

	othertoursSlide.hide();

}



function toggleOtherTourDates(){

	var othertoursSlide = new Fx.Slide('other_tour_dates');

	othertoursSlide.toggle();

}



function fullmap(){

	//var fullmapSlide = new Fx.Slide('map_full');

	//fullmapSlide.hide();

}



function toggleFullMap(){

	var fullmapSlide = new Fx.Slide('map_full');

	fullmapSlide.toggle();

}





function toggleBugs(){

	var bugsSlide = new Fx.Slide('vertical_slide');

	bugsSlide.toggle();

}



function scrollToMe(elementID){

	if($(elementID)){

		$(elementID).setStyle('display', 'block');

		new Fx.Scroll(window).toElement(elementID);

	}

}



function cancelMe(elementID, scrollTo){

	$(elementID).setStyle('display', 'none');

	new Fx.Scroll(window).toElement(scrollTo);

}



function hideMe(elementID){

	var hidingSlide = new Fx.Slide(elementID);

	hidingSlide.hide();

}



/****************************************************

*	TOGGLE SINCE YOU LOGGED IN

* Shows/hides signup form

****************************************************/

function showSinceLoggedIn(){

	var loginSlide = new Fx.Slide('logged_in');

	loginSlide.toggle();

}



/****************************************************

*	TOGGLE SIGNUP FORM

* Shows/hides signup form

****************************************************/

function showSignupForm(){

	var signupSlide = new Fx.Slide('signup_form');

	signupSlide.toggle();

}



/****************************************************

*	TOOLTIP CODE

****************************************************/





//when the dom is ready

		window.addEvent('domready', function() {

			

			

			//store titles and text

			$$('a.tips').each(function(element,index) {

				var content = element.get('title').split('::');

				element.store('tip:title', content[0]);

				element.store('tip:text', content[1]);

			});

			

			//create the tooltips

			var tipz = new Tips('.tips',{

				className: 'tips',

				fixed: true,

				hideDelay: 50,

				showDelay: 50

			});

			

			//customize

			/*

			tipz.addEvents({

				'show': function(tip) {

					tip.fade('in');

				},

				'hide': function(tip) {

					tip.fade('out');

				}

			});

			*/

			

		});