jQuery(document).ready(function() {

	// HOMEPAGE BANNERS
	//######################################################
	
	var gogoBanner = setInterval( function() {
	
			var currentSlide = jQuery("#banners li.current");
			var currentIdent = jQuery("#banners li.current").attr("id");
		
			if( currentSlide.next().length ) {
		
				var nextTarget = currentSlide.next().attr("id");
		
			} else {
		
				var nextTarget = jQuery("#banners li:first").attr("id");
		
			}
		
			currentSlide.removeClass("current");
			jQuery("#banners li#"+nextTarget).addClass('current');
			
			jQuery("#bannersNav li").removeClass("current");
			jQuery("#bannersNav li[rel="+ nextTarget +"]").addClass("current");
		
			jQuery("#banners_wrap").scrollTo( "#"+nextTarget, 900);
	
		}, 5000 );
	
	//jQuery("#bannersNav li:first").addClass("current");
	
	jQuery("#bannersNav a").click(function() {
	
		clearInterval ( gogoBanner );
	
		jQuery("#bannersNav a").parent().removeClass("current");
		jQuery(this).parent().addClass("current");
		
		jQuery("#banners_wrap").scrollTo( "#"+this.hash, 900);
		
		clearTimeout(gogoBanner);
	
		return false;	
		
	});
	//######################################################
	
	// SERVICES ACCORDION
	//#####################################################
	
	if( window.location.hash !='' ) {
		
		var service = window.location.hash;
		
		var _this = "li[rel="+service+"]";
		
		openAccordion(_this);
		
		setTimeout( function() { jQuery(_this).find(".servicePhoto").fadeOut(); }, 1000 );
		setTimeout( function() { jQuery(_this).find(".serviceDescription").fadeIn(); }, 1000 );

	
	}
	
	jQuery(".slide h2.handleSlide").click(function() {
	
		// close the content
		jQuery(".opened .servicePhoto").fadeIn();
		jQuery(".serviceDescription:visible").fadeOut();
		// -----------------
		
		var _this = jQuery(this).parent();
		
		openAccordion(_this);
		
		/*if( jQuery(this).parent().hasClass("closed") ) {
			
			jQuery(this).parent().removeClass("closed").addClass("opened");
			jQuery(this).parent().prevAll(".closed").removeClass("closed").addClass("opened").animate( { left: "-=731px" }, 700 );
			jQuery(this).parent().animate( { left: "-=731px" }, 700 );
			
		} else {
			
			jQuery(this).parent().nextAll(".opened").removeClass("opened").addClass("closed").animate( { left: "+=731px" }, 700 );
			
		}*/

   	});
   	// SERVICES ACCORDION CONTENT
	//#####################################################
	
	jQuery(".servicePhoto a").click(function() {
	
		var service_target = jQuery(this).attr("href");
		
		jQuery(this).parent().fadeOut("fast");
		jQuery(service_target).fadeIn("fast");
		
		jQuery(service_target).jScrollPane({scrollbarWidth:10, scrollbarMargin:0});
		
		return false;
		
	});
	
	//#####################################################

	
	// SHOWCASE SLIDER
	//######################################################
	
	// showcase side image
	// duplicates and rotates everytime the main rotates
	
	var single_side_width = 290;
	var count_showcase = jQuery("#showcase li").length;
	
	var side_total_width = single_side_width * count_showcase;
	
	//jQuery("#showcase_side").width(side_total_width);
	
	/*for(i=1;i<count_showcase;i++) {
		
		jQuery("#showcase_side li:first").clone().attr('rel','showcase_'+(i+3)).appendTo("#showcase_side");
		
	}*/
		
	//######################################################
	
	var container = "#showcase";
	var totalWidth = jQuery(container).width();
	jQuery('#showcase li:first').addClass("current");
	jQuery('#showCaseNav li:first').addClass("current");
	
	if( jQuery('#showcase li').length>1 ) {
	
		jQuery('#showcase li').click(function() {
			
			var current = (jQuery('#showcase li.current') ?  jQuery('#showcase li.current') : jQuery('#showcase li:first'));
			var next = ( (current.next().length) ? ((current.next().hasClass('current')) ? jQuery('#showcase li:first') :current.next()) : jQuery('#showcase li:first'));
			
			jQuery("#showcase li").removeClass("current");
			
			if( current.next().length ) {
				
				next.addClass("current");
				jQuery("#showcase").animate({ left: '-='+current.width()+'px' }, 2000, "easeOutQuint" );
				
				jQuery("#showcase_side").animate({ left: '-='+single_side_width+'px' }, 2000, "easeOutQuint" );
				
			}  else {
				
				jQuery("#showcase li:first").addClass("current");
				jQuery("#showcase").animate({ left: '+='+(totalWidth - current.width())+'px' }, 1000, "easeOutQuint" );
				
				jQuery("#showcase_side").animate({ left: '+='+(side_total_width - single_side_width)+'px' }, 2000, "easeOutQuint" );
				
			}
			
			var itemIdent = next.attr("rel");
			jQuery("#showCaseNav li").removeClass("current");
			jQuery("#showCaseNav li[rel="+itemIdent+"]").addClass("current");
			
		});
		
	}
	
	//######################################################
	
	// showcase navigation
	//----------------------------------------------------
	
	jQuery("#showCaseNav li a").click(function() {
		
		jQuery("#showCaseNav li").removeClass("current");
		jQuery(this).parent().addClass("current");
		
		var clicked_item = jQuery(this).parent().attr("rel");
		
		// get current position of showcase images & animate
		//-----------------------------------------------
		var showcase_offset = jQuery("#showcase").position();
		var selected_offset = jQuery("#showcase li[rel="+clicked_item+"]").position();
		jQuery("#showcase").animate({ left: '-='+(showcase_offset.left + selected_offset.left)+'px' }, 2000, "easeOutQuint" );
		
		// get current position of showcase side images & animate
		//-----------------------------------------------
		var showcase_side_offset = jQuery("#showcase_side").position();
		var selected_side_offset = jQuery("#showcase_side li[rel="+clicked_item+"]").position();
		jQuery("#showcase_side").animate({ left: '-='+(showcase_side_offset.left + selected_side_offset.left)+'px' }, 2000, "easeOutQuint" );
		
		// set current showcase image
		//-----------------------------------------------
		jQuery("#showcase li").removeClass("current");
		jQuery("#showcase li[rel="+clicked_item+"]").addClass("current");
		
		return false;
		
	});
	
	//######################################################
	
	jQuery(".flip-bt").mbFlipText(false) // TOP TO BOTTOM
	
});

function openAccordion(_this) {

		if( jQuery(_this).hasClass("closed") ) {
			
			jQuery(_this).removeClass("closed").addClass("opened");
			jQuery(_this).prevAll(".closed").removeClass("closed").addClass("opened").animate( { left: "-=731px" }, 700 );
			jQuery(_this).animate( { left: "-=731px" }, 700 );
			
		} else {
			
			jQuery(_this).nextAll(".opened").removeClass("opened").addClass("closed").animate( { left: "+=731px" }, 700 );
			
		}

}