$(document).ready(function(){

			var cont_social = $("#social_tab").clone();
			$("#social_tab").remove();
			$("#wrapper").before($(cont_social));
			
			new TWTR.Widget({
			  version: 2,
			  id:'twitter_widget',
			  type: 'profile',
			  rpp: 1,
			  interval: 6000,
			  width: 'auto',
			  height: 300,
			  theme: {
				shell: {
				  background: '#f2f2f2',
				  color: '#000000'
				},
				tweets: {
				  background: '#ffffff',
				  color: '#080808',
				  links: '#32aced'
				}
			  },
			  features: {
				scrollbar: false,
				loop: false,
				live: false,
				hashtags: true,
				timestamp: true,
				avatars: false,
				behavior: 'all'
			  }
			}).render().setUser('almagro_cl').start();
			
			$("#content_face").html('<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FVive-en-un-Almagro%2F112942948774129&amp;width=167&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:167px; height:250px;" allowTransparency="true"></iframe>');
			
			$("#soporte_face,").animate({ 
				"right": "-192px"
				},
				"fast"
			);		
			$("#soporte_twit").delay(80).animate({ 
				"right": "-192px"
				},
				"fast"
			);
			

			$("#btn_face").click(function(){
			
				if ( $("#soporte_face").hasClass("selected") ){
					
					$("#soporte_face").animate({ 
						"height": "-=284px",
						"right": "-=192px"
						},
						"fast"
					);
					$("#social_tab").animate({
						"width": "40px",
						"height": "100px"
					},
					"fast"
					);				
					$("#soporte_face").removeClass("selected");
					$("#btn_face").removeClass("btn_cerrar");
					$("#soporte_twit").animate({ 
						"top": "-=274px"
						},
						"fast"
					);
				}else{ 
					if ( $("#soporte_twit").hasClass("selected") ){ 
						$("#soporte_twit").animate({ 
							"right": "-=192px",
							"height": "-=300px",
							"top": "+=274px"
							},
							"fast"
						);
						$("#soporte_twit").removeClass("selected");
						$("#btn_twit").removeClass("btn_cerrar");																					
					}else{
						$("#soporte_twit").animate({ 
							"top": "+=274px"
							},
							"fast"
						);				
					}
					$("#social_tab").animate({
						"width": "235px",
						"height": "420px"
					},
					"fast"
					);
					$("#soporte_face").animate({ 
						"right": "+=192px",
						"height": "+=284px"
						},
						"fast"
					);					
					$("#soporte_face").addClass("selected");
					$("#btn_face").addClass("btn_cerrar");
				
				}
			});

			$("#btn_twit").click(function(){
			
				if ( $("#soporte_twit").hasClass("selected") ){
				
					$("#soporte_twit").animate({ 
						"height": "-=300px",
						"right": "-=192px"
						},
						"fast"
					);
					$("#social_tab").animate({
						"width": "40px",
						"height": "100px"
					},
					"fast"
					);														
					$("#soporte_twit").removeClass("selected");
					$("#btn_twit").removeClass("btn_cerrar");
				}else{
					if ( $("#soporte_face").hasClass("selected") ){
						$("#soporte_face").animate({ 
							"right": "-=192px",
							"height": "-=284px"
							},
							"fast"
						);				
						$("#soporte_face").removeClass("selected");
						$("#btn_face").removeClass("btn_cerrar");
						$("#soporte_twit").animate({ 
							"top": "-=274px"
							},
							"fast"
						);
					}

					$("#soporte_twit").animate({ 
						"right": "+=192px",
						"height": "+=300px"
						},
						"fast"
					);
					$("#social_tab").animate({
						"width": "235px",
						"height": "420px"
					},
					"fast"
					);
					$("#soporte_twit").addClass("selected");
					$("#btn_twit").addClass("btn_cerrar");
				}
				
				
			});
		});