// Easing equation, borrowed from jQuery easing plugin
// http://gsgd.co.uk/sandbox/jquery/easing/
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(function( $ ){
	$(function() {
        $('.ngg-galleryoverview a').lightBox();
    });
	$("a.togglecomments").click(function() {
		
	//	$(this).next(".commentlist");
	//	$(this).parent().children('.class2');
		var status = $(this).text();
		$(this).parent().children(".comments").slideToggle();
		if(status == "Show Comments"){
			$(this).text("Hide Comments");
		} else {
			$(this).text("Show Comments");
		}
		return false;
	});
	
	$("a.togglewritecomment").click(function() {
		
	//	$(this).next(".commentlist");
	//	$(this).parent().children('.class2');
		var status = $(this).text();
		$(this).parent().children(".respond").slideToggle();
		if(status == "Comment On This"){
			$(this).text("Hide Comment Options");
		} else {
			$(this).text("Comment On This");
		}
		return false;
	});
	
	$('#content a[href*=#]').click(function(e) {
		e.preventDefault();
		var target = $(this).attr('href');
		//targetID = target.substr(1, target.length -1);
		//var target = $('#content').find(this.pathname.replace(/^\//,''));
		if(target == "#top"){
			$('body').stop().scrollTo("body" , 800 );
		} else {
			$('body').stop().scrollTo(target , 800 );
		}
	});
	
	var jqdir = window.location.hostname;
//	$("#content #post-2 h2").html('"http://' + jqdir + '/wp-content/themes/brett/img/left.png"');
	
	$('.scroll').css('display', 'block');
	

    var $panels = $('#header .scrollcontainer > div.panel');
    var $container = $('#header .scrollcontainer');
	
	var panelArray = new Array();
	
	for(i=0;i<$('.panel').length;i++){
		  //$('.panel')[i].id  // this is the list of available elements
		  // Create some text  //  $("#divScroll").append(' '+ $('.panel')[i].id);
		  
		  panelArray[i] = $('.panel')[i].id;
		  //i++
	};
    // if false, we'll float all the panels left and fix the width 
    // of the container
    var horizontal = true;

    // float the panels left if we're going horizontal
    if (horizontal) {
        $panels.css({
            'float' : 'left',
            'position' : 'relative' // IE fix to ensure overflow is hidden
        });

        // calculate a new width for the container (so it holds all panels)
        $container.css('width', $panels[0].offsetWidth * $panels.length);
    }
    // collect the scroll object, at the same time apply the hidden overflow
    // to remove the default scrollbars that will appear
    var $scroll = $('#header .scroll').css('overflow', 'hidden');
	
    $scroll
        .before('<img class="scrollButtons left" src="http://' + jqdir + '/wp-content/themes/brett/images/left.png" />')
        .after('<img class="scrollButtons right" src="http://' + jqdir + '/wp-content/themes/brett/images/right.png" />');
	
    // handle nav selection
    function selectNav() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('selected')
                .end()
            .end()
            .addClass('selected');
    }
	var thisItem = panelArray[0];
	var prevItem = panelArray[panelArray.length-1];
	var nextItem = panelArray[1];
//	$("#divScroll").text(' '+thisItem);	
	
    $('#header .scrollnav ul').find('a').click(selectNav); // "a" to  "li"
	    // go find the navigation link that has this target and select the nav
	function fade_out(){
		//$(".scroll").fadeOut(100);
	}
    function trigger(data) {
		
		
			var el = $('#header .scrollnav ul').find('li a[href$="' + data.id + '"]').get(0);
			selectNav.call(el);
			thisItem = data.id;
	
			for(Item in panelArray){
				if(panelArray[Item] == thisItem){
					//$("#divScroll").append(' '+panelArray[Item]);
					prevItem = panelArray[Item-1];
					Item++
					nextItem = panelArray[Item++];
				}; 
			};
	
//			var hexcolor = rgb2hex($('#header #'+thisItem+'').css("background-color"));
			var rbgcolor = $('#header #'+thisItem+'').css("background-color");
			$("#header").animate({backgroundColor:rbgcolor}, 500, function() {
			//	$(".scroll").fadeIn(500);
			});
		

		//$('#header #'+thisItem+'').parent().parent().parent().animate({ backgroundColor: "#ff0000" }, 'fast');
		
//		$("#header").css({'background-color' : mycolor});
    }
	
	if (window.location.hash) {
        trigger({ id : window.location.hash.substr(1) }); 
    } else {
        $('.scrollnav ul li:first').click();// "a" to  "li"
    }
	    // offset is used to move to *exactly* the right place, since I'm using
    // padding on my example, I need to subtract the amount of padding to
    // the offset.  Try removing this to get a good idea of the effect
    var offset = parseInt((horizontal ? 
        $container.css('paddingTop') : 
        $container.css('paddingLeft')) 
        || 0) * -1;


    var scrollOptions = {
        target: $scroll, // the element that has the overflow

        // can be a selector which will be relative to the target
        items: $panels,

        navigation: '.scrollnav ul li',// "a" to  "li"

        // allow the scroll effect to run both directions
        axis: 'xy',

        onAfter: trigger, // our final callback
		
		onBefore: fade_out,
		
        offset: offset,
		
		force:true,
        // duration of the sliding effect
        duration: 500,
		//do not cycle though items at first and last
		cycle:true,

        // selectors are NOT relative to document, i.e. make sure they're unique
        prev: 'img.left', 
        next: 'img.right',
		//event:'myevent',
        // easing - can be used with the easing plugin: 
        // http://gsgd.co.uk/sandbox/jquery/easing/
        easing: 'swing'
    };
	
	
	$("#header").bind('mousewheel', function(event, delta) {
			
            var dir = delta > 0 ? 'up' : 'dn',
                vel = Math.abs(delta);
            //$("#divScroll").text(dir + ' at ' + vel);
			if (dir == "up"){
				if(prevItem){
					$('#header .scrollnav ul').find('a[href$="#'+prevItem+'"]').click();
				} else {
					$('.scrollnav ul li:last').click();
				}
			} else {
				if(nextItem){
					$('#header .scrollnav ul').find('a[href$="#'+nextItem+'"]').click();
				} else {
					$('.scrollnav ul li:first').click();
				}
			}
            return false;
	});
				
	$("#header").everyTime(30000,function(i) {
		//$("#divScroll").text(i);

		if(nextItem){
			$('#header .scrollnav ul').find('a[href$="#'+nextItem+'"]').click();
		} else {
			$('.scrollnav ul li:first').click();
		}
				

	});
	
	$('#header').serialScroll(scrollOptions);
		

    // now apply localScroll to hook any other arbitrary links to trigger 
    // the effect
//    $.localScroll(scrollOptions); // causes error
	

    // finally, if the URL has a hash, move the slider in to position, 
    // setting the duration to 1 because I don't want it to scroll in the
    // very first page load.  We don't always need this, but it ensures
    // the positioning is absolutely spot on when the pages loads.
    scrollOptions.duration = 1;
 //   $.localScroll.hash(scrollOptions); // causes error
	
	
	
/*	
	$('.controlled-interval', demos).find('.start').css("cursor", "pointer").click(function() {
		if (!active) {
			active = !active;
			$(this).parents("div").find('ul').everyTime(1000, 'controlled', function() {
				$(this).append("<li>New One</li>");
			});
		}
	}).end().find('.stop').css("cursor", "pointer").click(function() {
		if (active) {
			active = !active;
			$(this).parents("div").find('ul').stopTime('controlled');
		}
	}); 
	*/

	/**
	 * Most jQuery.serialScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.serialScroll.
	 */
	
	/**
	 * The plugin binds 6 events to the container to allow external manipulation.
	 * prev, next, goto, start, stop and notify
	 * You use them like this: $(your_container).trigger('next'), $(your_container).trigger('goto', [5]) (0-based index).
	 * If for some odd reason, the element already has any of these events bound, trigger it with the namespace.
	 */		
	
	/**
	 * IMPORTANT: this call to the plugin specifies ALL the settings (plus some of jQuery.ScrollTo)
	 * This is done so you can see them. You DON'T need to specify the commented ones.
	 * A 'target' is specified, that means that #screen is the context for target, prev, next and navigation.
	 */
	 
	 
	 
	 
	 
	 
	 
	 
/************************************************************************************************************
	$('#header').serialScroll({
		target:'.scroll',
		items:'.panel', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'img.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'img.next',// Selector to the 'next' button (absolute too)
		axis:'xy',// The default is 'y' scroll on both ways
		navigation:'.scrollnav ul li a',
		duration:400,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		
		//queue:false,// We scroll on both axes, scroll both at the same time.
		//event:'click',// On which event to react (click is the default, you probably won't need to specify it)
		//stop:false,// Each click will stop any previous animations of the target. (false by default)
		//lock:true, // Ignore events if already animating (true by default)		
		//start: 0, // On which element (index) to begin ( 0 is the default, redundant in this case )		
		//cycle:true,// Cycle endlessly ( constant velocity, true is the default )
		//step:1, // How many items to scroll each time ( 1 is the default, no need to specify )
		//jump:false, // If true, items become clickable (or w/e 'event' is, and when activated, the pane scrolls to them)
		//lazy:false,// (default) if true, the plugin looks for the items on each event(allows AJAX or JS content, or reordering)
		//interval:1000, // It's the number of milliseconds to automatically go to the next
		//constant:true, // constant speed
		
		onBefore:function( e, elem, $pane, $items, pos ){
		//	/
		//	 * 'this' is the triggered element 
		//	 * e is the event object
		//	 * elem is the element we'll be scrolling to
		//	 * $pane is the element being scrolled
		//	 * $items is the items collection at this moment
		//	 * pos is the position of elem in the collection
		//	 * if it returns false, the event will be ignored
		//	 /
			 //those arguments with a $ are jqueryfied, elem isn't.
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
			//'this' is the element being scrolled ($pane) not jqueryfied
		}
	});
*************************************************************************************************************/


	
	
});
/*
function rgb2hex(rgb) {  
  rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);  
  function hex(x) {  
   hexDigits = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");  
   return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];  
  }  
  return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);  
}  
*/