// JavaScript Document

$(document).ready(function (){
		 $("div.slideButton").click(function (){
						   $("div.slidePanel").animate({
											width: "400px"
													   }, "fast");	
						   $("div#slideBox").animate({
											width: "450px"
													   }, "fast");	
						   $("div#content").animate({
											opacity: "0.7", filter: "alpha(opacity=70)", filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
													   }, "500", function() {
        															$(this).css('filter','');
    																		});				   
						   $("div.slideButton").toggle();
											 });
		 $("div#collapseButton").click(function (){
							$("div.slidePanel").animate({
											width: "0px"
														}, "fast");
							$("div#slideBox").animate({
											width: "28px"
														}, "fast");
							$("div#content").animate({
											opacity: "1", filter: "alpha(opacity=100)", filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
													   }, "500", function() {
        															$(this).css('filter','');
    																		});	
												 });
							});
							
$(document).ready(function (){
		 $("div.slideButton2").click(function (){
						   $("div.slidePanel2").animate({
											width: "400px"
													   }, "fast");
						   $("div#slideBox2").animate({
											width: "450px"
													   }, "fast");
						   $("div#content").animate({
											opacity: "0.7", filter: "alpha(opacity=70)", filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
													   }, "500", function() {
        															$(this).css('filter','');
    																		});	
						   $("div.slideButton2").toggle();
											 });
		 $("div#collapseButton2").click(function (){
							$("div.slidePanel2").animate({
											width: "0px"
														}, "fast");
							$("div#slideBox2").animate({
											width: "28px"
														}, "fast");
							$("div#content").animate({
											opacity: "1", filter: "alpha(opacity=100)", filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
													   }, "500", function() {
        															$(this).css('filter','');
    																		});
												 });
							});
							
							
$(document).ready(function (){
		 $(".slideButton3").click(function (){
						   $("div.slidePanel2").animate({
											width: "400px"
													   }, "fast");
						   $("div#slideBox2").animate({
											width: "450px"
													   }, "fast");
						   $("div#content").animate({
											opacity: "0.7", filter: "alpha(opacity=70)", filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
													   }, "500", function() {
        															$(this).css('filter','');
    																		});	
						   $("div.slideButton2").toggle();
											 });
							});