/* Author: 

*/


$(document).ready(function() {
	
	$(window).resize(function() {
		$("#splash_logo").center('window');
	});
	
	$("#splash_logo").center('window');
	
	function initialize_map() {
		
	    var latlng = new google.maps.LatLng(40.725372,-73.993971);
		var myStyles = [
	    {
	      stylers: [
	        { saturation: -100 },
	      	{ gamma: 0.7 }
	      ]
	    }
	  ];
	    var myOptions = {
	      zoom: 16,
	      center: latlng,
		  disableDefaultUI: true,
	      mapTypeId: google.maps.MapTypeId.ROADMAP
	    };

	    var map = new google.maps.Map(document.getElementById("map"),
	        myOptions);

		map.setOptions({styles: myStyles});

		var image = 'img/map-marker.png';
	    var myLatLng = new google.maps.LatLng(40.725372,-73.993971);
	    var beachMarker = new google.maps.Marker({
	        position: myLatLng,
	        map: map,
	        icon: image
	    });

	}
	
	var panel_imgs = $("#.panel img");
	
	panel_imgs.mouseover(function() {
		$(this).stop().fadeTo('fast', 1);
	});
	
	panel_imgs.mouseout(function() {
		$(this).stop().fadeTo('fast', .7);
	});
	
	//initialize_map();
	
	function processSlide(id) {
		
		if(id == 'contact') {
			initialize_map();
		}
		if(id == 'duneroaddigital') {
			var delay = 1000;
			$(".fader").fadeIn(600, function() {
				$(".slide_list").each(function(index) {
					$(this).delay(delay * index).animate({
						left: index * 340 + 40
					}, delay* .75);
				});
			});
		}
		if(id == 'services') {
			var delay = 600;
			$("#services .fade_list li").each(function(index) {
				$(this).delay(index * delay).fadeIn();
			});
		}
	
	}
	
	function processId(id) {	
		$(".nav li a").removeClass('selected');
		$("#link_"+id).addClass('selected');
	
		if(!$("#"+id).hasClass('current')) {
			$(".current").stop().fadeTo(500, 0, function() {
				$('.fade_list li, .fader').hide();
				$(".slide_list").css('left', 800);
				$(".slide_list:eq(1)").css('left', 1140);
				$(this).removeClass('current');
				$("#"+id).fadeTo(500, 1, function() {
					processSlide(id);
				});
			});
			if(!$(".content").hasClass('current')) {
				$("#"+id).fadeTo(500, 1, function() {
					processSlide(id);
				});
			
			}
			$("#"+id).addClass('current');		
		}
	}
	
	// initialize the application
	var app = $.sammy(function() {
		
		this.get('#/:id', function() {
	    	var id = this.params['id'];
			processId(id);
	    });
	
		this.get('', function() {
			processId('about');
		});
	});

	$(function() {
		app.run();
		
		$('.content').css('opacity', 0);
	});

	$(document).oneTime(1500, function() {
		$("#splash_logo").fadeIn('slow', function() {
			$("#initial_fade").delay(2000).fadeOut('slow');
		});
	})
	
	
	/* Clients Animation */
	var gallery_object = $("#panel");
	var max_width = 655;
	$("#leftscroller").hover(function() {
		var duration = (-gallery_object.position().left - 5)*4;
		gallery_object.animate({'left':0}, duration, 'linear');
	}, function() {
		gallery_object.stop();
	});

	$("#rightscroller").hover(function() {
		var duration = (max_width + gallery_object.position().left)*4;
		gallery_object.animate({'left':-max_width}, duration, 'linear');

	}, function() {
		gallery_object.stop();
	});
	
	function getRandomInt (min, max) {
	    return Math.floor(Math.random() * (max - min + 1)) + min;
	}
	
	var win = $(window),
		cntr = $("#container"),
		about_s = $("#about_splatters");
	
	var i=0,
		cntr_height = 700;
	
	
	function splatter() {
		var newSplat = $("<img class='splat no_selection' />");
		newSplat.attr('src', 'img/splatter/'+getRandomInt(0, 40)+'.png');
		
		var type = getRandomInt(0, 1);
		
		if(type == 0) {
			var xMax = (win.width() - cntr.width())/2;
			var yMax = win.height();

			var x = getRandomInt(0, xMax) + 250;
			var y = getRandomInt(0, yMax);
			
			
			newSplat.css({
				left:-x,
				bottom:-y
			});
		}
		else {
			var xMax = win.width();
			var yMax = win.height() - cntr_height;

			var x = getRandomInt(0, xMax);
			var y = getRandomInt(0, yMax);
			
			
			newSplat.css({
				left:x -100,
				top:y + 660
			});
			
		}
		cntr.append(newSplat);
	}
	
	function about_splatter() {
		var newSplat = $("<img class='splat no_selection' />");
		newSplat.attr('src', 'img/splatter/'+getRandomInt(0, 40)+'.png');
				
		var xMax = 300;
		var yMax = 150;
		
		var x = getRandomInt(0, xMax);
		var y = getRandomInt(0, yMax);
		
		newSplat.css({
			left:x,
			top:y
		});
		
		about_s.append(newSplat);
	}
	
	$(document).click(function() {
		splatter();
		splatter();
	});
	
	
	for(var k = 0; k < 6; k++) {
		splatter();
	}
	for(var j = 0; j < 20; j++) {
		about_splatter();
	}
	
	
});