// JavaScript Document

$(document).ready(function(){
    $("#box1").hide();
	$(".toggle1").show();
	$("#box2").hide();
	$(".toggle2").show();
	$("#box3").hide();
	$(".toggle3").show();

	$('.toggle1').click(function(){
		$("#box1").slideToggle('normal'); $("#box2").hide('normal'); $("#box3").hide('normal');
		$(".toggle1 span").toggleClass("arrow_up");
		$(".toggle2 span").removeClass("arrow_up").addClass("arrow_down");$(".toggle3 span").removeClass("arrow_up").addClass("arrow_down");
	});
	$('.toggle2').click(function(){
		$("#box1").hide('normal'); $("#box2").slideToggle('normal'); $("#box3").hide('normal');
		$(".toggle2 span").toggleClass("arrow_up");
		$(".toggle1 span").removeClass("arrow_up").addClass("arrow_down");$(".toggle3 span").removeClass("arrow_up").addClass("arrow_down");
	});
	$('.toggle3').click(function(){
		$("#box1").hide('normal'); $("#box2").hide('normal'); $("#box3").slideToggle('normal');
		$(".toggle3 span").toggleClass("arrow_up");
		$(".toggle1 span").removeClass("arrow_up").addClass("arrow_down");$(".toggle2 span").removeClass("arrow_up").addClass("arrow_down");
	});
	

	$('.fancybox').fancybox();
	$('.fancybox-thumbs').fancybox({
		prevEffect : 'fade',
		nextEffect : 'fade',

		closeBtn  : true,
		arrows    : true,
		nextClick : true,

		helpers : { 
			thumbs : {
				width  : 50,
				height : 50
			}
		}
	});
});