// --------------------------------------------------- //
 // Box - Mouseover 
    $(document).ready(function(){
		(function ($) {
        $.fn.cross = function (box) {
            return this.each(function (i) { 
                var $$ = $(box+' .fade');
                
                var target = $$.css('backgroundImage').replace(/^url|[\(\)'"]/g, '');

                $$.wrap('<span class="fadespan"></span>')
                    .parent()
                    .prepend('<img>')
                    .find(':first-child')
                    .attr('src', target);
                if ($.browser.msie || $.browser.mozilla) {
                    $$.css({
                        'position' : 'absolute', 
						'left' : 0,
                        'background' : ''
                    });
                } else if ($.browser.opera && $.browser.version < 9.5) {
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : '',
                        'top' : "0"
                    });
                } else { // Safari
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : ''
                    });
                }
                $(box).hover(function () {
                    $(box+' img.fade').stop().animate({
                        opacity: 0
                    }, 1000);
                }, function () {
                    $(box+' img.fade').stop().animate({
                        opacity: 1
                    }, 1000);
                });
            });
        };
        
    })(jQuery);
	});

	$(window).bind('load', function () {
        $('#box1').cross('#box1');
    });

	$(window).bind('load', function () {
        $('#box2').cross('#box2');
    });

	$(window).bind('load', function () {
        $('#box3').cross('#box3');
    });

	
	
// --------------------------------------------------- //		
// ------------------Saarlandkarte------------------ //		
// --------------------------------------------------- //		
	
    var distance = -20;
    var time = 100;

    // tracker
    var beingShown = false;
    var shown = false;
	
// --------------------------------------------------- //	
// Pin Landkreis Merzig
$(function () {
  $('#map').each(function () {
    var trigger = $('#mzg', this);
	var trigger2 = $('#mzg008', this);
	var trigger3 = $('#mzg005', this);
	var trigger4 = $('#mzg022', this);
    var popup = $('.Pin', this).css('opacity', 0);
	var killer = $('.killer', this);

    $([trigger.get(0), trigger2.get(0), trigger3.get(0), trigger4.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -115,
		  left: -44,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});

// --------------------------------------------------- //	
// Pin Landkreis Saarlouis
$(function () {
  $('#map').each(function () {

	var trigger = $('#sls', this);
	var trigger2 = $('#sls033', this);
	var trigger3 = $('#sls026', this);
	var trigger4 = $('#sls021', this);
	var trigger5 = $('#sls015', this);
	var trigger6 = $('#sls014', this);
    var popup = $('.PinA', this).css('opacity', 0);
	var killer = $('.killerA', this);

    $([trigger.get(0), trigger2.get(0), trigger3.get(0), trigger4.get(0), trigger5.get(0), trigger6.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -85,
		  left: -30,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});

// --------------------------------------------------- //	
// Pin Saarbrücken
$(function () {
  $('#map').each(function () {

	var trigger = $('#sb', this);
	var trigger2 = $('#sb039', this);
	var trigger3 = $('#sb038', this);
	var trigger4 = $('#sb036', this);
	var trigger5 = $('#sb034', this);
	var trigger6 = $('#sb029', this);
	var trigger7 = $('#sb028', this);
    var popup = $('.PinB', this).css('opacity', 0);
	var killer = $('.killerB', this);


    $([trigger.get(0), trigger2.get(0), trigger3.get(0), trigger4.get(0), trigger5.get(0), trigger6.get(0), trigger7.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -70,
		  left: 0,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});


// --------------------------------------------------- //	
// Pin Saarpfalz
$(function () {
  $('#map').each(function () {

	var trigger = $('#spk', this);
	var trigger2 = $('#spk032', this);
	var trigger3 = $('#spk031', this);
    var popup = $('.PinC', this).css('opacity', 0);
	var killer = $('.killerC', this);

    $([trigger.get(0), trigger2.get(0), trigger3.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -60,
		  left: 45,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});

// --------------------------------------------------- //	
// Pin Landkreis Neunkirchen
$(function () {
  $('#map').each(function () {

	var trigger = $('#nk', this);
	var trigger2 = $('#nk030', this);
	var trigger3 = $('#nk019', this);
	var trigger4 = $('#nk018', this);
    var popup = $('.PinD', this).css('opacity', 0);
	var killer = $('.killerD', this);

    $([trigger.get(0), trigger2.get(0), trigger3.get(0), trigger4.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -90,
		  left: 30,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});

// --------------------------------------------------- //	
// Pin Landkreis St.Wendel
$(function () {
  $('#map').each(function () {
	var trigger = $('#wnd', this);
	var trigger2 = $('#wnd016', this);
	var trigger3 = $('#wnd012', this);
	var trigger4 = $('#wnd010', this);
	var trigger5 = $('#wnd008', this);
    var popup = $('.PinE', this).css('opacity', 0);
	var killer = $('.killerE', this);

    $([trigger.get(0), trigger2.get(0), trigger3.get(0), trigger4.get(0), trigger5.get(0), popup.get(0)]).mousedown(function () {
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;
		
		popup.css({
		  top: -125,
		  left: 30,
		  'z-index': 1000,
		  display: 'block'
		})

		.animate({
		  top: '-=' + distance + 'px',
		  opacity: 1
		}, time, 'swing', function() {
		  beingShown = false;
		  shown = true;
		});
      }
    });
	killer.mousedown(function () {
        popup.animate({
          top:'-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css({
			display: 'none',
			'z-index': 300
			});
        });
    });
  });
});