$(document).ready( function(){
	ekranW = $(window).width();
	ekranH = $(window).height();

	ok2H = (ekranH - 48) / 2;
	$('#ok_2').css({'top': ok2H + 'px', 'left': 50 + 'px', 'width' : ekranW - 100 + 'px'});

	ok3H = ((ekranH - 12) / 2) - 290;
	$('#ok_3').css({'top': ok3H + 'px', 'left': 50 + 'px', 'width' : ekranW - 100 + 'px'});

	gH = (ekranH - 200) / 2;
	nW = (ekranW - 1063) / 2;
	$('#net').css({'top': gH + 'px', 'left':  nW + 'px'});

	gW = (ekranW - 1063) / 2 + 423;
	$('#girisim').css({'top': gH + 'px', 'left':  gW+45 + 'px'});
	$('#girisim').animate({'opacity' : 1}, 1500);

	okH = (ekranH - 48) / 2;
	okW = (ekranW - 1063) / 2 + 743;
	$('#ok_1').css({'top': okH + 'px', 'left': okW + 'px'});
	$('#ok_1').animate({'width' : 641 + 'px', 'left': gW }, 1000);
	setTimeout(
	function(){
		$('#ok_1').animate({'width' : (ekranW - 10) / 2 +20 + 'px' }, 500);
		$('#basla').html("BAŞLA");
		slink();
	}, 2000);

	$('#ekran_1').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': '0', 'top': '0'});
	$('#ekran_2').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': ekranW + 'px', 'top': '0'});
	$('#ekran_3').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': '0' + 'px', 'top': ekranH + 'px'});
	$('#ekran_4').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': -ekranW, 'top': '0' + 'px'});
});


$(window).resize(function() {
	ekranW = $(window).width();
	ekranH = $(window).height();

	gH = (ekranH - 200) / 2;
	nW = (ekranW - 1063) / 2;
	$('#net').css({'top': gH + 'px', 'left':  nW + 'px'});

	gW = (ekranW - 1063) / 2 + 423;
	$('#girisim').css({'top': gH + 'px', 'left':  gW+45 + 'px'});
	$('#girisim').animate({'opacity' : 1}, 1500);

	okH = (ekranH - 48) / 2;
	okW = (ekranW - 1063) / 2 + 743;
	$('#ok_1').css({'top': okH + 'px', 'left': okW + 'px'});
	$('#ok_1').animate({'width' : 641 + 'px', 'left': gW }, 1000);
	setTimeout(
	function(){
		$('#ok_1').animate({'width' : (ekranW - 10) / 2 +20 + 'px' }, 500);
		$('#basla').html("BAŞLA");
	}, 2000);

	$('#ekran_1').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': '0', 'top': '0'});
	$('#ekran_2').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': ekranW + 'px', 'top': '0'});
	$('#ekran_3').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': '0' + 'px', 'top': ekranH + 'px'});
	$('#ekran_4').css({'height': ekranH + 'px', 'width': ekranW + 'px', 'left': -ekranW, 'top': '0' + 'px'});
});

function Ekran1(ekran, yeniekran){
	ekranW = $(window).width();
	$(ekran).animate({ left : ekranW }, 1000)
	$(yeniekran).animate({ left : 0 }, 1000)
	slink();
}

function Ekran2(ekran, yeniekran){
	ekranW = $(window).width();
	$(ekran).animate({ left : -ekranW }, 1000)
	$(yeniekran).animate({ left : 0 }, 1000)
	
	setTimeout(
	function(){
		$('#geri').html("GERİ");
		$('#ileri').html("İLERİ");
		slink();
	}, 2000);
	
	
}


function Ekran3(ekran, yeniekran){
	ekranH = $(window).height();
	$(ekran).animate({ top : -ekranH }, 1000)
	$(yeniekran).animate({ top : 0 }, 1000)
	
	setTimeout(
	function(){
		$('#geri2').html("GERİ");
		slink();
	}, 2000);

}

function Ekran2_2(ekran, yeniekran){
	ekranH = $(window).height();
	$(ekran).animate({ top : ekranH }, 1000)
	$(yeniekran).animate({ top : 0 }, 1000)
	
	setTimeout(
	function(){
		$('#geri').html("GERİ");
		$('#ileri').html("İLERİ");
		slink();
	}, 2000);
}

function slink(){
	setTimeout(
	function(){
		$('.slink').toggleClass("yan");
		slink();
	}, 500);
}