$(document).ready(function(){
$(".fts").hide();
$(".h").hide();

$("#design_link1").click(function(){// Abre identidade corporativa
$(".h").hide();
$("#info_design").hide();
$("#indent_coor").animate({ 'opacity':'show', 'height':'show' });	
window.location="#ancora";
});

$("#design_link2").click(function(){// Abre publicidade
$(".h").hide();
$("#info_design").hide();
$("#publicidade").animate({ 'opacity':'show', 'height':'show' });	
window.location="#ancora";
});

$("#design_link3").click(function(){// Abre ilustração
$(".h").hide();
$("#info_design").hide();
$("#ilustracao").animate({ 'opacity':'show', 'height':'show' });	
window.location="#ancora";
});

// JANELA MODAL ================================================================================

// identidade coorporativa ----------------------------
$("#design_indent_modal img").hide();
$("#design_indent_modal span").hide();

 $("#design_indent_modal span").click(function(){
 $("#design_indent_modal").animate({'opacity':'hide'}, 500);
});

 $("#indent_coor img").click(function(event) {
					   event.preventDefault();
 $("#design_indent_modal img").remove(); 
 $("#design_indent_modal").animate({'opacity':'show'}, 1000);
 $("#design_indent_modal").css({ 'background-color':'#333' });
 $('<img />').attr('src', $(this).attr('src')).css('opacity', '0.3').appendTo('#design_indent_modal').animate({opacity: 1 }, 1000);
			
 $("#design_indent_modal span").show();

});

// publicidade e propaganda ---------------------------
$("#design_publi_modal img").hide();
$("#design_publi_modal span").hide();

 $("#design_publi_modal span").click(function(){
 $("#design_publi_modal").animate({'opacity':'hide'}, 500);
});

 $("#publicidade img").click(function(event) {
					   event.preventDefault();
 $("#design_publi_modal img").remove(); 
 $("#design_publi_modal").animate({'opacity':'show'}, 1000);
 $("#design_publi_modal").css({ 'background-color':'#333' });
 $('<img />').attr('src', $(this).attr('src')).css('opacity', '0.3').appendTo('#design_publi_modal').animate({opacity: 1 }, 1000);
			
 $("#design_publi_modal span").show();

}); 
 
// ilustração -----------------------------------------
$("#design_ilus_modal img").hide();
$("#design_ilus_modal span").hide();

 $("#design_ilus_modal span").click(function(){
 $("#design_ilus_modal").animate({'opacity':'hide'}, 500);
});

 $("#ilustracao img").click(function(event) {
					   event.preventDefault();
 $("#design_ilus_modal img").remove(); 
 $("#design_ilus_modal").animate({'opacity':'show'}, 1000);
 $("#design_ilus_modal").css({ 'background-color':'#333' });
 $('<img />').attr('src', $(this).attr('src')).css('opacity', '0.3').appendTo('#design_ilus_modal').animate({opacity: 1 }, 1000);
			
 $("#design_ilus_modal span").show();

}); 


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
})// fecha document