$(document).ready(function(){
	
	
	Cufon.replace('#menu li a.link0', {hover:true,hoverables:{a:true},fontFamily: 'InterstateBoldTR'});
	Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
	Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
	Cufon.replace('#block h2', {fontFamily: 'InterstateBoldTR'});
	
	$isler0 = ['thumb-kairos-altin.jpg', 'thumb-kairos-ay.jpg', 'thumb-kairos-cift.jpg', 'thumb-kairos-elmas.jpg', 'thumb-kairos-has.jpg', 'thumb-kairos-kahve-keyfi.jpg', 'thumb-kairos-kairos.jpg', 'thumb-kairos-kanat.jpg', 'thumb-kairos-kanatlan.jpg', 'thumb-kairos-kar.jpg', 'thumb-kairos-keyif.jpg', 'thumb-kairos-kivrim.jpg', 'thumb-kairos-kosma.jpg', 'thumb-kairos-pur-bros.jpg', 'thumb-kairos-pur-yuzuk.jpg', 'thumb-kairos-tek.jpg', 'thumb-kairos-zamansiz-bros.jpg'];
	$isler1 = ['thumb-ask-aska-dusmek.jpg', 'thumb-ask-askina.jpg', 'thumb-ask-sevgiliye.jpg', 'thumb-ask-tek-aska-dusmek.jpg', 'thumb-ask-tek-askini-ozgur-birak.jpg'];
	$isler2 = ['thumb-istanbul-martilari-galata-ikili-fincan.jpg', 'thumb-istanbul-martilari-galata-inci-kolye.jpg', 'thumb-istanbul-martilari-gumus.jpg', 'thumb-istanbul-martilari-masum.jpg', 'thumb-istanbul-martilari-sakin.jpg', 'thumb-istanbul-martilari-sessiz.jpg'];
	$isler3 = ['thumb-zevk-bahs-cinili.jpg', 'thumb-zevk-bahs-dun-bugun-yarin.jpg', 'thumb-zevk-bahs-halic-lalesi.jpg', 'thumb-zevk-bahs-kutsal-kase.jpg', 'thumb-zevk-bahs-lale.jpg', 'thumb-zevk-bahs-sekerpare.jpg', 'thumb-zevk-bahs-selvi.jpg', 'thumb-zevk-bahs-lalecay.jpg', 'thumb-zevk-bahs-lalegun.jpg', 'thumb-zevk-bahs-laleves.jpg', 'thumb-zevk-bahs-zevk.jpg'];
	$isler4 = ['thumb-keyif-ates-lale.jpg', 'thumb-keyif-beyaz-lale.jpg', 'thumb-keyif-bogazici.jpg', 'thumb-keyif-lalezar.jpg', 'thumb-keyif-turkuaz-lale.jpg'];
	$isler5 = ['thumb-arzu-kes-aphrodite.jpg', 'thumb-arzu-kes-goz-degmesi.jpg', 'thumb-arzu-kes-isimsiz.jpg', 'thumb-arzu-kes-istavroz.jpg', 'thumb-arzu-kes-kubbe.jpg', 'thumb-arzu-kes-nesve-mavi.jpg', 'thumb-arzu-kes-nesve-pembe.jpg', 'thumb-arzu-kes-nar.jpg', 'thumb-arzu-kes-nar-cicegi.jpg', 'thumb-arzu-kes-nesvebahs.jpg', 'thumb-arzu-kes-nesvet.jpg'];
	$isler6 = ['thumb-zodiac-koc.jpg', 'thumb-zodiac-boga.jpg', 'thumb-zodiac-ikizler.jpg', 'thumb-zodiac-yengec.jpg', 'thumb-zodiac-aslan.jpg', 'thumb-zodiac-basak.jpg', 'thumb-zodiac-terazi.jpg', 'thumb-zodiac-akrep.jpg', 'thumb-zodiac-yay.jpg', 'thumb-zodiac-oglak.jpg', 'thumb-zodiac-kova.jpg', 'thumb-zodiac-balik.jpg'];
	$isler7 = ['thumb-tilsim-goze-gozle.jpg', 'thumb-tilsim-nazar.jpg', 'thumb-tilsim-nazar-baz.jpg', 'thumb-tilsim-nazaran.jpg', 'thumb-tilsim-nazari.jpg'];
	$isler8 = ['thumb-lale-devri-ayna.jpg', 'thumb-lale-devri-badem.jpg', 'thumb-lale-devri-gul-dikeni.jpg', 'thumb-lale-devri-guzel-kokulu.jpg', 'thumb-lale-devri-istanbul-lalesi.jpg', 'thumb-lale-devri-parlaklik-veren.jpg', 'thumb-lale-devri-sahip-koruyan.jpg', 'thumb-lale-devri-kalp-aydinligi.jpg', 'thumb-lale-devri-nar-mizragi.jpg', 'thumb-lale-devri-nazli.jpg', 'thumb-lale-devri-zevk-veren.jpg'];
	
	
	$('#emailRegistration').focus(
		function() {  
			if (this.value == this.defaultValue){  
				this.value = '';  
			}
			if (this.value == "email adresinizi kontrol ediniz"){  
				this.value = '';
			}
			if (this.value == "email adresiniz kaydedilmiştir"){  
				this.value = '';
			}
		}
	);

	$('#emailRegistration').blur(
		function() {  
			if ($.trim(this.value) == ''){
				this.value = (this.defaultValue ? this.defaultValue : '');  
			}
		}
	);
	
	$('#nameSurname').focus(
		function() {  
			if (this.value == this.defaultValue){  
				this.value = '';  
			}
		}
	);

	$('#nameSurname').blur(
		function() {  
			if ($.trim(this.value) == ''){
				this.value = (this.defaultValue ? this.defaultValue : '');  
			}
		}
	);
	
	
	$('#emailRegistrationForm').submit(function(e){
		e.preventDefault();
		newsletter();
	});

	function newsletter(){
		$email = $('#emailRegistration').val();
		$nameSurname = $('#nameSurname').val();
		if(($email.indexOf('@') > -1) && ($email.lastIndexOf('.') > $email.indexOf('@'))){
			$('#emailRegistration').val("kaydediliyor...");
			$.post("/index.php/page/newEmail", { email: $email, nameSurname: $nameSurname },
				function(data) {
					$('#emailRegistration').val("email adresiniz kaydedilmiştir");
					if ($('#nameSurname').val() != 'name surname'){
						$('#nameSurname').val("ad soyad");
					}
				}
			);
		}
		else{
			$('#emailRegistration').val("email adresinizi kontrol ediniz");
		}
	}
		
	$counter = 0;
	setInterval(function() {
		$counter ++;
		if ($counter % 9 == 0){
			$('#isler0').children('a').children('img').attr('src', '/images/content/' + $isler0[Math.floor($counter / 9) % $isler0.length]);
		}
		if ($counter % 9 == 1){
			$('#isler1').children('a').children('img').attr('src', '/images/content/' + $isler1[Math.floor($counter / 9) % $isler1.length]);
		}
		if ($counter % 9 == 2){
			$('#isler2').children('a').children('img').attr('src', '/images/content/' + $isler2[Math.floor($counter / 9) % $isler2.length]);
		}
		if ($counter % 9 == 3){
			$('#isler3').children('a').children('img').attr('src', '/images/content/' + $isler3[Math.floor($counter / 9) % $isler3.length]);
		}
		if ($counter % 9 == 4){
			$('#isler4').children('a').children('img').attr('src', '/images/content/' + $isler4[Math.floor($counter / 9) % $isler4.length]);
		}
		if ($counter % 9 == 5){
			$('#isler5').children('a').children('img').attr('src', '/images/content/' + $isler5[Math.floor($counter / 9) % $isler5.length]);
		}
		if ($counter % 9 == 6){
			$('#isler6').children('a').children('img').attr('src', '/images/content/' + $isler6[Math.floor($counter / 9) % $isler6.length]);
		}
		if ($counter % 9 == 7){
			$('#isler7').children('a').children('img').attr('src', '/images/content/' + $isler7[Math.floor($counter / 9) % $isler7.length]);
		}
		if ($counter % 9 == 8){
			$('#isler8').children('a').children('img').attr('src', '/images/content/' + $isler8[Math.floor($counter / 9) % $isler8.length]);
		}
    }, 1000);


	$images0 = ['kairos-altin.jpg', 'kairos-ay.jpg', 'kairos-cift.jpg', 'kairos-elmas.jpg', 'kairos-has.jpg', 'kairos-kahve-keyfi.jpg', 'kairos-kairos.jpg', 'kairos-kanat.jpg', 'kairos-kanatlan.jpg', 'kairos-kar.jpg', 'kairos-keyif.jpg', 'kairos-kivrim.jpg', 'kairos-kosma.jpg', 'kairos-pur-bros.jpg', 'kairos-pur-yuzuk.jpg', 'kairos-tek.jpg', 'kairos-zamansiz-bros.jpg'];
	$images1 = ['ask-sevgiliye.jpg', 'ask-tek-aska-dusmek.jpg', 'ask-tek-askini-ozgur-birak.jpg'];
	$images2 = ['istanbul-martilari-galata-ikili-fincan.jpg', 'istanbul-martilari-galata-inci-kolye.jpg', 'istanbul-martilari-gumus.jpg', 'istanbul-martilari-masum.jpg', 'istanbul-martilari-sakin.jpg', 'istanbul-martilari-sessiz.jpg'];
	$images3 = ['zevk-bahs-cinili-1.jpg', 'zevk-bahs-dun-bugun-yarin.jpg', 'zevk-bahs-halic-lalesi-gumus.jpg', 'zevk-bahs-kutsal-kase-altin.jpg', 'zevk-bahs-lale.jpg', 'zevk-bahs-sekerpare-1.jpg', 'zevk-bahs-selvi-gumus-1.jpg', 'zevk-bahs-lalecay.jpg', 'zevk-bahs-lalegun-nikel.jpg', 'zevk-bahs-laleves.jpg', 'zevk-bahs-zevk.jpg'];
	$images4 = ['keyif-ates-lale-ikili-fincan.jpg', 'keyif-beyaz-lale.jpg', 'keyif-bogazici-ikili-fincan.jpg', 'keyif-lalezar-altin.jpg', 'keyif-turkuaz-lale-ikili-fincan.jpg'];
	$images5 = ['arzu-kes-aphrodite-pembe-kolye.jpg', 'arzu-kes-goz-degmesi.jpg', 'arzu-kes-isimsiz.jpg', 'arzu-kes-istavroz-jade-yuzuk.jpg', 'arzu-kes-kubbe-amathis-yuzuk.jpg', 'arzu-kes-nesve-mavi.jpg', 'arzu-kes-nesve-pembe.jpg', 'arzu-kes-nar.jpg', 'arzu-kes-nar-cicegi.jpg', 'arzu-kes-nesvebahs.jpg', 'arzu-kes-nesvet.jpg'];
	$images6 = ['zodiac-koc.jpg', 'zodiac-boga.jpg', 'zodiac-ikizler.jpg', 'zodiac-yengec.jpg', 'zodiac-aslan.jpg', 'zodiac-basak.jpg', 'zodiac-terazi.jpg', 'zodiac-akrep.jpg', 'zodiac-yay.jpg', 'zodiac-oglak.jpg', 'zodiac-kova.jpg', 'zodiac-balik.jpg'];
	$images7 = ['tilsim-goze-gozle-kolye.jpg', 'tilsim-nazar.jpg', 'tilsim-nazar-baz.jpg', 'tilsim-nazaran-kare-kolye.jpg', 'tilsim-nazari.jpg'];
	$images8 = ['lale-devri-ayna.jpg', 'lale-devri-badem.jpg', 'lale-devri-gul-dikeni.jpg', 'lale-devri-guzel-kokulu.jpg', 'lale-devri-istanbul-lalesi.jpg', 'lale-devri-parlaklik-veren.jpg', 'lale-devri-sahip-koruyan.jpg', 'lale-devri-kalp-aydinligi.jpg', 'lale-devri-nar-mizragi.jpg', 'lale-devri-nazli.jpg', 'lale-devri-zevk-veren.jpg'];
	
	
	function windowResized(){
		$girisThumbW = Math.floor(($(window).width() - 250 - 15) / 3);
		$('.girisAnim img').each(
			function(index){
				$(this).attr('width', $girisThumbW);
				$(this).attr('height', $girisThumbW);
				$(this).css('width', $girisThumbW + 'px');
				$(this).css('height', $girisThumbW + 'px');
			}
			
		)
		/*$('.girisAnim img').attr('width', $girisThumbW);
		$('.girisAnim img').attr('height', $girisThumbW);
		$('.girisAnim img').css('width', $girisThumbW + 'px');
		$('.girisAnim img').css('height', $girisThumbW + 'px');
*/
		$('.girisAnim').css('width', $girisThumbW + 'px');
		$('.girisAnim').css('height', $girisThumbW + 'px');
		
		
		
		$('#girisAnim0').cycle({
			fx: 'fade',
			delay: 0,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim1').cycle({
			fx: 'fade',
			delay: 500,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim2').cycle({
			fx: 'fade',
			delay: 1000,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim3').cycle({
			fx: 'fade',
			delay: 1500,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim4').cycle({
			fx: 'fade',
			delay: 2000,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim5').cycle({
			fx: 'fade',
			delay: 2500,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim6').cycle({
			fx: 'fade',
			delay: 3000,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim7').cycle({
			fx: 'fade',
			delay: 3500,
			speed: 500,
			timeout: 4000
		});
		$('#girisAnim8').cycle({
			fx: 'fade',
			delay: 4000,
			speed: 500,
			timeout: 4000
		});
	}

	$(window).resize(function() {
		windowResized();
		windowResized2();
		positionFooter();
	});
	
	
	$counterGiris = 0;
	$girisThumbW = Math.floor(($(window).width() - 250 - 15) / 3);
	for ($k = 0; $k < $images0.length; $k ++){
		$('#girisAnim0').append("<img src='/images/content/" + $images0[$k] + "'>");
	}
	for ($k = 0; $k < $images1.length; $k ++){
		$('#girisAnim1').append("<img src='/images/content/" + $images1[$k] + "'>");
	}
	for ($k = 0; $k < $images2.length; $k ++){
		$('#girisAnim2').append("<img src='/images/content/" + $images2[$k] + "'>");
	}
	for ($k = 0; $k < $images3.length; $k ++){
		$('#girisAnim3').append("<img src='/images/content/" + $images3[$k] + "'>");
	}
	for ($k = 0; $k < $images4.length; $k ++){
		$('#girisAnim4').append("<img src='/images/content/" + $images4[$k] + "'>");
	}
	for ($k = 0; $k < $images5.length; $k ++){
		$('#girisAnim5').append("<img src='/images/content/" + $images5[$k] + "'>");
	}
	for ($k = 0; $k < $images6.length; $k ++){
		$('#girisAnim6').append("<img src='/images/content/" + $images6[$k] + "'>");
	}
	for ($k = 0; $k < $images7.length; $k ++){
		$('#girisAnim7').append("<img src='/images/content/" + $images7[$k] + "'>");
	}
	for ($k = 0; $k < $images8.length; $k ++){
		$('#girisAnim8').append("<img src='/images/content/" + $images8[$k] + "'>");
	}
	
	
	$('.girisThumb a img').attr('width', $girisThumbW);
	$('.girisThumb a img').attr('height', $girisThumbW);
	
	$('.girisAnim').css('width', $girisThumbW + 'px');
	$('.girisAnim').css('height', $girisThumbW + 'px');
	
	$('#girisAnim0').cycle({
		fx: 'fade',
		delay: 0,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim1').cycle({
		fx: 'fade',
		delay: 500,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim2').cycle({
		fx: 'fade',
		delay: 1000,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim3').cycle({
		fx: 'fade',
		delay: 1500,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim4').cycle({
		fx: 'fade',
		delay: 2000,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim5').cycle({
		fx: 'fade',
		delay: 2500,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim6').cycle({
		fx: 'fade',
		delay: 3000,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim7').cycle({
		fx: 'fade',
		delay: 3500,
		speed: 500,
		timeout: 4000
	});
	$('#girisAnim8').cycle({
		fx: 'fade',
		delay: 4000,
		speed: 500,
		timeout: 4000
	});
	
	function fisherYates ( myArray ) {
	  var i = myArray.length;
	  if ( i == 0 ) return false;
	  while ( --i ) {
	     var j = Math.floor( Math.random() * ( i + 1 ) );
	     var tempi = myArray[i];
	     var tempj = myArray[j];
	     myArray[i] = tempj;
	     myArray[j] = tempi;
	   }
	}
	
	
	
	
	$islerAll = $isler0.concat($isler1, $isler2, $isler3, $isler4, $isler5, $isler6, $isler7, $isler8);
	fisherYates($islerAll);
	
	
	function windowResized2(){
		$columnCount = Math.floor(($(window).width() - 20) / 128);
		$curColumn = 0;
		
		$('.girisColumn').empty();
		for ($l = 0; $l < $islerAll.length; $l ++){
			$toAppend = "<div class='girisThumb2 thumb'";
			if ($islerAll[$l].substr(6, 6) == 'kairos'){
				$toAppend += " target='i03'><a href='/index.php/page/index/isler/kairos-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 3) == 'ask'){
				$toAppend += " target='i05'><a href='/index.php/page/index/isler/ask-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 18) == 'istanbul-martilari'){
				$toAppend += " target='i01'><a href='/index.php/page/index/isler/istanbul-martilari-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 9) == 'zevk-bahs'){
				$toAppend += " target='i07'><a href='/index.php/page/index/isler/zevk-bahs-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 5) == 'keyif'){
				$toAppend += " target='i02'><a href='/index.php/page/index/isler/keyif-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 8) == 'arzu-kes'){
				$toAppend += " target='i00'><a href='/index.php/page/index/isler/arzu-kes-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 6) == 'zodiac'){
				$toAppend += " target='i08'><a href='/index.php/page/index/isler/zodiac-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 6) == 'tilsim'){
				$toAppend += " target='i06'><a href='/index.php/page/index/isler/tilsim-koleksiyonu";
			}
			if ($islerAll[$l].substr(6, 10) == 'lale-devri'){
				$toAppend += " target='i04'><a href='/index.php/page/index/isler/lale-devri-koleksiyonu";
			}

			$toAppend += "'><img src='/images/content/" + $islerAll[$l] + "' width='112'></a></div>";
			$('#column' + $curColumn).append($toAppend);
			$curColumn = ($curColumn + 1) % $columnCount;
			
		}
		
		for ($m = 0; $m < 20; $m ++){
			if ($m < $columnCount){
				$('#column' + $m).show();
			}
			else{
				$('#column' + $m).hide();
			}
		}
	}
	
	function positionFooter(){
		$menuHeight = $('#menu').height() + $('#logo').height() + 120;
		$contentHeight = $('#content').height() + 130 + 40;
		$windowHeight = $(window).height() - 26;
		$overlayHeight = 0;
		$girisHeight = $('#giris2').height();
		if ($('#overlay #content').position()){
			$overlayHeight = $('#overlay #content #images').height() + $('#overlay #content').position().top + 100;
		}
		$('#footer').css('top', Math.max($menuHeight, $contentHeight, $windowHeight, $overlayHeight, $girisHeight));
		if ($('#footer').attr('show') == 'yes'){
			$('#footer').show();
		}
		
	}
	positionFooter();
	
	for ($l = 0; $l < 20; $l ++){
		$toAppend = "<div class='girisColumn' style='margin-top:";
		if ($l == 0){
			$toAppend += 112;
		}
		else {
			if ($l == 1){
				$toAppend += 96;
			}
			else{
				$toAppend += 16 * Math.floor(3 + Math.random() * 6);
			}
		}
		$toAppend += "px;' id='column" + $l + "'></div>";
		$('#giris2').append($toAppend);
	}
	
	windowResized2();
	
	/*
	$('#giris1').children('a').children('img').attr('src', '/images/content/' + $images1[Math.floor($counterGiris / 9) % $images1.length]);
	$('#giris2').children('a').children('img').attr('src', '/images/content/' + $images2[Math.floor($counterGiris / 9) % $images2.length]);
	$('#giris3').children('a').children('img').attr('src', '/images/content/' + $images3[Math.floor($counterGiris / 9) % $images3.length]);
	$('#giris4').children('a').children('img').attr('src', '/images/content/' + $images4[Math.floor($counterGiris / 9) % $images4.length]);
	$('#giris5').children('a').children('img').attr('src', '/images/content/' + $images5[Math.floor($counterGiris / 9) % $images5.length]);
	$('#giris6').children('a').children('img').attr('src', '/images/content/' + $images6[Math.floor($counterGiris / 9) % $images6.length]);
	$('#giris7').children('a').children('img').attr('src', '/images/content/' + $images7[Math.floor($counterGiris / 9) % $images7.length]);
	$('#giris8').children('a').children('img').attr('src', '/images/content/' + $images8[Math.floor($counterGiris / 9) % $images8.length]);
	/*
	setInterval(function() {
		$counter ++;
		if ($counter % 9 == 0){
			$('#isler0').children('a').children('img').attr('src', '/images/content/' + $isler0[Math.floor($counter / 9) % $isler0.length]);
		}
		if ($counter % 9 == 1){
			$('#isler1').children('a').children('img').attr('src', '/images/content/' + $isler1[Math.floor($counter / 9) % $isler1.length]);
		}
		if ($counter % 9 == 2){
			$('#isler2').children('a').children('img').attr('src', '/images/content/' + $isler2[Math.floor($counter / 9) % $isler2.length]);
		}
		if ($counter % 9 == 3){
			$('#isler3').children('a').children('img').attr('src', '/images/content/' + $isler3[Math.floor($counter / 9) % $isler3.length]);
		}
		if ($counter % 9 == 4){
			$('#isler4').children('a').children('img').attr('src', '/images/content/' + $isler4[Math.floor($counter / 9) % $isler4.length]);
		}
		if ($counter % 9 == 5){
			$('#isler5').children('a').children('img').attr('src', '/images/content/' + $isler5[Math.floor($counter / 9) % $isler5.length]);
		}
		if ($counter % 9 == 6){
			$('#isler6').children('a').children('img').attr('src', '/images/content/' + $isler6[Math.floor($counter / 9) % $isler6.length]);
		}
		if ($counter % 9 == 7){
			$('#isler7').children('a').children('img').attr('src', '/images/content/' + $isler7[Math.floor($counter / 9) % $isler7.length]);
		}
		if ($counter % 9 == 8){
			$('#isler8').children('a').children('img').attr('src', '/images/content/' + $isler8[Math.floor($counter / 9) % $isler8.length]);
		}
    }, 1000);
*/

	
	$('#menu a').click(
		function(e){
			if ($(this).attr('href') == '#'){
				e.preventDefault();
				if ($(this).hasClass('selected')){
					$(this).removeClass('selected');
					$(this).next().hide();
				}
				else{
					$(this).addClass('selected');
					$(this).next().show();
				}
				
			}
			
			positionFooter();
		}
	);
	
	$('.thumb').hover(
		function () {
			$menuItem = $('#' + $(this).attr('target'));
			
			//$menuItem.addClass('selected');
			//Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			//Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			$('#caption .mid').css('whiteSpace', 'nowrap');
			$('#caption .mid').html($menuItem.attr('caption'));
			
			$('#caption').show();
			$('#caption').css('top', $(this).offset().top - 48);
			$('#caption').css('left', $(this).offset().left + $(this).children('a').children('img').width() - 16);
			$('#caption').css('width', $('#caption .mid').width() + 24);
			
			if ($(this).hasClass('girisThumb')){
				$('#caption').css('top', $(this).offset().top + 20);
				$('#caption').css('left', $(this).offset().left + 20);
			}
		},
		function () {
			$menuItem = $('#' + $(this).attr('target'));
			
			//$menuItem.removeClass('selected');
			//Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			//Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			
			$('#caption').hide();
		}
	);
	
	$('#caption').hover(
		function(){
			$(this).show();
		},
		function(){
			$(this).show();
		}
	);

	
	$('#menu li a').hover(
		function () {
			
			$menuItem = $(this);
			$thumb = '';
			
			$('.thumb').each(
				function(index){
					if ($(this).attr('target') == $menuItem.attr('id')){
						$thumb = $(this);
					}
				}
			);
			
			if ($thumb != ''){
				
				$('#caption .mid').css('whiteSpace', 'nowrap');
				$('#caption .mid').html($menuItem.attr('caption'));

				$('#caption').show();
				$('#caption').css('top', $thumb.offset().top - 48);
				$('#caption').css('left', $thumb.offset().left + $thumb.children('a').children('img').width() - 16);
				$('#caption').css('width', $('#caption .mid').width() + 24);
			}
			
		},
		function () {
			$('#caption').hide();
		}
	);
	
	
	$('#menu li a').click(
		function (e) {
			if ($(this).attr('href') == '#'){
				e.preventDefault();
			}
			
			$menuItem = $(this);
			$thumb = '';
			
			$('.thumb').each(
				function(index){
					if ($(this).attr('target') == $menuItem.attr('id')){
						$thumb = $(this);
					}
				}
			);
			$('#menu .locked').removeClass('selected');
			$('#menu .locked').removeClass('locked');
			Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			if ($thumb != ''){
				$thumb.children('a').click();
			}
			
			positionFooter();
		}
	);
	
	function replaceNbsps(str) {
		var re = new RegExp(String.fromCharCode(160), "g");
		return str.replace(re, " ");
	}
	
	
	$('.work').click(
		function(e){
			e.preventDefault();
			
			$offset = $(window).scrollTop() + 150;
			if ($offset < 150){
				$offset = 150;
			}
			//if ($('#overlay #content').offset().top < ($offset + $(window).height())){
				$('#overlay #content').css('top', $offset);
				$('#overlay #interface').css('top', $offset + 4);
				$('#overlay #store').css('top', $offset + 357);
			//}
			
			$menuItem = $('#' + $(this).parent().attr('target'));
			$menuItem.addClass('locked');
			
			//$('#overlay').css('width', $(window).width() - 320);
			$('#overlay').css('left', 0);
			$('#overlay').css('width', $(window).width());
			
			$('#overlay').css('height', $(document).height());
			
			$('#overlay').show();
			
			if (($(this).parent().attr('target') == 'i2502') || ($(this).parent().attr('target') == 'i2504') || ($(this).parent().attr('target') == 'i2505') || ($(this).parent().attr('target') == 'i2506') || ($(this).parent().attr('target') == 'i2507') || ($(this).parent().attr('target') == 'i2508') || ($(this).parent().attr('target') == 'i2510') || ($(this).parent().attr('target') == 'i2606') || ($(this).parent().attr('target') == 'i2700') || ($(this).parent().attr('target') == 'i2701') || ($(this).parent().attr('target') == 'i2705') || ($(this).parent().attr('target') == 'i2706') || ($(this).parent().attr('target') == 'i2707') || ($(this).parent().attr('target') == 'i2710')){
				$('#overlay #content').css('width', '700px');
				$('#overlay #content #detail').css('width', '140px');
				//$('#overlay #interface').css('left', '756px');
				$('#overlay #interface').css('left', '1076px');
			}
			else{
				$('#overlay #content').css('width', '576px');
				$('#overlay #content #detail').css('width', '206px');
				//$('#overlay #interface').css('left', '632px');
				$('#overlay #interface').css('left', '952px');
			}
			
			
			$('#overlay #content').css('left', '420px');
			$('#overlay #store').css('left', '805px');
			
			$images = $menuItem.attr('images').split("|");
			$('#overlay #images').html("<img src='/images/content/" + $images[0] + ".jpg' id='imageToLoad'>");
			
			$('#overlay #detailText h2').html(replaceNbsps($menuItem.attr('caption')));
			$('#overlay #detailText p').html($menuItem.attr('imageDetails'));
			
			if ($menuItem.attr('store') != ''){
				$collection = $menuItem.parent().parent().parent().children('a').attr('caption');
				$item = $menuItem.attr('caption');
				$selfUrl = location.href;
				$('#overlay #store').html("<span style='float:left;'><a href='" + $menuItem.attr('store') + "' target='_blank'>ZerreDesignStore</a></span><span style='float:left; margin-left:20px;'><a href='#' id='facebook' target='_blank'><img src='/images/layout/facebook-small.png'></a></span><span style='float:left; margin-left:10px;'><a href='http://twitter.com/home?status=Özlem Tuna " + $collection +  " / " + $item +  ": " + $selfUrl + "' target='_blank'><img src='/images/layout/twitter-small.png'></a></span>");
				
				$('#overlay #store #facebook').click(function(e){
					e.preventDefault();
					FB.ui(
						{
							method: 'feed',
							name: "Özlem Tuna " + $collection +  " / " + $item,
							link: $selfUrl,
							picture: 'http://www.ozlemtuna.com/images/content/' + $images[0] + '.jpg',
							caption: $menuItem.attr('imageDetails'),
							description: '',
							message: ''
						}
					);
				});
			}
			
			$('#imageToLoad').load(function() {
				//alert($(document).height());
				//alert($(this).height() + $(this).offset().top);
			  	$('#overlay').css('height', Math.max($(document).height(), $(this).height() + $(this).offset().top + 50));
				
			});
			
			$('#overlay #smallImages').html('');
			if ($images.length > 1){
				$('#overlay #smallImages').append("<h4>Seçenekler:</h4>");
				for ($i = 0; $i < $images.length; $i ++){
					$smallThumb = "<a href='#' class='smallThumb";
					
					if ($i == 0){
						$smallThumb += " active";
					}
					
					$smallThumb += "'";
					
					if (($i % 2) == 0){
						$smallThumb += " style='margin-right:14px;'";
					}
					
					$smallThumb += "><img src='/images/content/" + $images[$i] + "-s.jpg'></a>";
					
					$('#overlay #smallImages').append($smallThumb);
				}
			}
			
			$('.smallThumb').click(
				function(e){
					e.preventDefault();
					$('#overlay #smallImages .active').removeClass('active');
					$(this).addClass('active');
					$('#overlay #images').html("<img src='" + $(this).children('img').attr('src').substr(0, $(this).children('img').attr('src').length - 6) + ".jpg'>");
					
				}
			);
			
			positionFooter();
		}
	);
	
	
	$('#overlay #interface a').hover(
		function(){
			$(this).children('img').css('marginLeft', -25);
		},
		function(){
			$(this).children('img').css('marginLeft', 0);
		}
	);
	
	$('#overlay #background').click(
		function(e){
			$('#overlay').hide();
			$('#menu .locked').removeClass('selected');
			$('#menu .locked').removeClass('locked');
			Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			positionFooter();
		}
	);
	
	$('#overlay #close').click(
		function(e){
			e.preventDefault();
			$('#overlay').hide();
			$('#menu .locked').removeClass('selected');
			$('#menu .locked').removeClass('locked');
			Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			positionFooter();
		}
	);
	
	$('#overlay #rightArrow').click(
		function(e){
			e.preventDefault();
			$next = $('#menu .locked').parent().next().children('a');
			if (!$next.attr('id')){
				$next = $('#menu .locked').parent().parent().children(":first").children('a');
			}
			$('#menu .locked').removeClass('selected');
			$('#menu .locked').removeClass('locked');
			$next.click();
			Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			positionFooter();
		}
	);
	
	$('#overlay #leftArrow').click(
		function(e){
			e.preventDefault();
			$prev = $('#menu .locked').parent().prev().children('a');
			if (!$prev.attr('id')){
				$prev = $('#menu .locked').parent().parent().children(":last").children('a');
			}
			$('#menu .locked').removeClass('selected');
			$('#menu .locked').removeClass('locked');
			$prev.click();
			Cufon.replace('#menu li a.link1', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			Cufon.replace('#menu li a.link2', {hover:true,hoverables:{a:true},fontFamily: 'InterstateRegularTR'});
			
			positionFooter();
		}
	);
	/*function windowResized(){
		$w = $(window).width() - 320;
		$h = $(window).height();
		
		$ml = Math.floor(($w - $('#block').width()) / 2);
		$mt = Math.floor(($h - $('#block').height()) / 2);
		
		if ($ml < 20){
			$ml = 20;
		}
		if ($mt < 20){
			$mt = 20;
		}
		$("#block").css("marginLeft", $ml + "px");
		$("#block").css("marginTop", $mt + "px");
	}

	$(window).resize(function() {
		windowResized();
	});

	windowResized();
*/
	$('img').load(function() {
		positionFooter();
	});

});