$(document).ready(function() {
	
	if($.browser.msie) {
		$('#products li:first-child a').css('border-top', 'none');
		$('#products li:last-child a').css('border-bottom', 'none');
		$('#main .image-container img:first-child').css('margin-right', '20px');
		$('#main .centered img:first-child').css('margin-right', '50px');
		$('#portfolio ul li a, #gallery li a').css('opacity', '0.75');
		$('#portfolio ul li:first-child').css('background', 'url(img/li_shadow.png) no-repeat 0px 85px');
		$('#portfolio ul li:first-child a').css('margin-left', '0px');
		$('#footer-nav li:first-child a').css('border-left', 'none');
		$('#footer-nav li:last-child a').css('border-right', 'none');
	}
	
	imageFading();
		
	$('#nav li a').each(function() {
		if($(this).attr('href') == window.location) {
			$(this).addClass('active');
		}
	});
	
	$('#products li a').each(function() {
		if($(this).attr('href') == window.location) {
			$(this).addClass('active');
		}
	});
	
	$('#nav li a').hover(function() {
		if(!$(this).hasClass('active')) {
			$(this).stop().animate({ paddingTop: '0px' }, 200);
		}
	}, function() {
		if(!$(this).hasClass('active')) {
			$(this).stop().animate({ paddingTop: '7px' }, 200);
		}
	});
	
	$('#products li a').hover(function() {
		$(this).stop().animate({ paddingLeft: '40px' }, 300);
	}, function() {
		$(this).stop().animate({ paddingLeft: '25px' }, 300);
	});

	$('#slideshow').cycle();
	
	if($('#portfolio').length) {
		$('#portfolio ul li a').fancybox();	
	} else if($('#gallery').length) {
		$('#gallery ul li a').fancybox();	
	}
	
	//-------------------------------------------------------------------------------------------
	
	$('.pager').click(function() {
		
		var container = $(this).parent(),
			id = $(this).attr('id'),
			currentPage = parseInt($('#page').text().match(/^\d+/), 10),
			pages = parseInt($('#page').text().match(/\d+$/), 10),
			page = (id == 'next') ? currentPage + 1 : currentPage - 1,
			loaderHeight = $(container).find('ul').height();
		
		if(page > pages)
			page = 1;
		else if(page == 0)
			page = pages;
		
		$('.pager').hide();
		$('#page').css('visibility', 'hidden');
		
		$(container).find('ul').fadeOut(500, function() {
			$(container).find('li').remove();			
			$('#loader').height(loaderHeight).fadeIn('fast');
			
			$.ajax({
				type: 'POST',
				url: 'load_images.php',
				data: {container: $(container).attr('id'), page: page},
				dataType: 'xml',
				success: function(response) {
					if(response) {
						var baseUrl = $(response).find('images').attr('baseUrl'),
							thumbsPerPage = $(response).find('images').attr('thumbsPerPage'),
							imageCount = $(response).find('image').length;
							loadedImages = 0;
								
						$(response).find('image').each(function() {
							var	image = new Image(),
								listItem = $('<li></li>'),
								anchor = $('<a rel="group" href=""></a>')
											.attr('href', baseUrl + '/portfolio/' + $(this).text());
							
							
							$(image).load(function() {
								loadedImages += 1;
								if(loadedImages == imageCount) {
									if($.browser.msie && $.browser.version == '6.0') {
										$('#portfolio ul li a, #gallery li a').css('opacity', '0.75');
										$('#portfolio ul li:first-child').css('background', 'url(img/li_shadow.png) no-repeat 0px 85px');
										$('#portfolio ul li:first-child a').css('margin-left', '0px');
									}
									
									$('#loader').fadeOut('fast', function() {
										$(container).find('ul').fadeIn(500, function() {
											if(imageCount < thumbsPerPage) {
												$('#next').css('visibility', 'hidden');	
											}
											else if($('#next').not(':visible')) {
												$('#next').css('visibility', 'visible');	
											}
											
											$('#page').css('visibility', 'visible');
											$('.pager').show();
										});
										$('#page').text(page + ' / ' + pages);
										$(container).find('ul li a').fancybox();
										imageFading();
									});
								}
							}).attr('src', baseUrl + '/portfolio/thumb/th_' + $(this).text());
																	
							$(listItem).append($(anchor).append(image)).appendTo($(container).find('ul'));
						});
					}
				}
			});
		});
		
		return false;
	});
	
	//-------------------------------------------------------------------------------------------
	
	$('#submit').click(function() {
		$('.error').removeClass('error');
		
		var message = $('#message').val();
		if(message == '') {
			$('#message').addClass('error').fadeOut(100).fadeIn(100).focus();
			return false;
		}
		
		var name = $('#name').val();
		if(name == '') {
			$('#name').addClass('error').fadeOut(100).fadeIn(100).focus();
			return false;
		}
		
		var phone = $('#phone').val();
		if(phone == '') {
			$('#phone').addClass('error').fadeOut(100).fadeIn(100).focus();
			return false;
		}
		
		var email = $('#email').val();
		if(email == '') {
			$('#email').addClass('error').fadeOut(100).fadeIn(100).focus();
			return false;
		}
		
		var dataString = $('#quotation-form').serialize();
		
		$('#submit').hide();
		$('#form-loader').show();
		
		$.ajax({
			type: 'post',
			url: 'send_email.php',
			data: dataString,
			success: function() {
				$('#form-loader').hide();
				$('#success').fadeIn();
			}
		});
		
		return false;
	});
	
});

function imageFading() {
	if($('#portfolio').length) {
		$('#portfolio ul li a').hover(function() {
			$(this).stop().animate({ opacity: 1 });
		}, function() {
			$(this).stop().animate({ opacity: 0.75 });
		});	
	}
	else if($('#gallery').length) {
		$('#gallery ul li a').hover(function() {
			$(this).stop().animate({ opacity: 1 });
		}, function() {
			$(this).stop().animate({ opacity: 0.75 });
		});	
	}
}