// JavaScript Document
$(document).ready(function(){
	$('a.toggle-mainmenu').click(function(){
		if($('div.body').css('position') != 'absolute'){
			$('div.body').css('position','absolute').animate({left: '250px'},300);
			$('nav#mainmenu').animate({left: '-250px'},300);
			$('body').addClass('no-scroll');
		}else{
			$('div.body').animate({left: '0px'},300,function(){
				$(this).css('position','relative');
			});
			$('nav#mainmenu').animate({left: '-250px'},300);
			$('body').removeClass('no-scroll');
		}
        $('nav#mainmenu').height($(window).height());
	});
    $('nav#mainmenu ul li .submenu').each(function(){
    	$(this).parent().find('> a').focus(function(){
        	$(this).parent().find('.submenu').show();
        });
    });
	$('.portfolio .item .thumb-container').each(function(){
		var bgImg = $(this).attr('data-bg');
		$(this).css('background-image','url('+bgImg+')');
	});
    $('#solution_menu ul li a').click(function(){
    	var selectSection = $(this).attr('data-section');
        $.scrollTo($('article#'+selectSection),800,{offset:{top:-95,left:0}});
    });
    $('.btn-scroll-to-top').click(function(){
	    $.scrollTo('0px',800);
    });
	//google map
	if($('.gmap').length > 0){
		$.getScript("https://www.tiffdesign.com.hk:443/js/google.map.js",function() {
			var LatLng = new Array();
			var GoogleMap = new Array();
			var Markers = new Array();
			var InfoWin = new Array();
			$('.gmap').each(function(){
				var maxWidth = 450;
				var defaultopen = true;
				var _ID = $(this).attr('id').replace('gmap_','');
				var _TITLE = $(this).attr('data-gmap-title');
				var _CONTENT = $.trim($(this).html());
				var _MINW = (typeof $(this).attr('data-gmap-width') != 'undefined') ? $(this).attr('data-gmap-width'):0;
				LatLng[_ID] = $(this).attr('data-gmap-ll').split(',');
				GoogleMap[_ID] = initGoogleMap(LatLng[_ID],'gmap_'+_ID,16,false);
				Markers[_ID] = GoogleMap_simpleMarker(GoogleMap[_ID],_TITLE,LatLng[_ID],true);
				if(_CONTENT != ''){
					setTimeout(function(){
						InfoWin[_ID] = GoogleMap_infoWindow(GoogleMap[_ID],Markers[_ID],_CONTENT,_MINW,true);
					},1000);
				}
                $(window).resize(function(){
                	GoogleMap[_ID].setCenter(new google.maps.LatLng(LatLng[_ID][0],LatLng[_ID][1]));
                });
			});
		});
	}
    //ajax form
    $('form.ajax-form').submit(function(){
    	var form = eval($(this));
        $(form).find('.submit-msg').stop(false,true).slideUp(300,function(){
        	$(this).find('div').html('').removeClass('red');
        });
        $.ajax({
                type: 'POST',
                url: $(form).attr('action'),
                data: $(form).serialize(),
                success: function(response){
                	grecaptcha.reset();
	                var data = response.split('|');
                    var returnStatus = data[0];
                    var returnMsg = data[1];
                    switch(returnStatus){
	                    case 'success':
                            $(form).find('.submit-msg').stop(false,true);
                            $(form).find('.submit-msg div').removeClass('red').html(returnMsg).parent().slideDown(500);
                            $(form).find('input[type="reset"]').trigger('click');
                        	break;
	                    case 'fail':
                            $(form).find('.submit-msg').stop(false,true);
                            $(form).find('.submit-msg div').addClass('red').html(returnMsg).parent().slideDown(500);
                        	break;
	                    default:
                            $(form).find('.submit-msg').stop(false,true);
                            $(form).find('.submit-msg div').removeClass('red').html('<pre>'+response+'</pre>').parent().slideDown(500);
                        	break;
                    }
                },
                error:function(response){
                	grecaptcha.reset();
                    $(form).find('.submit-msg').stop(false,true);
                    $(form).find('.submit-msg div').addClass('red').html('Fail to load resource.').parent().slideDown(500);
                }
        });
        return false;
    });
});

$(window).resize(function(){
	if($('div.body').width() > 600){
		if($('div.body').css('position') != 'relative'){
			$('div.body').animate({
				left: '0px'
			},300,function(){
				$(this).css('position','relative');
				$('body').removeClass('no-scroll');
			})
			$('nav#mainmenu').removeAttr('style');
		}
        $('nav#mainmenu').height('auto');
	}else{
        $('nav#mainmenu').height($(window).height());
    }
});

$(window).scroll(function(){
	if($(window).scrollTop() > 0){
		//$('section#topbar').addClass('topbar');
        $('.btn-scroll-to-top').show();
	}else{
		//$('section#topbar').removeClass('topbar');
        $('.btn-scroll-to-top').hide();
	}
});