/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
	},
	function(){
		this.title = this.t;	
		$("#preview").remove();
	});	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

this.instagram = function() {
	
	$.getJSON('https://api.instagram.com/v1/tags/funfunfunfest/media/recent?access_token=10443978.1fb234f.b5703913530948e8907d0db75b365442&max_id=6', function(data) {
		var items = [];

		alert(data);
		
		/*
		$.each(data, function(key, val) {
			items.push('<li id="' + key + '">' + val + '</li>');
		});

		$('<ul/>', {
			'class': 'instagram',
			html: items.join('')
			}).appendTo('#instagram');
		});
		*/
		
	});
	
};

$(function() {
	
	// Get current page
	var currentPage = $('body').attr('class');
	
	if($.fn.social) {
		
		// Your tweeter
		$('#twitter').social({
			user		: 'funfunfunfest',
			network		: 'twitter',
			count		: 1, 
			wrapItemIn	: '',
			wrapListIn	: '<div class="details" />',
			loadingText	: '<p>Twanking tweets from Twitter, stand by &hellip;</p>',
			twitter		: {
				output		: '<p class="tweet">{text}</p> <span class="time"><a href="{tweet_url}">Posted {time}</a></span>'
			}
		});
		
		// Your flickings
		$('#flickr').social({
			user		: false,
			network		: 'flickr',
			count		: 9,
			loadingText	: '<p>Fourqing flicks from Flickr, stand by &hellip;</p>',
			flickr		: {
				tags		: 'funfunfunfest'
			}
		});
	}
	
	if (currentPage == 'home') {
		instagram();
	}
	
	
	// Drop-down menus
	/*
	$('.nav.site .community, .nav.site .lineup').click(function(){
		$(this).find('ul').slideToggle('fast');
	});
	*/
	
	$('.nav.site .deact a').click(function(e){
		e.preventDefault();
	});
	
	// Events
	var currentColor = null, filtered = false;
	$('td.stage > span').click(function() {
		var $this = $(this);
		var $these = $('td.stage > span');
		var newColor = $this.attr('rel');
		
		// Filter
		if(currentColor !== newColor || !filtered) {
			$('tr:not(.' + newColor + ')').hide();
			
			currentColor = newColor;
			
			filtered = true;
		// Unfilter
		} else {
			$('tr:not(.' + newColor + ')').show();
			
			filtered = false;
			
		}
	});
	
	// Information page static navigation
	if (currentPage == 'information') {
	
		var loc = $('#aside .information').position().top;
		var nav = $('#aside .information');
		
		$(window).scroll(function() {
			if(loc >= $(window).scrollTop()) {
				if($(nav).hasClass('fixed')) {
					$(nav).removeClass('fixed');
				}
			} else { 
				if(!$(nav).hasClass('fixed')) {
					$(nav).addClass('fixed');
				}
			}
		});
		
		$('.faq dt').click(function(){
			$(this).next('dd').slideToggle(100);
		});
		
	}
	
	// Lineup Filter
	if (currentPage == 'history') {
		
		var stages = ['orange','black','blue','yellow','nites'];
		var years = ['y2011','y2010','y2009','y2008','y2007','y2006'];
		var status = $('#status');

		// Handle display all
		$('.history h3').click(function(){

			var category = $(this).attr('id');

			// Loop through 
			if (category == 'years') {
				for (var i = 0; i < years.length; i++) {
					$(status).removeClass(years[i]);
				}
			} else {
				for (var i = 0; i < stages.length; i++) {
					$(status).removeClass(stages[i]);
				}
			}

			$(status).addClass(category + 'All');

			$('.' + category + ' li').removeClass('selected');
			$(this).addClass('selected');

		});

		// Handle stage or year
		$('.history .lineups li').click(function(){

			var lineup = $(this).attr('id');
			var parent = $(this).parent().attr('class');

			if ($(this).hasClass('selected')) {

				$(this).removeClass('selected');
				$(status).removeClass(lineup);

			} else {

				if (lineup.indexOf("y2")) {
					$(status).removeClass('stagesAll');
				} else {
					$(status).removeClass('yearsAll');
				}

				$('.history .lineups #' + parent).removeClass('selected');

				$(this).addClass('selected');
				$(status).addClass(lineup);

			}

		});
	}
	
	$('#add-comment #Submit').text('Post Comment');

	imagePreview();
	
	// Breakout player window control
	if (currentPage == 'artists') {
		$('#breakout').click(function(e){
			e.preventDefault();
			window.open("/player/", "FFF6 Player","status=0,toolbar=0,location=0,menubar=0,scrollbars=0,height=546,width=400");
		});
	}
	
	if (currentPage == 'store') {
		$('.store #container').before('<div class="main full"><p class="hookups">For t-shirts, hoodies, and more merch hookups please visit <a href="http://www.funfunfunmerch.com/">funfunfunmerch.com</a></p></div>');
	}

	if (currentPage == 'events') {
		var $fri = $('.fri'),
			$sat = $('.sat'),
			$sun = $('.sun'),
			
			$dayFilter = $('.dayFilter'),
			$artistWrapper = $('#artist_wrapper'),
			
			days = ['Friday', 'Saturday', 'Sunday'];
			
		$.each(days, function(i, day) {
			
			var dayClass = day.toLowerCase(),
				otherDaysClass = days.join(' ').toLowerCase().replace(dayClass, '');
				
			$dayFilter.find('.' + dayClass).click(function(e) {
				e.preventDefault();

				$dayFilter
					.removeClass(otherDaysClass)
					.addClass(dayClass);

				$artistWrapper.removeClass(otherDaysClass);
				if(!$.browser.msie) {
					setTimeout(function() { $artistWrapper.addClass(dayClass); }, 500);
				} else {
					$artistWrapper.addClass(dayClass);
				}
			});
			
		});

		// $dayFilter.find('.' + dayClass).click(function(e) {
		// 		e.preventDefault();
		// 		
		// 		$dayFilter
		// 			.removeClass(otherDaysClass)
		// 			.addClass(dayClass);
		// 		
		// 		$artistWrapper.removeClass(otherDaysClass);
		// 		if(!$.browser.msie) {
		// 			setTimeout(function() { $artistWrapper.addClass(v); }, 1000);
		// 		} else {
		// 			$artistWrapper.addClass(dayClass);
		// 		}
		// 	});
		// 
		// 	$dayFilter.find('.saturday a').click(function(e) {
		// 		e.preventDefault();
		// 		
		// 		$dayFilter
		// 			.removeClass('friday sunday')
		// 			.addClass('saturday');
		// 			
		// 		$artistWrapper.removeClass('friday sunday');
		// 		if(!$.browser.msie) {
		// 			setTimeout(function() { $artistWrapper.addClass('saturday'); }, 1000);
		// 		} else {
		// 			$artistWrapper.addClass('saturday');
		// 		}
		// 	});
		// 
		// 	$dayFilter.find('.sunday a').click(function(e) {
		// 		e.preventDefault();
		// 		
		// 		$dayFilter
		// 			.removeClass('saturday friday')
		// 			.addClass('sunday');
		// 			
		// 		$artistWrapper.removeClass('saturday friday');
		// 		if(!$.browser.msie) {
		// 			setTimeout(function() { $artistWrapper.addClass('sunday'); }, 1000);
		// 		} else {
		// 			$artistWrapper.addClass('sunday');
		// 		}
		// 	});
	}

});