var overlay = '<div class="page_overlay">&nbsp;</div>';
var overlaySmall = '<div class="page_overlay_small">&nbsp;</div>';

$j.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}


$j().ready(function(){
	$j('.open_great_map_button').click(function(){
			$j("body").prepend(overlay);
			$j(".page_overlay").show();
			
			$j("body").prepend(greatMap);
			$j("#great_map").center();
			
			$j("#great_map").show();
			
			$j(window).scroll(function(){
				$j("#great_map").center();
			});
			
			$j('.jqmClose').click(function(){
				$j("#great_map").hide();
				$j(".page_overlay").remove();
				return false;
			});
			areaLink();
			return false;
		}
	);
	areaLink();
});

var areaLink = function(){



    var i = 0;
    $(".jqModal").mouseover(function(e){
        var url_name = $j(this).attr('alt');       
        $j("#zoom").show();
       
        var coords = $j('#' + this.id).attr('coords').split(',');
        var x =  coords[0]-0;
        var y =  coords[1]-0;

        $j("#zoom").css({ top: y+536, left: x+343 }).fadeIn(150);                            
        $j("#zoom").attr('alt', url_name);
    }).mouseout(function(){
    });
    

    
	$j('#zoom').click(function(){
        $j("#zoom").hide();
		var url_name = $j(this).attr('alt');
		$j.getJSON("/stores/get-store/url-name/" + url_name, function(data) {
			if(data){
				if('page_overlay' != $j(".page_overlay").attr('class')){
					$j("body").prepend(overlaySmall);
				}	
				//$j(".page_overlay_small").show();
				var store = '<div class="store" id="store_popup" style="background: #fff url(/files/uploaded/content/filialen/' + data.url_name + '.jpg) right 20px no-repeat; z-index:11000; width: 200px">';
				if(data.upload && '' != data.upload){
					store += '<div class="store_upload"><img src="/files/uploaded/stores/' + data.upload + '" alt="" /></div>';
				}
				store += '<h1>' + data.store + '</h1>' +
				'<p>Hörgeräte Akustik<br />Flemming &amp; Klingbeil<br />GmbH &amp; Co. KG<br />' +
				data.street + ' ' + data.number + '<br />' +
				data.zip + ' ' + data.city +
				'</p>' +
				'<p style="text-align: left;">Kostenlose Kunden-Hotline: <br /><strong>0800 – 3 999 777</strong></p>';/* + data.hotline + */
				if(data.other && '' != data.other){
					store += '<p>' + data.other + '</p>';
				}
				store += '<p>Filiale: <strong>' + data.telephone + '</strong></p>' +
				'<p><a href="mailto:' + data.email + '">' + data.email + '</a></p>' +
				'<p><strong>Wir haben für Sie geöffnet:</strong>';
          
                
				if(data.mo_to != data.fr_to){
					store += '<span class="label">Mo.-Do.:</span>' + data.mo_from + ' - ' + data.do_to + ' Uhr ' 
                       + '<br /><span class="label">Freitag:</span>' + data.fr_from + ' - ' + data.fr_to + ' Uhr';
				} else {
				    store += '<span class="label">Mo.-Fr.:</span>' + data.mo_from + ' - ' + data.do_to + ' Uhr ';
				}
                
                								
				if(data.fr_to != data.sa_to){
    				if(data.sa_from && data.sa_to){
    					store += '<br /><span class="label">Samstag:</span>' + data.sa_from + ' - ' + data.sa_to + ' Uhr';
    				}
                }
                
				store += '</p><a href="#" class="smallClose">Fenster schließen</a>' +
				'</div>';
				$j("body").prepend(store);

				$j('.smallClose').click(function(){
					$j(".store").hide();
					$j(".page_overlay_small").remove();
					return false;
				});
				$j("#store_popup").center();
				$j("#store_popup").show();
			}
		});
		return false;
	});
}