$(document).ready(function() {
  var ready = false;
  $("#viewport").mapbox({mousewheel: true, layerSplit:1});
  
  $(".map-control a").click(function() {//control panel 
    var viewport = $("#viewport");  
    if(this.className == "zoom" || this.className == "back") { 
      viewport.mapbox(this.className, 1);//step twice 
    } else { 
      viewport.mapbox(this.className); 
    } 
    return false; 
  });  
  
  $('div#alpha span.bau').each(function (){
    $(this).mousedown(function(event){
      var event = (event)? event : window.event;
      var posx = 0;
      var posy = 0;
      if (event.pageX || event.pageY) {
        posx = event.pageX;
        posy = event.pageY;
      } else if (event.clientX || event.clientY) {
        posx = event.clientX + document.body.scrollLeft;
        posy = event.clientY + document.body.scrollTop;
      }
      var meno = $(this).attr("title");
      $.modal.defaults.position = Array(33 + '%', 33 + '%');      
      $.modal("<iframe id='baustein' src='showstone.php?aid=" + meno + "' width='99%' height='515px' style='border:none;'><p>Your browser does not support popups</p></iframe>");
    });
  });
  
  $('div.alphabet a').each(function(){
    $(this).mousedown(function(){
       var what = $(this).attr('href');
       $('div#alpha div').hide();
       $('div'+what).show();
    });
  });  
  $('a#tab1').mousedown(function(){
    //$('.tabs_menu a.current').removeClass('current');
    //$('a#tab1').addClass('current');
    $('div#tab1_content').show();
    $('div#tab1_content div#alpha div').show();
    $('div#tab2_content').hide();
    $('div#tab3_content').hide();
    $('div#tab4_content').hide();
    $('div#tab5_content').hide();
  });   
  
  $('a#tab2').mousedown(function(){
    //$('.tabs_menu a.current').removeClass('current');
    //$('a#tab2').addClass('current');
    $('div#tab2_content').show();
    $('div#tab2_content div#alpha div').show();
    $('div#tab1_content').hide();
    $('div#tab3_content').hide();
    $('div#tab4_content').hide();
    $('div#tab5_content').hide();
  });   
  
  $('a#tab3').mousedown(function(){
    //$('.tabs_menu a.current').removeClass('current');
    //$('a#tab3').addClass('current');
    $('div#tab3_content').show();
    $('div#tab3_content div#alpha div').show();
    $('div#tab2_content').hide();
    $('div#tab1_content').hide();
    $('div#tab4_content').hide();
    $('div#tab5_content').hide();
  });   
  
  $('a#tab4').mousedown(function(){
    //$('.tabs_menu a.current').removeClass('current');
    //$('a#tab4').addClass('current');
    $('div#tab4_content').show();
    $('div#tab4_content div#alpha div').show();
    $('div#tab2_content').hide();
    $('div#tab3_content').hide();
    $('div#tab1_content').hide();
    $('div#tab5_content').hide();
  });
  
  $('a#tab5').mousedown(function(){
    //$('.tabs_menu a.current').removeClass('current');
    //$('a#tab5').addClass('current');
    $('div#tab5_content').show();
    $('div#tab5_content div#alpha div').show();
    $('div#tab2_content').hide();
    $('div#tab3_content').hide();
    $('div#tab1_content').hide();
    $('div#tab4_content').hide();
  });      
  
  $('div#tab2_content, div#tab3_content, div#tab4_content, div#tab5_content').hide();
  //$('a#tab1').addClass('current');
  
  window.onload = function () {
                
            var Xs = new Array(970,1826,2434);
            var Ys = new Array(355,669,898);
            
            for(var i=0;i<3;i++){
            
            (function iterate(cislo,x,y){
            
              var R = Raphael("map_vector"+ cislo, x, y);
              var zoomlevel = 1;
              var zoom = new Array("0.797","1.5","2");
              
              var attr = {
                  fill: "#333",
                  stroke: "#666",
                  "stroke-width": 1,
                  "stroke-linejoin": "round",
                  "fill-opacity":0,
                  "opacity":0
              };
              
              var meer = {};       
              
              var current = null;
              var cnt = 0;
              
                            
              for(var index in polygons){ /////////vytvor objekty
                meer[index] = R.path(polygons[index]);
              }
              
                                            
              for(var index in meer){   ////nastyluj objekty
                (function (st,index){
                     st.cnt = index;
                     st.attr('stroke-width',0);
                     st.attr('stroke','#bbb');
                     st.attr('fill-opacity',0.45);
                     if(avail[index]=='1'){
                        st.color = "#00ff00";              
                     }else{
                        st.color = "#ff0000";
                     }
                     
                     st.attr('fill',st.color);
                     st[0].style.cursor = "pointer";
             
                     st.mousedown(function (event){ 
                        var event = (event)? event : window.event;
                        var posx = 0;
                        var posy = 0;
                        if (event.pageX || event.pageY) {
                          posx = event.pageX;
                          posy = event.pageY;
                        } else if (event.clientX || event.clientY) {
                          posx = event.clientX + document.body.scrollLeft;
                          posy = event.clientY + document.body.scrollTop;
                        }
                        $('#mouse_pos').css({'display':'none'});
                        /*
                        if(document.body.offsetWidth-event.pageX<640){
                          $.modal.defaults.position = Array(10 + '%', document.body.offsetWidth-640 + 'px');
                        }else{
                          $.modal.defaults.position = Array(10 + '%', posx-120 + 'px');
                        } */ 
                        $.modal.defaults.position = Array(10 + '%', 30 + '%');                                             
                        $.modal.defaults.autoPosition = true;     
                        $.modal("<iframe id='baustein' src='showstone.php?aid=" + st.cnt + "' width='99%' height='515px' style='border:none;z-index:2;'><p>Your browser does not support popups</p></iframe>");
                     });
                     
                     if(avail[index]=='1'){
                        st.color = "#00ff00";              
                     }else{
                        st.color = "#ff0000";
                     }
                     
                     st.mouseout(function (event){
                      this.animate({'fill-opacity':0.45,'fill': st.color, 'stroke': "#bbb"}, 500);
                      st.toFront(); 
                      R.safari();
                      current = null;
                     });
                     
                     st.mousemove(function (event){
                        var event = (event)? event : window.event;
                        var posx = 0;
                        var posy = 0;
                        if (event.pageX || event.pageY) {
                          posx = event.pageX;
                          posy = event.pageY;
                        } else if (event.clientX || event.clientY) {
                          posx = event.clientX + document.body.scrollLeft;
                          posy = event.clientY + document.body.scrollTop;
                        }
                       $('#mouse_pos').html(idnum[st.cnt]);
                       $('#mouse_pos').css({'left': posx , 'top' : posy-30});
                       $('#mouse_pos').fadeIn("fast");
                     });
                     
                     st.mouseover(function (event){
                      if(current!=null && current!=index){
                        //meer[current].mouseout();
                        meer[current].animate({'fill-opacity':0.45,'fill': meer[current].color, 'stroke': "#bbb"}, 500);
                        meer[current].toFront(); 
                        R.safari();
                        current = null;
                      }
                      st.animate({'fill-opacity':1, fill: st.color, stroke: "#ccc"}, 500);
                      st.toFront();
                      R.safari();
                      current = index;
                     });
                     
                     st.mouseover();
                     st.mouseout();    
                     
                    })(meer[index],index);     ///end of function      
              }  ///end of method assignment
              
              meer.rr = R.rect(0,0,1217,446);
              meer.rr.mouseover(function (event){
                $('#mouse_pos').css({'display':'none'});
                if(current!=null){
                  meer[current].mouseout();
                  meer[current].animate({'fill-opacity':0.45,'fill': meer[current].color, 'stroke': "#bbb"}, 500);
                  meer[current].toFront(); 
                  R.safari();
                  current = null;
                }
              });       
              meer.rr.attr(attr);
              meer.rr.toBack();  
                                               
              R.setZoom(zoom[cislo]);
                                    
            }(i,Xs[i],Ys[i]));
            };          
};  ///window.onLoad            
  ready = true;
}); /// document.ready