/* Credit: http://www.portoantico.com */
jQuery(function()
{
$ = jQuery ;
$(window).load( function() {
$('.external-link').unbind('click');
});
//portoantico_banner_slide function
$('.banner').unslider({fluid: true});
$(window).on("load scroll resize", function(){
banner_height = ($(document).width()/1920) * 760;
// banner_height = ($(document).width()/1920) * 760;
$('.banner').height(banner_height);
$('.banner ul li').height(banner_height);
if(banner_height > 280){
caption_margin_top = (banner_height-250)/2;
$('.banner .slide_caption:hidden').show();
$('.banner .slide_caption').css({"margin-top":caption_margin_top});
}else{
$('.banner .slide_caption').hide();
}
$("#portoantico_banner_slide > ul > li").css({"background-size":"cover"});
});
//mobile menu and desktop menu
hide_left = $(document).width();
$("#mobile_menu").css({left: hide_left});
$("#mobile_menu").hide();
$("#mobile_menu_btn a").click(function(){
if($('#mobile_menu').is(':visible')) {
hide_left = $(document).width();
$("#mobile_menu").animate({left: hide_left},1000,function(){
$("#mobile_menu").hide();
});
}else{
$("#mobile_menu").show();
show_left = $(document).width() - 250 ;
$("#mobile_menu").animate({left: show_left},1000);
}
return false;
});
jQuery.fn.anchorAnimate = function(settings) {
settings = jQuery.extend({
speed : 1100
}, settings);
return this.each(function(){
var caller = this
$(caller).click(function (event){
event.preventDefault();
var locationHref = window.location.href;
var elementClick = $(caller).attr("href");
var destination = $(elementClick).offset().top ;
//hide the mobile menu
hide_left = $(document).width();
$("#mobile_menu").animate({left: hide_left},1000,function(){
$("#mobile_menu").hide();
});
$("html,body").stop().animate({ scrollTop: destination}, settings.speed, function(){
// Detect if pushState is available
if(history.pushState) {
history.pushState(null, null, elementClick);
}
});
return false;
});
});
}
//animate scroll function calll
$("#mobile_menu a").anchorAnimate();
//main menu auto select and animate scroll
$("#portoantico_main_menu ul").singlePageNav({offset: jQuery('#portoantico_main_menu').outerHeight()});
//define main menu position
$(window).on("resize scroll load",function(){
top_banner_and_slider_height = $("#portoantico_banner_slide").outerHeight() + $("#portoantico_banner_logo").outerHeight() ;
if($(document).scrollTop() < (top_banner_and_slider_height - $(window).height() ) ){
menu_top = $(document).scrollTop() + $(window).height();
$("#portoantico_main_menu").css({"position":"absolute","top":menu_top});
}else if( $(document).scrollTop() < top_banner_and_slider_height ){
menu_top = 0;
$("#portoantico_main_menu").css({"position":"relative","top":menu_top});
}else{
menu_top = 0;
$("#portoantico_main_menu").css({"position":"fixed","top":menu_top});
}
});
//event
$(document).scroll(function(){
document_top = $(document).scrollTop();
event_wapper_top = $("#portoantico_upcomming_event").position().top;
if(document_top < event_wapper_top){
event_animate_num = event_wapper_top - document_top;
event_animate_alpha = (1/event_wapper_top)*(document_top);
$("#portoantico_upcomming_event .event_animate_left").css({'left': -event_animate_num,'opacity':event_animate_alpha});
$("#portoantico_upcomming_event .event_animate_right").css({'left':event_animate_num,'opacity':event_animate_alpha});
}else{
$("#portoantico_upcomming_event .event_animate_left").css({'left': 0,'opacity':1});
$("#portoantico_upcomming_event .event_animate_right").css({'left':0,'opacity':1});
}
});
//pricing
$(document).scroll(function(){
document_top = $(document).scrollTop()-1000;
event_wapper_top = $("#portoantico_pricing").position().top-1110;
if(document_top < event_wapper_top){
degree = (360/event_wapper_top)*(document_top);
event_animate_num = event_wapper_top - document_top;
event_animate_alpha = (1/event_wapper_top)*(document_top);
$("#portoantico_pricing .pricing_icon_wapper span").css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-ms-transform': 'rotate(' + degree + 'deg)',
'-o-transform': 'rotate(' + degree + 'deg)',
'transform': 'rotate(' + degree + 'deg)',
});
$("#portoantico_pricing .pricing_icon_wapper").css({
'opacity':event_animate_alpha
});
}else{
$("#portoantico_pricing .pricing_icon_wapper span").css({
'-webkit-transform': 'rotate(' + 360 + 'deg)',
'-moz-transform': 'rotate(' + 360 + 'deg)',
'-ms-transform': 'rotate(' + 360 + 'deg)',
'-o-transform': 'rotate(' + 360 + 'deg)',
'transform': 'rotate(' + 360 + 'deg)',
});
$("#portoantico_pricing .pricing_icon_wapper").css({
'opacity':1
});
}
});
//blog
$(document).scroll(function(){
document_top = $(document).scrollTop()-2000;
event_wapper_top = $("#portoantico_blog").position().top-2110;
if(document_top < event_wapper_top){
event_animate_num = event_wapper_top - document_top;
event_animate_alpha = (1/event_wapper_top)*(document_top);
$("#portoantico_blog .event_animate_left").css({'left': -event_animate_num,'opacity':event_animate_alpha});
$("#portoantico_blog .event_animate_right").css({'left':event_animate_num,'opacity':event_animate_alpha});
}else{
$("#portoantico_blog .event_animate_left").css({'left': 0,'opacity':1});
$("#portoantico_blog .event_animate_right").css({'left':0,'opacity':1});
}
});
//contact
$(document).scroll(function(){
document_top = $(document).scrollTop()-3000;
event_wapper_top = $("#portoantico_contact").position().top-3110;
if(document_top < event_wapper_top){
event_animate_alpha = (1/event_wapper_top)*(document_top);
$("#portoantico_contact p, #portoantico_contact_map_wapper").css({'opacity':event_animate_alpha});
}else{
$("#portoantico_contact p, #portoantico_contact_map_wapper").css({'opacity':1});
}
});
});
//google map
function initialize(){
//define map
var map;
//lat lng
myLatlng = new google.maps.LatLng(44.40932071151105,8.925796151161194);
// myLatlng = new google.maps.LatLng(44.408968,8.923913);
//define style 44.40988019828209,8.925753235816956 44.408968,8.923913
var styles = [
{
//set all color
featureType: "all",
stylers: [{ hue: "#35a9d8" }]
},
{
//hide business
featureType: "poi.business",
elementType: "labels",
stylers: [{ visibility: "off" }]
}
];
//map options
var mapOptions = {
zoom: 18,
center: myLatlng,
mapTypeControlOptions: {mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']} ,
panControl: false , //hide panControl
zoomControl: true , //show zoomControl
mapTypeControl: false , //hide mapTypeControl
scaleControl: false , //hide scaleControl
streetViewControl: true , //hide streetViewControl
overviewMapControl: false , //hide overviewMapControl
scrollwheel: false, //disable overviewMapControl
}
//adding attribute value
map = new google.maps.Map(document.getElementById('portoantico_contact_map'), mapOptions);
var styledMap = new google.maps.StyledMapType(styles,{name: "Styled Map"});
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
//add marker
/* var marker = new google.maps.Marker({
position: myLatlng,
map: map
});*/
var marker, infowindow;
{
var contentString = '11) ANTIQUA';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.408685,8.923500),
map: map,
title: '11)ANTIQUA',
});
infowindow.open(map,marker);
}
{
var contentString = '4) Bigo Cafè Pizzeria Ristorante Lounge Bar';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.408650,8.927327),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar',
});
infowindow.open(map,marker);
}
{
var contentString = '6) Genova Segway - Le Bighe del Bigo';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.407984,8.926994),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo',
});
infowindow.open(map,marker);
}
{
var contentString = '7) I Tre Merli Ristorante Genovese - Focacceria';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.408108,8.927092),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo7)I Tre Merli Ristorante Genovese - Focacceria',
});
infowindow.open(map,marker);
}
{
var contentString = '9) La Goletta Risto-Pub';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.408746,8.922499),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo7)I Tre Merli Ristorante Genovese - Focacceria9)La Goletta Risto-Pub',
});
infowindow.open(map,marker);
}
{
var contentString = '5) Modulo 3';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.40851973819893,8.923074764737237),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo7)I Tre Merli Ristorante Genovese - Focacceria9)La Goletta Risto-Pub5)Modulo 3',
});
infowindow.open(map,marker);
}
{
var contentString = '19) Mukke Pazze';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.40807718,8.92541528),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo7)I Tre Merli Ristorante Genovese - Focacceria9)La Goletta Risto-Pub5)Modulo 319)Mukke Pazze',
});
infowindow.open(map,marker);
}
{
var contentString = '13) One Eyed Jacks Risto-Pub';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(44.407521,8.926105),
map: map,
title: '11)ANTIQUA4)Bigo Cafè Pizzeria Ristorante Lounge Bar6)Genova Segway - Le Bighe del Bigo7)I Tre Merli Ristorante Genovese - Focacceria9)La Goletta Risto-Pub5)Modulo 319)Mukke Pazze13)One Eyed Jacks Risto-Pub',
});
infowindow.open(map,marker);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addDomListener(window, 'resize', initialize);