$(document).ready(function(){

historycallback = true;
i=0
$("#map_canvas").fadeTo(0,0);
// AJAX History

$.history.init(function(hash){
        if(hash == "") {
            // initialize your app
        } else {
			i++;
            // restore the state from hash
			if(historycallback){
				hash = hash.replace(/-/g,' ');

				ajaxhistory(hash);
				
			}
			historycallback = true;
        }
    },
    { unescape: ",/" });

// AJAX History END

// Google map

  var geocoder;
  var map;
  var infowindow = new google.maps.InfoWindow();
  var marker;
  var markersArray = [];
  
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(49.03234,8.70952);
	var mycenter = new google.maps.LatLng(49.03234,8.70952);
    var myOptions = {
      zoom: 16,
	  minZoom: 2,
	  maxZoom:18,
      center: mycenter,
      mapTypeId: 'roadmap',
	  streetViewControl: true,
	  disableDefaultUI: true,

	  navigationControl: true,
      navigationControlOptions: {
        style: google.maps.NavigationControlStyle.SMALL 
      }

	  
    }
	
	map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	var contentString = '<div>'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h1 id="firstHeading" class="firstHeading">Petra Bender</h1>'+
    '<div id="bodyContent">'+
    '<p>Am Husarenbaum 6,<br>'+
	'75015 Bretten</p>'+
	'<p>Tel.: 0172-5356442<br>'+
	'info@petra-bender.com</p>'+
    '</div>'+
    '</div>';

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

	
	var marker = new google.maps.Marker({
      position: mycenter, 
      map: map, 
      title:"Hello World!"
  }); 
  
  google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
  });
  
  infowindow.open(map,marker);
  
  }
  
// END google map

//Loading the map

  $(".gmap").click(function(event){
historycallback = false;
event.preventDefault();
$(this).addClass("act");

if(!$("#map_canvas").length){
	map_canvas.prependTo("body");
	map_cavas=null;
	initialize();
}else{
	initialize();
}
 

  
    var listener = google.maps.event.addListener(map, 'idle', function() {
	  $("#map_canvas").fadeTo(500,1);
	  $("#map_close").show(500);
	  $("#wrapper").fadeTo(500,0).delay(500).hide();
	  google.maps.event.removeListener(listener)
	  
	  });
	  });
 

  $("#map_close, .contactme").live("click", function(){
	 $(".gmap").removeClass("act");
	 $("#map_close").hide(500);
	 $("#wrapper").show().fadeTo(500,1);
	 $("#map_canvas").fadeTo(500,0);
	 map_canvas = $("#map_canvas").detach();
})
 

// END loading the map


//Transistion for old Browsers

$(".no-csstransitions #navi a").click(function(){
	$(".no-csstransitions #navi a").not(this).removeClass("act").animate({
		paddingTop: "5px"
		},1000)
	
	$(this).animate({
		paddingTop: "100px"
	},1000, function(){
		$(this).addClass("act");
	});
});


$(".csstransitions .bar .button").hover(function(){
	$(this).addClass("hover");
},function(){
	$(this).removeClass("hover");
	});


$(".no-csstransitions .bar .button").hover(function(){
	$(".no-csstransitions .bar .button").not(this).removeClass("act").animate({
		marginLeft: "-150px"
		},1000)
	
	$(this).stop().animate({
		marginLeft: "0px"
	},1000, function(){
		$(this).addClass("act");
	});
},function(){
	$(this).stop().animate({
		marginLeft: "-150px"
	},300)
	});

//END Transition for olf Browsers

delay = 0;



current="bgcontainer";
bussy = false;
showmap = false;

// Verion 1

$(".load").not(".load[rel='6']").click(function(event){
	
	$("#wrapper").show().fadeTo(500,1);
historycallback = false;
event.preventDefault();
relation = $(this).attr("rel");
newslide = "bgcontainer"+relation;

if((!bussy) && (current !=  newslide)){
bussy = true;
$(".act").removeClass("act");
$(this).addClass("act");
	
	
	offset = $(window).height();
	relation = $(this).attr("rel");
	loadpage = $(this).attr("href")+"?type=99";
	hash = $(this).text().replace(/ /g,'-');

	jQuery.history.load(hash);
	
	$("#loader").fadeIn("slow");
	

	$.get(loadpage, function(data) {

		var image = $(data).filter('.bg').text();

		var content = $(data).filter('.content').html();
		var bgmode = $(data).filter('.bgmode').text();
		$.backstretch(image, "bgcontainer"+relation);
		$("#bgcontainer"+relation).css({top: offset});
		//$("#wrapper").append('<div class="content content'+relation+'"></div>');
		//$(".content.content"+relation).css({position: "absolute", top: offset}).html(content);
		$.loadImages(image,function(){
			$(".content, #"+current).not(".content.content"+relation).css({height: offset, position: "absolute"});
			$(".content, #"+current).not(".content.content"+relation).animate({
			top:offset*(-1)
			},1000, 'easeInBack')
			
			
			$("#bgcontainer"+relation).animate({
			top:0
			},1000, 'easeInBack', function(){
				
					$("#"+current).detach();
				
					$("#loader").fadeOut("fast", function(){
						current = "bgcontainer"+relation;
						$(".content").css({top: offset});
						$(".content").attr("id",bgmode);
						$(".content").html(content).delay(delay).animate({
							top:0
							},1000, function(){
								bussy = false;
								$("#map_canvas").fadeTo(500,0)
								});
						});
				})
			
			
			
			
			
	})
	})
			
}
})








function ajaxhistory(hash){
	//current.removeClass("act");
	//click
	
	relation = $("a:contains('"+hash+"')").attr("rel");
	newslide = "bgcontainer"+relation;

if(i==1){
bussy = false;
}
if(!bussy){
bussy = true;
$(".act").removeClass("act");
$("#navi a:contains('"+hash+"')").addClass("act");
	
	
	offset = $(window).height();
	relation = $("a:contains('"+hash+"')").attr("rel");
	loadpage = $("a:contains('"+hash+"')").attr("href")+"?type=99";
	
	$("#loader").fadeIn("slow");
	

	$.get(loadpage, function(data) {
		image = $(data).filter('.bg').text();
		var content = $(data).filter('.content').html();
		var bgmode = $(data).filter('.bgmode').text();
		$.backstretch(image, "bgcontainer"+relation);
		$("#bgcontainer"+relation).css({top: offset});
		//$("#wrapper").append('<div class="content content'+relation+'"></div>');
		//$(".content.content"+relation).css({position: "absolute", top: offset}).html(content);
		$.loadImages(image,function(){
			$(".content, #"+current).not(".content.content"+relation).css({height: offset, position: "absolute"});
			$(".content, #"+current).not(".content.content"+relation).animate({
			top:offset*(-1)
			},1000, 'easeInBack')
			
			$("#bgcontainer"+relation).animate({
			top:0
			},1000, 'easeInBack', function(){
				
					$("#"+current).detach();
					//$(".content").not(".content.content"+relation).detach();
					
					$("#loader").fadeOut("fast", function(){
						current = "bgcontainer"+relation;
						$(".content").css({top: offset});
						$(".content").attr("id",bgmode);
						$(".content").html(content).delay(delay).animate({
							top:0
							},1000, function(){
								bussy = false;								
								});
						});
				})
			
			
			
			
	})
	})
			
}
}

})