$(document).ready(function(){
	
	$('#b1').addClass('on');
	
	$('.btnSet').click(function() {
		$('.btnSet').removeClass('on');
		$(this).addClass('on');
		})
		
	$('.btnSet').mouseover(function() {
		$(this).addClass('over');
		})
	$('.btnSet').mouseout(function() {
		$('.btnSet').removeClass('over');
		})
		
	$('#sos1').animate({ opacity: 0  }, 1);
	$('#sos2').animate({ opacity: 0  }, 1);
	$('#sos3').animate({ opacity: 0  }, 1);
	$('.icerikAlani').animate({ opacity: 0  }, 1);
	$('.icerikAlani2').animate({ opacity: 0  }, 1);
	
	$('#indexTutucu').height( $(window).height()-90);
	
	$('.icerikAlani').css({ left: $(document).width()/2 - $('.icerikAlani').width()/2, 
							top: $('#indexTutucu').height()/2 - $('.icerikAlani').height()/2,});
	$('.icerikAlani2').css({ left: $(document).width()/2 - $('.icerikAlani').width()/2, 
							top: $('#indexTutucu').height()/2 - $('.icerikAlani').height()/2,});
							
	$('.progress').css({ left: $(window).width()/2 - $('.progress').width()/2, 
						 top: $(window).height()/2 - $('.progress').height()/2,});
	
	//ilk yükleme yapılıyor
	$(".icerikAlani").attr("id", "newPage")
	$(".icerikAlani2").attr("id", "deadPage")
	//ilk yükleme yapılıyor
	
	$('.siparisVer').mouseover( function() {
			$('.siparisVer').animate({ marginLeft: '0px' }, { queue: false, duration: 1000 })
			});
	$('.siparisVer').mouseout( function() {
			$('.siparisVer').animate({ marginLeft: '-165px' }, { queue: false, duration: 1000 })
			});
	
	$('#b1').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('anasayfa.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);	
		}
	});

	$('#b2').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('hakkimizda.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);	
		}
	});
	
	$('#b3').click( function() {
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('menu.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: 85});
		$('#newPage').animate({ opacity: 1  }, 1000);	
		$('#indexTutucu').css('overflow','auto');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);
		}
	});
	
	$('#b4').click( function() {
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('testiKebap.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: 85});
		$('#newPage').animate({ opacity: 1  }, 1000);	
		$('#indexTutucu').css('overflow','auto');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);

		}
	});
	
	$('#b5').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('kahvalti.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);	
		}
	});
	
	$('#b6').click( function() {
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('fasil.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: 88});
		$('#newPage').animate({ opacity: 1  }, 1000);	
		$('#indexTutucu').css('overflow','auto');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);

		}
	});
	
	$('#b7').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('toplanti.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);	
		}
	});
	
	$('#b8').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('basin.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);	
		}
	});
	
	$('#b9').click( function() {
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('galeri.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: 85});
		$('#newPage').animate({ opacity: 1  }, 1000);	
		$('#indexTutucu').css('overflow','auto');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);

		}
	});
	
	$('#b10').click( function() {	
		$("#oldPage").attr("id", "deadPage"); $("#newPage").attr("id", "oldPage"); $("#deadPage").attr("id", "newPage")
		$('#newPage').load('iletisim.html', function(){ animatePage(); });
		
		function animatePage() {
		$('#oldPage').animate({ opacity: 0  }, 1000, function(){$("#oldPage").empty();} );	
		$('#newPage').css({ left: $(document).width()/2 - $('#newPage').width()/2, 
							top: $('#indexTutucu').height()/2 - $('#newPage').height()/2 + 25});
		$('#newPage').animate({ opacity: 1  }, 1000);	
		$('#indexTutucu').css('overflow','hidden');
		$('#indexTutucu').animate({ scrollTop : 0 }, 1);
		$('#newPage').animate({ scrollTop : 0 }, 1);
		}
	});


});