// JavaScript Document
$(document).ready(function () {
    $("#cas").append("<span id='txtno' title='paola'>Paola</span>");
    var a = "Comunicadora Din&aacute;mica y Creativa<br>Productora de Eventos<br>(99) 403*8895<br>paola@arteyestiloeventos.com";
    var b = "Educador Creativo e Innovador<br>Productor de Eventos<br>(99) 413*6255<br>arteyestilobuffets@yahoo.es";
    var c = "Administradora Hotelera<br>perfeccionista y proactiva<br>Productora de Eventos<br>(99) 403*3081<br>ventas@arteyestiloeventos.com";
var d = "Ejecutiva graduada en hoteleria.<br>(99) 103*4776<br>rosana@arteyestiloeventos.com";
var e = "Administrador<br>Planificaci&oacuten estrat&eacutegica en eventos.<br>(99) 837*4867<br>arteyestiloeventos@hotmail.com";
var f = "Chef Ejecutivo - Fundadora<br>Cocina Moderna y Creativa <br>(99) 401*2104<br>loanghbendezu@hotmail.com";
    /*$(".contac p:last").append(a);*/
	$("#left ul a").click(function () {
		$("#grup").animate({opacity:0},2000).css({"display":"none"});
		$("#cas").css({"display":"block"});
		$(".camposc").animate({opacity:100},2000).css({"display":"block"});
		$(".contac").animate({opacity:100},2000).css({"display":"block"});			
							});
    $("#btn1").click(function () {
		
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='paola'>Paola</span>");
        $(".contac p:last").remove();
        $("#imgcon").attr({
            "src": "image/arte1.jpg"
        });
        $(document.createElement('p')).html(a).appendTo(".contac")
    });
    $("#btn2").click(function () {
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='Italo'>Italo</span>");
        $("#imgcon").attr({
            "src": "image/arte2.jpg"
        });
        $(".contac p:last").remove();
        $(document.createElement('p')).html(b).appendTo('.contac')
    });
    $("#btn3").click(function () {
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='Aida'>Aida</span>");
        $("#imgcon").attr({
            "src": "image/aida.jpg"
        });
        $(".contac p:last").remove();
        $(document.createElement('p')).html(c).appendTo('.contac')
    })
$("#btn4").click(function () {
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='Rosana'>Rosana</span>");
        $("#imgcon").attr({
            "src": "image/rosana.png"/*,"width":200,"height":160*/
        });
        $(".contac p:last").remove();
        $(document.createElement('p')).html(d).appendTo('.contac')
    })
$("#btn5").click(function () {
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='David'>David</span>");
        $("#imgcon").attr({
            "src": "image/arte3.jpg",/*"width":160,"height":160*/
        });
        $(".contac p:last").remove();
        $(document.createElement('p')).html(e).appendTo('.contac')
    })
$("#btn6").click(function () {
        $("#txtno").remove();
        $("#cas").append("<span id='txtno' title='loangh'>Loangh</span>");
        $("#imgcon").attr({
            "src": "image/loangh.jpg",/*"width":160,"height":160*/
        });
        $(".contac p:last").remove();
        $(document.createElement('p')).html(f).appendTo('.contac')
    })
});