$(document).ready(function() {

    $('a.external').click(function() {
        $(this).attr('target', '_blank');
    });
		
    // Left menu collapsor plugin
    $('ul#left-menu a.header').collapsor();
		 
    // open fermomia.it links in a new window/tab
		
    $('span#fermomia a').click(function(event) {
        $(this).attr('target', 'blank');
    });

    // Open the gallery approfondimento
    $('a#opengallery').click(function (event){
        event.preventDefault();
        $('a#thumb1').trigger('click');
    });
    
 // Open the gallery comune
    $('a#opengallery-comune').click(function (event){
        event.preventDefault();
        $('a#thumb2').trigger('click');
    });
		
    // Highslide Gallery
    
    if (typeof hs != 'undefined') {
    	
    	 hs.onSetClickEvent = function ( sender, e ) {
    	 	   // set the onclick for the element
    	 	   e.element.onclick = function () {
    	 	      return hs.expand(this, { slideshowGroup: this.parentNode.className });
    	 	   }
    	 	   // return false to prevent the onclick being set once again
    	 	   return false;
    	 	}

    	
        hs.lang = {
            loadingText :     'Caricamento...',
            previousText :    'Precedente',
            nextText :        'Successivo',
            moveText :        'Muovi',
            resizeTitle :     'Ridimensiona',
            playText :        'Play',
            playTitle :       'Play',
            pauseText :       'Pausa',
            pauseTitle :      'Pausa',
            number :          'Foto %1/%2'
        };
        hs.showCredits = false;
        hs.graphicsDir = '/javascript/highslide/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.outlineType = 'rounded-white';
        hs.fadeInOut = true;
        hs.numberPosition = 'caption';
        hs.dimmingOpacity = 0.75;
        hs.transitionDuration = 700;
        hs.allowSizeReduction = true;


        // Add the controlbar
        if (hs.addSlideshow) hs.addSlideshow({
            slideshowGroup: ['group1', 'group2'],
            interval: 7500,
            repeat: true,
            useControls: true,
            fixedControls: 'fit',
            overlayOptions: {
                opacity: .75,
                position: 'bottom center',
                hideOnMouseOut: true
            }
        });
    };
			
		
    // Pagina i cenni storici e descrizioni dei comuni, approfondimenti comuni e comprensori per i paragrafi con classe "paginate"

    // Pagina Comune e Comprensorio (stesso id per il div cenni storici)
               
    // prima di tutto crea un elemento div  (che rappresenta 1 pagina) ogni 3 elementi figli del div di id "cenni_storici"
    if ($('div#comune_cenni_storici').length == 1) {
        var children_num = $('div#comune_cenni_storici').children().length;
        var children = $('div#comune_cenni_storici').children();
        var start = 0;
        var end = 3;
        var pages = 1;
        while (start < children_num) {
            var children_group = children.slice(start, end);
            children_group.wrapAll("<div class='paginating' id='page" + pages + "'></div>");
            start = end;
            end = end + 3;
            pages = pages + 1;
        }

        // nascondo inizialmente tutti i div con classe paginating
        $('.paginating').hide();
        $('#page1').show(); // mostra sempre solo la prima pagina

        // preparo l'elemento paginazione
        $('#paging').aqPaging({
            current: 1,
            pages: pages - 1,
            flip: false,
            cb: function(p){
                $('.paginating').hide();
                $('#page' + p).show();
                if ($('body.it').length == 1) { // usa l'ancora "#cenni-storici" per la lingua italiana
                  window.location.href="#cenni-storici"
                } else if ($('body.en').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.fr').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.d').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.es').length == 1) {
                  window.location.href="#cenni-storici"
                }
                
            }
        });
    }


    // Pagina Approfondimento comune

    // prima di tutto crea un elemento div  (che rappresenta 1 pagina) ogni 5 elementi figli del div di id "cenni_storici"
    if ($('div#approfondimento_cenni_storici').length == 1) {
        var children_num = $('div#approfondimento_cenni_storici').children().length;
        var start = 0;
        var end = 3;
        var pages = 1;
        while (start < children_num) {
            children = $('div#approfondimento_cenni_storici').children().slice(start, end);
            children.wrapAll("<div class='paginating' id='page" + pages + "'></div>");
            start = end;
            end = end + 3;
            pages = pages + 1;
        }

        // nascondo inizialmente tutti i div con classe paginating
        $('.paginating').hide();

        // preparo l'elemento paginazione
        $('#paging').aqPaging({
            current: 1,
            pages: pages - 1,
            flip: false,
            cb: function(p){
                $('.paginating').hide();
                $('#page' + p).show();
                if ($('body.it').length == 1) { // usa l'ancora "#cenni-storici" per la lingua italiana
                  window.location.href="#cenni-storici"
                } else if ($('body.en').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.fr').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.d').length == 1) {
                  window.location.href="#cenni-storici"
                } else if ($('body.es').length == 1) {
                  window.location.href="#cenni-storici"
                }
            }
        });
    }

    // richiesta ajax per la lista dei comuni del comprensorio scelto nella pagina della ricerca dei comuni (frontend)
    $('#strutture-search-container').hide();
    $('#comprensori_id').change(function() {
        var comprensorio_id = $(this).val();
        $.ajax({
            type: "GET",
            url: "",
            data: {comprensorio_id:  comprensorio_id, comune_id: $('#searchedStruttura').val()},
            success: function(data, msg){
                $('#strutture-search-container').show();
                $('#comuni_id').empty();
                $('#comuni_id').append(data);
            }
        });
    });

    if ($('#searchedStruttura').length > 0) {
        $('#comprensori_id').trigger('change');
    }


    // Pagina struttura (frontend)
    $('div.struttura-desc').hide();
    $('div#product-photos').hide();
    $('a#link-desc1').css({color: '#336799', fontWeight: 'bold' });

    $('a#link-desc1').click(function(event) {
        var first_product_image_link = $('#photos').children('a').eq(0);
        var this_thumbline_src_attr = first_product_image_link.children().attr('src');
        var src_array = new Array();
        src_array = this_thumbline_src_attr.split('/');
        src_array.splice(4,1);
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        $('div#main-photo').children('img').show();
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        event.preventDefault();
        $('div#desc2').hide();
        $('div#desc3').hide();
        $('div#desc1').show();
        $('div#photos-services').show();
        $('div#google_map').show();
        $('div#product-photos').hide();
        $('a#link-desc2').css({color: '#000000',fontWeight: 'normal' });
        $('a#link-desc3').css({color: '#000000',fontWeight: 'normal' });
        $(this).css({color: '#336799', fontWeight: 'bold' });
    });

    $('a#link-desc2').click(function(event) {
        var first_product_image_link = $('#product-photos').children('a').eq(0);
        var this_thumbline_src_attr = first_product_image_link.children().attr('src');
        var src_array = new Array();
        src_array = this_thumbline_src_attr.split('/');
        src_array.splice(5,1);
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        $('div#main-photo').children('img').show();
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        event.preventDefault();
        $('div#desc1').hide();
        $('div#desc3').hide();
        $('div#photos-services').hide();
        $('div#google_map').hide();
        $('div#desc2').show();
        $('div#product-photos').show();
        $('a#link-desc1').css({color: '#000000',fontWeight: 'normal' });
        $('a#link-desc3').css({color: '#000000',fontWeight: 'normal' });
        $(this).css({color: '#336799', fontWeight: 'bold' });
    });

    $('a#link-desc3').click(function(event) {
        event.preventDefault();
        $('div#desc1').hide();
        $('div#desc2').hide();
        $('div#desc3').show();
        $('a#link-desc2').css({color: '#000000',fontWeight: 'normal' });
        $('a#link-desc1').css({color: '#000000',fontWeight: 'normal' });
        $(this).css({color: '#336799', fontWeight: 'bold' });
    });

    // foto struttura (principali e prodotti)

    $('a.photos').click(function(event) {
        event.preventDefault();
        var this_thumbline_src_attr = $(this).children().attr('src');
        var this_thumbline_title_attr = $(this).children().attr('title');
        var src_array = new Array();
        src_array = this_thumbline_src_attr.split('/');
        src_array.splice(4,1); 
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        $('div#main-photo').children('img').show();
        $('div#main-photo').children('p').html(this_thumbline_title_attr);
    });

    $('a.product-photos').click(function(event) {
        event.preventDefault();
        var this_thumbline_src_attr = $(this).children().attr('src');
        var this_thumbline_title_attr = $(this).children().attr('title');
        var src_array = new Array();
        src_array = this_thumbline_src_attr.split('/');
        src_array.splice(5,1);
        $('div#main-photo').children('img').attr('src', src_array.join('/'));
        $('div#main-photo').children('img').show();
        $('div#main-photo').children('p').html(this_thumbline_title_attr);

    });


    // pagina galleria fotografica marche
   
    $('div#gallery-search td p').hide();
    $('div#gallery-search td h2').css('cursor', 'pointer');
    $('div#gallery-search td h2').toggle(function() {
        $('div#gallery-search td p').hide('slow');
        $(this).parent().children().show('slow');
    }, function () {
        $('div#gallery-search td p').hide('slow');
    });

    if (typeof comprensorio_id_per_fotogallery != 'undefined') {
       $('div#gallery-search td h2#c' + comprensorio_id_per_fotogallery).parent().children().show();
    }

    // calendario nel layout

    if ($('body').hasClass('it')) {
      $('#homeCalendar').datepicker($.datepicker.regional['it'] = {
		closeText: 'Chiudi',
		prevText: '&#x3c;Prec',
		nextText: 'Succ&#x3e;',
		currentText: 'Oggi',
		monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',
		'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'],
		monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu',
		'Lug','Ago','Set','Ott','Nov','Dic'],
		dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'],
		dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'],
		dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'],
		dateFormat: 'dd/mm/yy', firstDay: 1,
		isRTL: false});
    } else if ($('body').hasClass('en')) {
      $('#homeCalendar').datepicker();
    }  else if ($('body').hasClass('d')) {
      $('#homeCalendar').datepicker($.datepicker.regional['de'] = {
		closeText: 'schließen',
		prevText: '&#x3c;zurück',
		nextText: 'Vor&#x3e;',
		currentText: 'heute',
		monthNames: ['Januar','Februar','März','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'],
		monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
		'Jul','Aug','Sep','Okt','Nov','Dez'],
		dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
		dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		dateFormat: 'dd.mm.yy', firstDay: 1,
		isRTL: false});
    }  else if ($('body').hasClass('fr')) {
      $('#homeCalendar').datepicker($.datepicker.regional['fr'] = {
		closeText: 'Fermer',
		prevText: '&#x3c;Préc',
		nextText: 'Suiv&#x3e;',
		currentText: 'Courant',
		monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
		'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
		monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
		'Jul','Aoû','Sep','Oct','Nov','Déc'],
		dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
		dateFormat: 'dd/mm/yy', firstDay: 1,
		isRTL: false});
    }  else if ($('body').hasClass('es')) {
      $('#homeCalendar').datepicker($.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '&#x3c;Ant',
		nextText: 'Sig&#x3e;',
		currentText: 'Hoy',
		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
		'Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
		dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
		dateFormat: 'dd/mm/yy', firstDay: 0,
		isRTL: false});
    }

    // orologio nel layout
    
    jQuery('#clock').epiclock({format: 'd/m/Y, g:i:s a'}).clocks(EC_RUN);

    // setta il float a right per la cartina in flash quando javascript è abilitato
    if ($('object#cartina-marche').length) {
        $('div#cartina, div#cartina-marche').css({
            'float': 'right'
        });
    }
                
         
});