jQuery.noConflict();

jQuery(document).ready(function() {
	// Marquee image loading
	jQuery('.marquee_feature').css({"opacity":"0"}); //hides marquee
	// forces loading of the image
	var bg_url = jQuery('.marquee_feature').css('background-image').replace(/"/g,"").replace(/url\(|\)$/ig, "");
	jQuery('#marquee_wrapper').before('<img src="' + bg_url + '" alt="preloader" height="0" width="0" id="marquee_preloader" />');
	// loads in the marquee and related content
	jQuery("#marquee_preloader").load(function(){
		jQuery('#marquee_loader').remove();
		jQuery('.marquee_feature').delay(300).animate({opacity:1},200);
	});
	//pagination setup
	var $pageCount = jQuery('.pagination-wrapper').children('.page').length; //gets the number of pages and makes the parent wide enough to accommodate all of these horizontally
	var $pageParentWidth = ($pageCount*1020);
	jQuery(".pagination-wrapper").css({"width":$pageParentWidth});
	jQuery('body').prepend('<a href="#" onclick="return false" id="previous-overlay" class="pagination-overlay">Previous</a><a href="#" onclick="return false" id="next-overlay" class="pagination-overlay">Next</a>')  //inserts pagination links at bottom of page
	jQuery('#previous-overlay').animate({opacity:0},0);
	if ($pageCount <= 1) {
		jQuery('#next-overlay').animate({opacity: 0},0);
	}
	var $pageTracker = 1 //tracks the number of pages
	//pagination functions
	function nextOverlay(pageCount){
			if (($pageTracker*1020)<$pageParentWidth) {
			$pageTracker = pageCount;
			activePager($pageTracker);
			pageCount = (pageCount-1);
	    pageFactor = (pageCount*-1020);
			if (($pageTracker*1020)>=$pageParentWidth) {
				jQuery("#next-overlay").animate({opacity:0},300).hide();
			}
			if (($pageTracker*1020)<=$pageParentWidth) {
				jQuery('.pagination-wrapper').animate({"margin-left":pageFactor}, 300);
		    jQuery('#previous-overlay').show().animate({opacity:1},300);
			}
		}
		 }

		function previousOverlay(pageCount){
			if (pageFactor < 0) {
			$pageTracker = pageCount;
			activePager($pageTracker);
			pageCount = (pageCount-1);
			pageFactor = (pageCount*-1020);
			if (pageFactor == 0) {
				jQuery('#previous-overlay').animate({opacity:0},300).hide();
			}
			if (pageFactor <= 0) {
				jQuery('.pagination-wrapper').animate({"margin-left":pageFactor}, 300);
				jQuery('#next-overlay').show().animate({opacity:1},300);
			}
		}
	}

	function activePager(pageCount) {
		activePagerMember = '#pager-member-'+pageCount;
		jQuery(activePagerMember).siblings('a').removeClass('active');
		jQuery(activePagerMember).addClass('active');
	}

//	pagination function calls
	jQuery('#next-overlay').click(function(){
		$pageTracker = parseInt($pageTracker);
		pageCount = ($pageTracker+1);
		nextOverlay(pageCount);
	});

	jQuery('#previous-overlay').click(function(){
		$pageTracker = parseInt($pageTracker);
		pageCount = ($pageTracker-1)
		nextOverlay(pageCount);
	});

	  jQuery('header').touchwipe({
	     wipeLeft: function() {
				$pageTracker = parseInt($pageTracker);
				pageCount = ($pageTracker+1);
				nextOverlay(pageCount);
				 },
	     wipeRight: function() {
				$pageTracker = parseInt($pageTracker);
				pageCount = ($pageTracker-1)
				previousOverlay(pageCount);
					},
	     min_move_x: 20,
	     preventDefaultEvents: true
	});

	// pager links
	if ($pageCount > 1) {
		jQuery('.blog #content #page-header').append('<div id="pager"></div><!-- #pager -->');
		// jQuery('.single.category-artists header#page-header').append('<div id="pager"><a href="#" onclick="return false" title="Artist Info" id="pager-member-1">Info</a><a href="#" onclick="return false" title="Artist Releases" id="pager-member-2">Releases</a><a href="#" onclick="return false" title="Artist Photos" id="pager-member-3">Photos</a><a href="#" onclick="return false" title="Artist Videos" id="pager-member-4">Videos</a><a href="#" onclick="return false" title="Live Dates" id="pager-member-5">Live</a><a href="#" onclick="return false" title="Press"  id="pager-member-6">Press</a></div><!-- #pager -->')
		jQuery('.pagination-wrapper').children('.page').each(function() {
			pagerMemberID = jQuery(this).attr('id');
			pagermemberID = pagerMemberID.split('-');
	 		id = pagermemberID[1]
			jQuery('#pager').append('<a href="#" onclick="return false" class="pager-member" id="pager-member-'+id+'">Page '+id+'</a>');
		});
		jQuery('#pager a:first-child').addClass('active');
	}
	jQuery('#pager a').click(function(){
		id = jQuery(this).attr('id');
		id = id.split('-');
		id = id[2];
		if (($pageTracker != id) && ($pageTracker < id)) {
			nextOverlay(id);
		} else if ($pageTracker != id && ($pageTracker > id)) {
			previousOverlay(id);
		}
	})
	// creats click behaviour for year sorter with fallback to css hover - weird i know, but it makes sense
	jQuery('#year-select > li:first-child').toggle(function(){
		jQuery('#year-select').css({"height":"auto", "min-height":"100px"});
	},
		function(){
			jQuery('#year-select').css({"height":"24px", "min-height":"0px"});
		});

		//fb sdk
		window.fbAsyncInit = function() {
			FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});
		};
		(function() {
	  	var e = document.createElement('script'); e.async = true;
	  	e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
	  	document.getElementById('fb-root').appendChild(e);
		}());
});