// JavaScript Document

            $(document).ready(function(){
                var feed_width = $('#feedback').width();
                var scr_w = screen.width; // Screen Width
                // 26 is width of the veritcal feedback button
                var btn_width = 26;
                var move_right = scr_w -  btn_width;
                var move_left = -(feed_width - btn_width);
                var slide_from_left = 0;
                var slide_from_right = scr_w - (feed_width - btn_width);
                var center = ( scr_w / 2 ) - ( feed_width / 2 );

                // Positioning the feedback form at the time of page loading
                positioningForm();

                // Handling the right_btn and lift_btn event animations
                $('.right_btn').click(function(){
                    slideFromRight();
                });
                $('.left_btn').click(function(){
                    slideFromleft();
                });
                // Moving left or right by clicking close button
                $('.feed_close').click(function(){
                    var pos = $('#feedback').position();
                    var ls = pos.left;
                    if(ls ==  slide_from_left){
                        // feedback form is at LEFT
                        moveRight();
                    }else if(ls == center){
                        // feedback form is at RIGHT
                        moveRight();
                    }else{
                        // feedback form is at CENTER
                        moveLeft();
                    }
                });

                $('#submit_btn').click(function(){
                    
					var name=$('#name').val();
					var email=$('#email').val();
					var msg=$('#msg').val();
					
					if(name.length>0 && email.length>0 && msg.length>0)
					{
					
                    $('.left_btn').hide();
                    $('.right_btn').hide();
					 $('.box').hide();
					$('#feedback').animate({left: center+"px"},{duration: 'slow',easing: 'easeOutElastic'});
					$('.thankyou').show();
					
					}
					else
					{
					$('#error').html('Enter some thing');
					}
					return false();
					
                });
                function positioningForm(){
                    $('.left_btn').hide();
                    $('#feedback').css({"left": move_right+"px"}).show();
                }
                function slideFromRight(){
                    $('#feedback').animate({left: slide_from_right+"px"},{duration: 'slow',easing: 'easeOutElastic'});
                    $('.left_btn').hide();
                }
                function slideFromleft(){
                    $('#feedback').animate({left: slide_from_left+"px"},{duration: 'slow',easing: 'easeOutElastic'});
                    $('.right_btn').hide();
                }
                function moveLeft(){
                    $('#feedback').animate({left: move_left+"px"},{duration: 'slow',easing: 'easeOutElastic'});
                    $('.left_btn').show();
                }

                function moveRight(){
                    $('#feedback').animate({left: move_right+"px"},{duration: 'slow',easing: 'easeOutElastic'});
                    $('.right_btn').show();
                }


            });