//<![CDATA[
$(document).ready(function(){

// Cycle gallery
	$('.gallery').cycle({ 
		fx:    'fade', 
		speed:  0,
		timeout: 0,
		//speedIn:     null,  // speed of the "in" transition 
		//speedOut:    null,  // speed of the "out" transition
		next:   '#next', 
		prev:   '#previous'
		//pause: '#pause'
	});

// Sliding Panel
	// Onload CSS
	$(document).ready(function(){
		$("#panel").css(
			{"width": "0px",/*
			"right": "-365px",*/
			"opacity": "0"}
		);	
		
		$(".slide").css(
			{"right": "0",
			"opacity": "0"}
		);	
		$("#navigation").css(
			{"right": "30px",
			"opacity": "0"}
		);	
		$("#footer").css(
			{"opacity": "0"}
		);	
	// Onload Panel
		$("#panel").animate(
			{"width": "320px",/*
			"right": "0px",*/
			"opacity": "1.0"},
			{duration: 900}
		);	
		$(".slide").animate(
			{"right": "365px",
			"opacity": "1.0"},
			{duration: 900}
		);	
		$("#navigation").animate(
			{"right": "410px",
			"opacity": "1.0"},
			{duration: 900}
		);	
		$("#footer").animate(
			{"opacity": "1.0"},
			{duration: 900}
		);	
	});	
	
	// Collapse Panel
	$(".hide, #gallery").click(function(){
		$("#panel").animate(
			{"width": "toggle"/*,
			"right": "-365px"*/},
			{duration: 400}
		);	
		$(".slide").animate(
			{"right": "0"},
			{duration: 400}
		);	
		$("#navigation").animate(
			{"right": "45px"},
			{duration: 400}
		);	
		$("#footerbg").animate(
			{"opacity": "0"},
			{duration: 400}
		);	
	});		
	
	// Expand Panel
	$(".show").click(function(){
		$("#panel").animate(
			{"width": "toggle"/*,
			"right": "0px"*/},
			{duration: 400}
		);	
		$(".slide").animate(
			{"right": "365px"},
			{duration: 400}
		);	
		$("#navigation").animate(
			{"right": "410px"},
			{duration: 400}
		);	
		$("#footerbg").animate(
			{"opacity": "1.0"},
			{duration: 400}
		);	
	});	

	// Switch buttons from "Hide" to "Show" on click
	$(".slide a, #gallery").click(function () {
		$(".slide a").toggle();
	});
	
	// transparent hover Panel
	/*$(".slide").hover(
		function () {
		$(this).animate({"opacity": "0.7"}, {duration: "fast"});
		}, 
		function () {
		$(this).animate({"opacity": "1.0"}, {duration: "fast"});
		}
	);
	$("#navigation").hover(
		function () {
		$(this).animate({"opacity": "0.8"}, {duration: "fast"});
		}, 
		function () {
		$(this).animate({"opacity": "1.0"}, {duration: "fast"});
		}
	);*/

}); //close doc ready
//]]>