// JavaScript Document

$(document).ready(function() { 
		
		$('input.name').clearType();
		$('input.email').clearType();
		$('input.tel').clearType();
		$('textarea.message').clearType();
		
		var numberOfSlides = $('#gallery ul.imgs li').length;
		var slidewidth = 140;
		var viewPort = 900;
		var sliderWidth = numberOfSlides*slidewidth;
		var lastItemMargin = $('#gallery ul.imgs li:last').css('margin-right');
		lastItemMargin = parseInt(lastItemMargin);
		
		$('#gallery ul.imgs li img').each(function(){
			var thisImgHeight = 0;
			thisImgHeight = $(this).height();
			var liHeight = $('#gallery ul.imgs li').height();
			var liHeightMinusImg = liHeight-thisImgHeight;
			var halfLiHeightMinusImg = liHeightMinusImg/2
			$(this).css('marginTop',halfLiHeightMinusImg);
		});
		
		var lessThanViewPort = sliderWidth-viewPort-lastItemMargin;
		
		$('#gallery ul.imgs').css('width',sliderWidth);
		
		var flag;
	/*			
		if (!$('#gallery ul.imgs').is(':animated')) {
			setInterval(function() { moveSlider(slidewidth, sliderWidth, lessThanViewPort) } ,3000);
		}
	*/	
		
		$('#gallery a.right').click(function(){
					
				var leftVal = $('#gallery ul.imgs').css('margin-left');
					leftVal = parseInt(leftVal);
					leftVal = (leftVal*-1); 
					
				if (!$('#gallery ul.imgs').is(':animated')) {
					if (leftVal<lessThanViewPort){
						$('#gallery ul.imgs').animate({
								'marginLeft': '-='+slidewidth							  
						},500)
					}
				}
				
		 });
		$('#gallery a.left').click(function(){
					
				var leftVal = $('#gallery ul.imgs').css('margin-left');
					leftVal = parseInt(leftVal);
					leftVal = (leftVal*-1); 
					
				if (!$('#gallery ul.imgs').is(':animated')) {
					if (leftVal>0){
						$('#gallery ul.imgs').animate({
								'marginLeft': '+='+slidewidth							  
						},500)
					}
				}
				
		 });
	

		/////////////////////////////////////////////////////////////////////
		
		var topNumberOfSlides = $('#slider ul.slides li').length;
		var topSlidewidth = 1010;
		var topViewPort = 1010;
		var topSliderWidth = topNumberOfSlides*topSlidewidth;
		var topLessThanViewPort = topSliderWidth-topViewPort;
		
		$('#slider ul.slides').css('width',topSliderWidth);
		
		var topFlag;
	
		setInterval(function() { moveTopSlider(topSlidewidth, topLessThanViewPort) } ,10000);
	
		
		$('#slider ul.nav li').mouseover(function() {
			
				var curID = $(this).attr('id');
				
				var prevID = parseInt(curID.replace('slide_', '')) - 1;
				var onHover = topSlidewidth*prevID;
		//	if (!$('#slider ul.slides').is(':animated')) {	
				$('#slider ul.slides').stop().animate({'margin-left':(onHover*-1)},1000, 'swing');
				
				$('#slider ul.nav li').removeClass('active');
				$(this).addClass('active');
		//	}
		});
		
		
});

function moveTopSlider(topSlidewidth, topLessThanViewPort){
			
			var topLeftVal = $('#slider ul.slides').css('margin-left');
				topLeftVal = parseInt(topLeftVal);
				topLeftVal = (topLeftVal*-1); 
				
				if (topLeftVal==0){
					topFlag = 1;
				}
				
				var mouse_is_inside = false;
	
				$('#slider ul.nav li').hover(function(){ 
					mouse_is_inside=true; 
				},function(){ 
					mouse_is_inside=false; 
				});
		
			if (!$('#slider ul.slides').is(':animated')) {			
	
				if (topLeftVal<topLessThanViewPort && topFlag==1){
					$('#slider .overlay .slideContent.active').hide().removeClass('active').next().addClass('active').fadeIn();
			
				$('#slider ul.slides').stop().animate({
							'marginLeft': '-='+topSlidewidth							  
					},1000, 'swing');
			
				
				$('#slider ul.nav li.active').removeClass('active').next().addClass('active');
				
				}else if (topLeftVal>=0){
					$('#slider .overlay .slideContent.active').hide().removeClass('active').prev().addClass('active').fadeIn();
			
			
					$('#slider ul.slides').stop().animate({
								'marginLeft': '+='+topSlidewidth									  
					},1000, 'swing')
			
					topFlag = 0;
					$('#slider ul.nav li.active').removeClass('active').prev().addClass('active');
				}
			}
}

function moveSlider(slidewidth, sliderWidth, lessThanViewPort){
			
			var leftVal = $('#gallery ul.imgs').css('margin-left');
				leftVal = parseInt(leftVal);
				leftVal = (leftVal*-1); 
				
				if (leftVal==0){
					flag = 1;
				}
		
	
		if (!$('#gallery ul.imgs').is(':animated')) {	
				if (leftVal<lessThanViewPort && flag==1){
					$('#gallery ul.imgs').animate({
							'marginLeft': '-='+slidewidth							  
					},500)
					
				}else if (leftVal>=0){
					
					$('#gallery ul.imgs').animate({
							'marginLeft': '+='+slidewidth									  
					},500)
					flag = 0;
				}
		}
		
}


$.fn.clearType = function () {
	var thisVal = $(this).val();
	$(this).focus(function() {
		if($(this).val()==thisVal){
			$(this).val('');
		}
	});
	$(this).blur(function() {
		if($(this).val()==''){
			$(this).val(thisVal);
		}					  
	});
	
};