var galeriSayfa = '';
iletisimmesajkontrol = function(){
	if($('.iletisimform').length){
		$('.iletisimform form').submit(function(event){
			event.preventDefault();
			var frm =  $('.iletisimform form'),hata='';
			$('.iletisimform form input,.iletisimform form textarea, .iletisimform form select').each(function(index){
				var attr = $(this).attr('required');
				if($(this).attr('id')=='email'){
					if($(this).val().indexOf('@')<1)hata += '<li>Invalid email address entered</li>';
				}
				if (typeof attr !== typeof undefined && attr !== false) 
					if($(this).val().length<4) hata += '<li>' + ($(this).parent().prev().html()) + ' must have at least 4 characters.</li>';
				
				
			});
			if(hata){
				showerror('hata:'+hata);
				return false;
			}else{
			// form gönderilecek.
				$.post('php/mail-gonder.php',frm.serialize(),function(data){
					if(data.substring(0,5)==='hata:'){
						showerror(data);
					}else{
						$('#myModal').modal('hide');
						$('#myModal #modalHeader').html('Successful.');
						$('#myModal #kisiGoruntule').html('Your message has been sent.');
						frm[0].reset();
						$('#myModal').modal('show');
					}
				}).fail(function(err){alert(err.toSource());failsend(err);});
			}
		});
	}
}

failsend = function(err){
	$('#errModal').modal('hide');
	$('#errModal #errModalHeader').html('Something went wrong!');
	$('#errModal #errModalText').html(err.responseText);
	$('#errModal').modal('show');
};
showkayitmodal = function(modalN){
	$(modalN).modal('show');
	$(modalN).one('hidden.bs.modal',function(){
		$(modalN + ' .modal-body>div>*').remove();
	});
};

showerror = function(data){
	
	if ($('#errModal').hasClass('in')) {
		$('#errModal .modal-footer button').click();
	}else{
		$('#errModal').modal('hide');
		//if($('.modal-backdrop').length)if(!$('.modal-backdrop').html().trim())$('.modal-backdrop').remove();
		$('#errModal #errModalHeader').html('Error Message');
		$('#errModal #errModalText').html(data.substring(5));
		$('#errModal').modal('show');
		//alert(2);
	}
};

$.fn.parallax = function(options) {
 
	var windowHeight = $(window).height();
	//Establish default settings
	var settings = $.extend({
		speed        : 0.15
	}, options);
	// Iterate over each object in collection
	return this.each( function() {
		// Save a reference to the element
		var $this = $(this);
		//Set up Scroll Handler
		$(document).scroll(function(){
			var scrollTop = $(window).scrollTop();
			var offset = $this.offset().top;
			var height = $this.outerHeight();
			// Check if above or below viewport
			if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
				return;
			}
			var yBgPosition = Math.round((offset - scrollTop) * settings.speed);
			// Apply the Y Background Position to Set the Parallax Effect
			$this.css('background-position', 'center ' + yBgPosition + 'px');
		});
	});
}
kartlaraEfekt = function(){

	$('.kartcontainer').each(function(sira){
		var $mainButton = $(this).find('.main-button'),
			$closeButton = $(this).find(".close-button"),
			$buttonWrapper = $(this).find(".button-wrapper"),
			$ripple = $(this).find(".ripple"),
			$layer = $(this).find(".layered-content");
		$mainButton.on("click", function(){
			$ripple.addClass("rippling");
			$buttonWrapper.addClass("clicked").delay(1500).queue(function(){$layer.addClass("active");$(this).dequeue();});
		});
		$closeButton.on("click", function(){
			
			$layer.removeClass("active");
			setTimeout(function(){
				$buttonWrapper.removeClass("clicked");
				$ripple.removeClass("rippling");
				
			},500);
		});
	});
	$(".kartcontainer .content>.pr").customScrollbar({hScroll: false});
}

var hi = [];
var hiD = [];

