var msOptions = {  
	type: 'slide',
	speed: 600,
	timeout: 3000,
	loop: false,
	easing: 'easeInOutCubic',
	nextButton: '#next',
	prevButton: '#prev',
	pauseOnHover: true,
	after: function(){
		var $controls = this.$container.parent().find('#slider-controls');
		
		$controls.find('li.active').removeClass('active');
		$controls.find('li').eq(this.index).addClass('active');
	}
};

$(function(){
	
	/*Fix javascript elements
	--------------------------------------------------*/
	$('.javascript').removeClass('javascript');
	/*------------------------------------------------*/
	
	/*Main image
	--------------------------------------------------*/
	$('#slider').mSlider(msOptions, function(){
		var controls = '<ul id="slider-controls">';
		for(var i = 1; i < this.num	 + 1; i++)
		{
			controls += '<li>';
			controls += '<a href="#'+i+'">'+i+'</a>';
			controls += '</li>';
		}
		
		controls += '</ul>';
		//var $controls = $(controls).appendTo(this.$container);
		var $controls = $(controls).appendTo($('#main-image'));
		$controls.find('a').eq(0).parent().addClass('active');
		$('#main-image #slider-controls').find('a').click(function(){
			var $this = $(this),
				href = $this.attr('href'),
				temp = href.split('#'),
				slide = temp[1];
				
			$('#slider').mSlider('goto', slide);
						
			return false;
		});
	});
	/*------------------------------------------------*/
	
	/*Accordion
	--------------------------------------------------*/
	$('.accordion').each(function(){
		var $ul = $(this),
			$lis = $ul.children('li'),
			$h2 = $ul.find('h2');
			
		$lis.filter(':last').css({
			borderBottom: '1px solid #cecece'						 
		});
			
		$h2.click(function(){
			var $this = $(this),
				$div = $this.next();
				
			$lis.filter('.active').removeClass('active').find('div').slideUp();
			
			$this.parent().addClass('active');
			$div.slideDown();
		});
		
		$h2.eq(0).trigger('click');
	});
	/*------------------------------------------------*/
	$('a.zoom').fancyZoom();
	
});