/*
 * jQuery Animation for Buttons  
 *
 * Depends:
 *	effects.core.js
 * 	effects.slide.js
 *
 *History: 
 * 2/07/2009  Tiang.cheng  Created
 */
  

$(function() {
            $("#Slide_Image1").hide();
            $("#Slide_Image2").hide();
            $("#Slide_Image3").hide();



/*   First Button Animation Control */

    $("#Slide_Button1").click(function () {
		if ($('#Slide_Image1').css('width') == '0px' ) {
      		$('#Slide_Image1').animate(
				{
            	width: "188px"
        		}, {
				duration : 300, 
                complete : function () {
                            close($('#Slide_Image2'));
                            close($('#Slide_Image3'));
                            }

				});
            close($('#Slide_Image2'));
            close($('#Slide_Image3'));
		}
		else  {
       		$('#Slide_Image1').animate(
	   	 		{
            		width: "0px"
       	 		},
       	 		{
            		duration : 300,
					complete : function() {
               			         $("#Slide_Image1").hide();
                    		   }
       	 		}
       		);
		}
    });

/*   Second Button Animation Control */
  
    $("#Slide_Button2").click(function () {
        if ($('#Slide_Image2').css('width') == '0px' ) {
            $('#Slide_Image2').animate(
                {
                width: "188px"
                }, {
				duration : 300,
                complete : function () {
                            close($('#Slide_Image1'));
                            close($('#Slide_Image3'));
                            }
				});
            close($('#Slide_Image1'));
            close($('#Slide_Image3')); 
       }
        else  {
            $('#Slide_Image2').animate(
                {
                    width: "0px"
                },
                {
                    duration : 300,
                    complete : function() {
                                 $("#Slide_Image2").hide();
                               }
                }
            );
        }
    });

/*   Third Button Animation Control */

    $("#Slide_Button3").click(function () {
        if ($('#Slide_Image3').css('width') == '0px' ) {
            $('#Slide_Image3').animate(
                {
                width: "188px"
                }, {
				duration : 300,
		 		complete : function () {
				            close($('#Slide_Image1'));
            				close($('#Slide_Image2'));
							}
			});
            close($('#Slide_Image1'));
            close($('#Slide_Image2'));

        }
        else  {
            $('#Slide_Image3').animate(
                {
                    width: "0px"
                },
                {
                    duration : 300,
                    complete : function() {
                                 $("#Slide_Image3").hide();
                               }
                }
            );
        }
    });

});


function close(SlideImage1)
{
var SlideImage = SlideImage1
if (SlideImage.css('width') == '188px') {
	SlideImage.animate(
		{
			width: "0px"
        },
        {
        	duration : 300,
            complete : function() {
            			SlideImage.hide();
                       }
        }

	);
}
}