//menu zonas principal
var local_par;
var index;
var selected_zona;
local_par = 1;
index = 1; //quiere decir que estamos en el index

function display_submenu(zona_id,zona_name){
    if((zona_id==14)||(zona_id==15)){style="style=font-size:37;padding:8px;";}else{style=""}
        $('#navigation').animate({
            scrollTop: document.getElementById('navigation').scrollTop+1060
         }, 1000);
        $('#title_submenu').html("<div class=title_submenu "+style+">"+zona_name+"</div>");
            loadContent('content_inside','','zona-turistica-detail.php?zona_id='+zona_id+'');
        selected_zona = zona_id;
        index = 0;
  }
function display_menu(){
         $('#navigation').animate({
               scrollTop: document.getElementById('navigation').scrollTop-1060
          }, 1000);
          loadContent('content_inside','','slider.php');
          index = 1;
  }
  //end menu zonas principal

function change_image(){ //rotator de imagenes en el index
    if(index ==1){//si esta en el index que ejecute esta funcion
      var anim;
      if(index==1){
           anim = local_par*1710;
           $('#slider').animate({
               scrollLeft: document.getElementById('slider').scrollLeft+270
            }, 18000, function() {
                $("#slider").animate({scrollLeft:anim}, 1000);
            });
            local_par = local_par+1;
            local_par = local_par%8;
       }
     }
}




function loadContent(divcontent,data,url) { // this function use jquery plugin.
                           $('#loading').show();
			   $("#"+divcontent+"").load(url,data,function(){
			   $('#loading').hide();
			});
		      }

function show_div(div){

     $("#"+div+"").animate({height: "show", width: "show"}, 1000, "easeOutQuad");


}

function show_div_opaco(){

     $("#div_opaco").animate({height: "show", width: "show"}, 500, "linear");


}

function hide_div(div){

    $("#"+div+"").animate({height: "hide", width: "hide"}, 500, "easeOutQuad");;

}

function show_destino(destino_id){

    $("#encuesta").empty();
    loadContent('encuesta','','ciudad_detail.php?destino_id='+destino_id+'');

    show_div('encuesta');

}


function show_evento(evento_id){

    $("#encuesta").empty();
    loadContent('encuesta','','evento_detail.php?evento_id='+evento_id+'');

    show_div('encuesta');

}
function show_modal(destino,div){

    loadContent('div_modal','','evento_detail.php');
    show_div('div_modal');

}

function sendform(form,target,div_content,redirect){

var dataString = $(form).serialize();

//alert(dataString);

 $.ajax({
        type: "POST",
        url: target,
        data: dataString,
        success: function(data) {
         //alert("Data Loaded: " + data);
         if(data==1){
             if(div_content==''){
             alert(redirect);
             top.location=redirect;

             }
             else{

                 loadContent(''+div_content+'','',''+redirect+'');

             }

         }

         }
   });

}


//viewtable destinos y eventos
 var actual_page;
 actual_page = 0;
 function next_page(desplazamiento,columns){
            if(actual_page <= columns){

                $("#contenedor_tabla").animate({
                    scrollLeft: document.getElementById('contenedor_tabla').scrollLeft+desplazamiento
                  }, 300,function(){
                          actual_page = actual_page+1;
                 });
            }
         }

  function prev_page(desplazamiento){
                if(actual_page !=0){

                    $("#contenedor_tabla").animate({
                         opacity:0.1,
                         scrollLeft: document.getElementById('contenedor_tabla').scrollLeft-desplazamiento,
                         opacity:1
                     }, 300,function(){
                                    actual_page = actual_page-1;
                            });
                 }
        }
// end viewtable destinos y eventos