$(document).ready(function(){
    $('.submit').change(function(){
        this.form.submit();
    });
    $('div.tabs .tab a').click(function(){
        $('div.tabs .selected').removeClass('selected');
        $('div.tabs .right-selected').removeClass('right-selected');
        $('div.tabs .left-selected').removeClass('left-selected');
    });
    
    if ($('div.tabs .tab').length > 0) {
        $('div.tabs .tab').xpTabs({
            cookiePrefix: 'BB',
            callback: function(){
                var tab = $('div.tabs .tab.selected');
                if (tab.hasClass('first')) {
                    tab.prev('div').addClass('selected');
                    tab.next('div').addClass('left-selected');
                }
                else {
                    if (tab.hasClass('last')) {
                        tab.prev('div').addClass('right-selected');
                        tab.next('div').addClass('selected');
                    }
                    else {
                        tab.prev('div').addClass('right-selected');
                        tab.next('div').addClass('left-selected');
                    }
                }
            }
        });
    }
});

function limitChars(textid, limit, infodiv){
    var text = $('#' + textid).val();
    var textlength = text.length;
    if (textlength > limit) {
        $('.' + infodiv).html('Non puoi scrivere più di ' + limit + ' caratteri!');
        $('#' + textid).val(text.substr(0, limit));
        return false;
    }
    else {
        $('.' + infodiv).html('Hai a disposizione ' + (limit - textlength) + ' caratteri.');
        return true;
    }
}

/*
 * @param {Object} marker
 * @param {Object} map
 */
/*GEvent.addListener(marker, 'click', function(){ 
 marker.openExtInfoWindow(
 map,
 "custom_info_window_red",
 "<div>Loading...</div>",
 {
 ajaxUrl: "ajax/ajaxTest.html",
 beakOffset: 3
 }
 );
 });
 */
function addXMLMarkerToMap(marker, map){
    var point = new GLatLng(parseFloat(marker.getAttribute("lat")), parseFloat(marker.getAttribute("lng")));
    var den = marker.getAttribute("den");
    
    var htmlURL = marker.getAttribute("infourl");
    
    var tinyIcon = new GIcon();
    tinyIcon.image = "/www.regalamiiltuosogno.it/img/gmaps/icons/mm_20_purple.png";
    tinyIcon.shadow = "/www.regalamiiltuosogno.it/img/gmaps/icons/mm_20_shadow.png";
    tinyIcon.iconSize = new GSize(12, 20);
    tinyIcon.shadowSize = new GSize(22, 20);
    tinyIcon.iconAnchor = new GPoint(6, 20);
    tinyIcon.infoWindowAnchor = new GPoint(5, 1);
    
    var mark = new GMarker(point, {
        title: den,
        icon: tinyIcon,
        bouncy: true
    });
    
    GEvent.addListener(mark, 'click', function(){
        mark.openExtInfoWindow(map, "custom_info_window_red", "<div>Carico...</div>", {
            ajaxUrl: htmlURL,
            beakOffset: 3
        });
    });
    
    map.addOverlay(mark);
    
    return mark;
}

function addJSONMarkerToMap(marker, map){
    var point = new GLatLng(marker.theLatitude, marker.theLongitude);
    var den = marker.theDescription;
    
    
    var htmlURL = marker.theInfoURL;
    
    var tinyIcon = new GIcon();
    tinyIcon.image = "/www.regalamiiltuosogno.it/img/gmaps/icons/mm_20_purple.png";
    tinyIcon.shadow = "/www.regalamiiltuosogno.it/img/gmaps/icons/mm_20_shadow.png";
    tinyIcon.iconSize = new GSize(12, 20);
    tinyIcon.shadowSize = new GSize(22, 20);
    tinyIcon.iconAnchor = new GPoint(6, 20);
    tinyIcon.infoWindowAnchor = new GPoint(5, 1);
    
    var mark = new GMarker(point, {
        title: den,
        icon: tinyIcon,
        bouncy: true
    });
    
    GEvent.addListener(mark, 'click', function(){
        mark.openExtInfoWindow(map, "custom_info_window_red", "<div>Carico...</div>", {
            ajaxUrl: htmlURL,
            beakOffset: 3
        });
    });
    
    map.addOverlay(mark);
    
    return mark;
}