$(document).ready(function(){
	//if($('.carousel').length){		$('.carousel').carousel({		  interval: 2000		})	}
	if($(window).width()>750)
	if($('.sticky').length){
		$('.sticky').each(function(i,o){
			if($(this).attr('cont-margintop')){
				$(this).sticky({topSpacing:$(this).attr('cont-margintop'),zIndex: '1030',mHeight:100});
			}else
				$(this).sticky({topSpacing:0,zIndex: '1030',mHeight:100});
		});
	}
	iletisimmesajkontrol();
	
	$(window).scroll(function() {
		$('svg').each(function(index){
			var top_of_element = $(this).offset().top;
			var bottom_of_element = $(this).offset().top + $(this).outerHeight();
			var bottom_of_screen = $(window).scrollTop() + $(window).height();
			var top_of_screen = $(window).scrollTop();
			if((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){
				//The element is visible, do something
				if($(this).hasClass('hi-there')){
				
				}else
					$(this).addClass('onview');
			}else {
				// The element is not visible, do something else
				$(this).removeClass('onview');
    		}
		});
	});
	
	
	if($('svg.hi-there').length || $('video').length){
		$.getScript('vendors/isInViewport/lib/isInViewport.min.js',function(){
			if($('svg.hi-there').length){
				$.getScript('vendors/vivus/vivus.js',function(data, textStatus, jqxhr ) {
					$.getScript('vendors/vivus/pathformer.js',function(data, textStatus, jqxhr ) {
						var renkler = ['#16a085','#2980b9','#8e44ad','#2c3e50'];
						$('svg.hi-there').each(function(index){
							//alert(index + '  x');
							hi[index] = new Vivus(this, {type: 'oneByOne', duration: 120, start: 'manual', dashGap: 20, forceRender: false},
								function () {
									if (window.console) {
										//console.log('Animation finished. [log triggered from callback]');
									}
								});
							$(this).on('click',function(evt){
								hi[index].reset().play();
							});
							hiD[index] = false;
							$(this).find('path').css('stroke',renkler[index%renkler.length]);
							//alert(hi[index].toSource());
						});
					}).fail(function(err){failsend(err);});
				}).fail(function(err){failsend(err);});
			} 
			if($('video').length){
				$('video').each(function(index){
					$(this)[0].pause();
					
				});
			}
			$(window).scroll(function() {
		        if($('video').length)
		        $('video').each(function(){
		            if ($(this).is(":in-viewport( 400 )")) {
		                $(this)[0].play();
		            } else {
		                $(this)[0].pause();
		            }
		        });
		        if($('svg.hi-there').length)
		        $('svg.hi-there').each(function(index){
		        	if ($(this).is(":in-viewport( 400 )")) {
		                if(!hiD[index]){
		                	hi[index].reset().play();
		                	hiD[index] = true;
		                }
		            }//else hiD[index] = false;
		        });
		    });
		});
	}
		if (typeof aktifSayfa === 'undefined') {
	  // your code here
	  gecisefektleri();
	}
		if($('.kartcontainer').length){
		
		kartlaraEfekt();
	}
	
});

var livePatern = {
  canvas: null,
  context: null,
  cols: 0,
  rows: 0,
  colors: [253, 251, 249, 232, 241, 250],
  triangleColors: [],
  destColors: [],
  
  init: function(){
    this.canvas = document.getElementById('canvas');
    this.context = this.canvas.getContext('2d');
    this.cols = Math.floor(document.body.clientWidth / 24);
    this.rows = Math.floor(document.body.clientHeight / 24) + 1;
    
    this.canvas.width = document.body.clientWidth;
    this.canvas.height = document.body.clientHeight;
    
    this.drawBackground();
    this.animate();
  },
  
  drawTriangle: function(x, y, color, inverted){
    inverted = inverted == undefined ? false : inverted;

    this.context.beginPath();
    this.context.moveTo(x, y);
    this.context.lineTo(inverted ? x - 22 : x + 22, y + 11);
    this.context.lineTo(x, y + 22);
    this.context.fillStyle = "rgb("+(inverted ? color : color*.95)+","+(inverted ? color : color*.97)+","+color*1.05+")";
    this.context.fill();
    this.context.closePath();
  },
  
  getColor: function(){    
    return this.colors[(Math.floor(Math.random() * 6))];
  },
  
  drawBackground: function(){
    var eq = null;
    var x = this.cols;
    var destY = 0;
    var color, y;
    
    while(x--){
      eq = x % 2;
      y = this.rows;

      while(y--){
        destY = Math.round((y-0.5) * 24);

        this.drawTriangle(x * 24 + 2, eq == 1 ? destY : y * 24, this.getColor());
        this.drawTriangle(x * 24, eq == 1 ? destY  : y * 24, this.getColor(), true);
      }
    }
  },
  
  animate: function(){
    var me = this;

    var x = Math.floor(Math.random() * this.cols);
    var y = Math.floor(Math.random() * this.rows);
    var eq = x % 2;

    if (eq == 1) {
      me.drawTriangle(x * 24, Math.round((y-0.5) * 24) , this.getColor(), true);
    } else {
      me.drawTriangle(x * 24 + 2, y * 24, this.getColor());
    }

    setTimeout(function(){    
      me.animate.call(me);
    }, 10);
  },
};

//!function(){livePatern.init();}()

/*

var particles = [];

// The amount of particles to render
var particleCount = 30;

// The maximum velocity in each direction
var maxVelocity = 2;

// The target frames per second (how often do we want to update / redraw the scene)
var targetFPS = 33;

// Set the dimensions of the canvas as variables so they can be used.
var canvasWidth = 400;
var canvasHeight = 400;

// Create an image object (only need one instance)
var imageObj = new Image();

// Once the image has been downloaded then set the image on all of the particles
imageObj.onload = function() {
    particles.forEach(function(particle) {
            particle.setImage(imageObj);
    });
};

// Once the callback is arranged then set the source of the image
imageObj.src = "img/Smoke10.png";

// A function to create a particle object.
function Particle(context) {

    // Set the initial x and y positions
    this.x = 0;
    this.y = 0;

    // Set the initial velocity
    this.xVelocity = 0;
    this.yVelocity = 0;

    // Set the radius
    this.radius = 5;

    // Store the context which will be used to draw the particle
    this.context = context;

    // The function to draw the particle on the canvas.
    this.draw = function() {
        
        // If an image is set draw it
        if(this.image){
            this.context.drawImage(this.image, this.x-128, this.y-128);         
            // If the image is being rendered do not draw the circle so break out of the draw function                
            return;
        }
        // Draw the circle as before, with the addition of using the position and the radius from this object.
        this.context.beginPath();
        this.context.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
        this.context.fillStyle = "rgba(0, 255, 255, 1)";
        this.context.fill();
        this.context.closePath();
    };

    // Update the particle.
    this.update = function() {
        // Update the position of the particle with the addition of the velocity.
        this.x += this.xVelocity;
        this.y += this.yVelocity;

        // Check if has crossed the right edge
        if (this.x >= canvasWidth) {
            this.xVelocity = -this.xVelocity;
            this.x = canvasWidth;
        }
        // Check if has crossed the left edge
        else if (this.x <= 0) {
            this.xVelocity = -this.xVelocity;
            this.x = 0;
        }

        // Check if has crossed the bottom edge
        if (this.y >= canvasHeight) {
            this.yVelocity = -this.yVelocity;
            this.y = canvasHeight;
        }
        
        // Check if has crossed the top edge
        else if (this.y <= 0) {
            this.yVelocity = -this.yVelocity;
            this.y = 0;
        }
    };

    // A function to set the position of the particle.
    this.setPosition = function(x, y) {
        this.x = x;
        this.y = y;
    };

    // Function to set the velocity.
    this.setVelocity = function(x, y) {
        this.xVelocity = x;
        this.yVelocity = y;
    };
    
    this.setImage = function(image){
        this.image = image;
    }
}

// A function to generate a random number between 2 values
function generateRandom(min, max){
    return Math.random() * (max - min) + min;
}

// The canvas context if it is defined.
var context;

// Initialise the scene and set the context if possible
function init() {
    var canvas = document.getElementById('canvas');
    if (canvas.getContext) {

        // Set the context variable so it can be re-used
        context = canvas.getContext('2d');

        // Create the particles and set their initial positions and velocities
        for(var i=0; i < particleCount; ++i){
            var particle = new Particle(context);
            
            // Set the position to be inside the canvas bounds
            particle.setPosition(generateRandom(0, canvasWidth), generateRandom(0, canvasHeight));
            
            // Set the initial velocity to be either random and either negative or positive
            particle.setVelocity(generateRandom(-maxVelocity, maxVelocity), generateRandom(-maxVelocity, maxVelocity));
            particles.push(particle);            
        }
    }
    else {
        alert("Please use a modern browser");
    }
}

// The function to draw the scene
function draw() {
    // Clear the drawing surface and fill it with a black background
    context.fillStyle = "rgba(255, 255, 255, 0.5)";
    context.fillRect(0, 0, 400, 400);

    // Go through all of the particles and draw them.
    particles.forEach(function(particle) {
        particle.draw();
    });
}

// Update the scene
function update() {
    particles.forEach(function(particle) {
        particle.update();
    });
}

// Initialize the scene
init();

// If the context is set then we can draw the scene (if not then the browser does not support canvas)
if (context) {
    setInterval(function() {
        // Update the scene befoe drawing
        update();

        // Draw the scene
        draw();
    }, 1000 / targetFPS);
}*/










/* ____________________________________________ FADE IN FADE OUT ON PAGE ENTER EXIT _____________________________________________________________*/

gecisefektleri = function(){
	var ef = [
		'fade-out-right'
		,'fade-out-left'
		,'rotate-out-sm'
		,'fade-out-down-sm'
		,'fade-out-up-sm'
		,'fade-out-down-sm'
		,'flip-out-x-fr'
		,'zoom-out-sm'
	];
	var n = ef[(Math.floor(Math.random() *ef.length))];
	
	$('main').attr('data-animsition-out-class',n).attr('data-animsition-in-class',n.replace('-out-','-in-'));
	$('a').each(function(index){
		if(this.hasAttribute('href'))
		if($(this).attr('href').substring(0,4)!=='http' && !($(this).attr('href').search('script:')>0) && !($(this).attr('href').search('#')>=0)){
			$(this).addClass('animsition-link');
		}
	});
	
	$(".animsition").animsition({
    inDuration: 1000,
    outDuration: 800,
    linkElement: '.animsition-link',
    // e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])'
    loading: true,
    loadingParentElement: 'body', //animsition wrapper element
    loadingClass: 'animsition-loading',
    loadingInner: '', // e.g '<img src="loading.svg" />'
    timeout: true,
    timeoutCountdown: 1000,
    onLoadEvent: true,
    browser: [ 'animation-duration', '-webkit-animation-duration'],
    // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
    // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
    overlay : false,
    overlayClass : 'animsition-overlay-slide',
    overlayParentElement : 'body',
    transition: function(url){ window.location.href = url; }
  });
}
/* ____________________________________________ FADE IN FADE OUT ON PAGE ENTER EXIT _____________________________________________________________*/



$(document).ready(function(){

    $('a>img').each(function(index){
        var dat = $(this).closest('a')[0];
        if(dat.hasAttribute('href')){
            var extension = $(dat).attr('href').substr(($(dat).attr('href').lastIndexOf('.') + 1));
            var durum= false;
            switch (extension) {
                case 'jpg':
                case 'png':
                case 'gif':
                    $(dat).attr("data-lightbox","Adok Gallery");//lightBox();
                break;
            }
        }
    });

})