$(document).ready(function(){

	/* tweets
	===================================== */
	$(".tweet").tweet({
		username: "brinteractive",
		count: 3,
		loading_text: "loading tweets..."
	});


	/* Scrolling
	===================================== */
	
	$('#navOurWork a').click(function(){
		$.scrollTo( 'div.section:eq(0)', 800, {offset: -55} );
	});
	
	$('#navMuraCMS a').click(function(){
		$.scrollTo( 'div.section:eq(1)', 800, {offset: -55} );
	});
	
	$('#navNews a').click(function(){
		$.scrollTo( 'div.section:eq(2)', 800, {offset: -55} );
	});
	
	$('#navOurClients a').click(function(){
		$.scrollTo( 'div.section:eq(3)', 800, {offset: -55} );
	});
	
	$('#navContact a').click(function(){
		$.scrollTo( 'div.section:eq(4)', 800, {offset: -55} );
	});


	// Projects Slides
	var slides = $("#work div.projectsWrap li");
		for(var i = 0; i < slides.length; i+=3) {
			slides.slice(i, i+3).wrapAll("<ul class='projects clearfix'></ul>");
		}
	
	$(".projects li:nth-child(3n+1)").addClass('first');
	
	$(".projects li:nth-child(3n+3)").addClass('last');
	
	$('#work .projectsWrap').after('<ul class="work-slide-indicators"></ul>').cycle({
			fx: 'scrollHorz'
			/* fx: 'fade' */
			,timeout: 6000
			,speed: 1000
			,pause: 1
			,next: '#work .next'
			,prev: '#work .prev'
			
			,pager: '.work-slide-indicators'
			,pagerAnchorBuilder: function(idx, slide) {			// populate pager nav
			return '<li><a href="#" class="item-' + (idx+1) + '">' + (idx+1) + '</a></li>';	// 'idx' is the zero-indexed array position, so we add 1 to it
				}
			
			});
			




// Projects Slides - HOVER

	$('#work .projects li').hover(
		function(){
			$(".hoverDesc", this).slideToggle();
			}, 
		function() {
			$(".hoverDesc", this).slideToggle();
		});
		





		//News Slides

	var newsslides = $("#news div.archived dl");
		for(var i = 0; i < newsslides.length; i+=6) {
			newsslides.slice(i, i+6).wrapAll("<div class='archivedSet clearfix'></div>");
		}

	
	$(".archivedSet dl li:nth-child(6n+1)").addClass('first');
	
	$(".archivedSet dl li:nth-child(6n+6)").addClass('last');
	

	$('#news .archived').before('<div class="prev"><a>Prev</a></div><div class="next"><a>Next</a></div>').after('<ul class="news-slide-indicators"></ul>').cycle({
			fx: 'fade'
			/* ,timeout: 6000 */
			,timeout: 0
			,speed: 1000
			,pause: 1
			,next: '#news .next'
			,prev: '#news .prev'
			
			,pager: '.news-slide-indicators'
			,pagerAnchorBuilder: function(idx, slide) {
			return '<li><a href="#" class="item-' + (idx+1) + '">' + (idx+1) + '</a></li>';
			}
			
			});



	/* clients list items
	===================================== */

	var clientslides = $("#clientsFeature div.item");
		for(var i = 0; i < clientslides.length; i+=8) {
			clientslides.slice(i, i+8).wrapAll("<div class='clientsWrap clearfix'></div>");
		}
	
	$("#clientsFeature li:nth-child(3n+1)").addClass('first');
	
	$("#clientsFeature li:nth-child(4n+4)").addClass('last');


});


/*-------------------------------------------------------------------- 
 * javascript method: "pxToEm"
 * by:
   Scott Jehl (scott@filamentgroup.com) 
   Maggie Wachs (maggie@filamentgroup.com)
   http://www.filamentgroup.com
 *
 * Copyright (c) 2008 Filament Group
 * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
 *
 * Description: Extends the native Number and String objects with pxToEm method. pxToEm converts a pixel value to ems depending on inherited font size.  
 * Article: http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/
 * Demo: http://www.filamentgroup.com/examples/pxToEm/	 	
 *							
 * Options:  	 								
 		scope: string or jQuery selector for font-size scoping
 		reverse: Boolean, true reverses the conversion to em-px
 * Dependencies: jQuery library						  
 * Usage Example: myPixelValue.pxToEm(); or myPixelValue.pxToEm({'scope':'#navigation', reverse: true});
 *
 * Version: 2.0, 08.01.2008 
 * Changelog:
 *		08.02.2007 initial Version 1.0
 *		08.01.2008 - fixed font-size calculation for IE
--------------------------------------------------------------------*/

Number.prototype.pxToEm = String.prototype.pxToEm = function(settings){
	//set defaults
	settings = jQuery.extend({
		scope: 'body',
		reverse: false
	}, settings);
	
	var pxVal = (this == '') ? 0 : parseFloat(this);
	var scopeVal;
	var getWindowWidth = function(){
		var de = document.documentElement;
		return self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
	};	
	
	/* When a percentage-based font-size is set on the body, IE returns that percent of the window width as the font-size. 
		For example, if the body font-size is 62.5% and the window width is 1000px, IE will return 625px as the font-size. 	
		When this happens, we calculate the correct body font-size (%) and multiply it by 16 (the standard browser font size) 
		to get an accurate em value. */
				
	if (settings.scope == 'body' && $.browser.msie && (parseFloat($('body').css('font-size')) / getWindowWidth()).toFixed(1) > 0.0) {
		var calcFontSize = function(){		
			return (parseFloat($('body').css('font-size'))/getWindowWidth()).toFixed(3) * 16;
		};
		scopeVal = calcFontSize();
	}
	else { scopeVal = parseFloat(jQuery(settings.scope).css("font-size")); };
			
	var result = (settings.reverse == true) ? (pxVal * scopeVal).toFixed(2) + 'px' : (pxVal / scopeVal).toFixed(2) + 'em';
	return result;
};


/*-------------------------------------------------------------------- 
 * JQuery Plugin: "EqualHeights"
 * by:	Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
 *
 * Copyright (c) 2008 Filament Group
 * Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
 *
 * Description: Compares the heights or widths of the top-level children of a provided element 
 		and sets their min-height to the tallest height (or width to widest width). Sets in em units 
 		by default if pxToEm() method is available.
 * Dependencies: jQuery library, pxToEm method	(article: 
		http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)
 * Usage Example: $(element).equalHeights();
  		Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
 * Version: 2.0, 08.01.2008
--------------------------------------------------------------------*/


$.fn.equalHeights = function(px) {
	$(this).each(function(){
		var currentTallest = 0;
		$(this).children().each(function(i){
			if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
		});
		if (!px || !Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
		// for ie6, set height since min-height isn't supported
		if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
		$(this).children().css({'min-height': currentTallest}); 
	});
	return this;
};

$(window).load(function(){ //wait for images to be loaded before firing js

	/* Equal heights for grid layouts (EqualHeights plugin)
	===================================== */
/* 	$('#news .archivedSet').equalHeights(); */
	
	$('#news').equalHeights();
	
	
	$('#clientsFeature').cycle({
		fx: 'scrollHorz'
			,timeout: 6000
			,speed: 1500
			,pause: 1
			,next: '#clients .next'
			,prev: '#clients .prev'
			});
	

});