$( function()
{
	var config =
	{
		stars: 'images/stars-2.png',
		rating_callback: null,
		tooltips: '#social li, ul.social li, .hire-me, .hire-me-2, .ads, #portfolio li',
		tooltips2: 'ul.images li',
		slide: 500,
		boxshadow_fix: '.news,.popular,.articles-nav,.tabs .content,.featured.news,.ads li > a,.ad a,.comments dt span,.comments li > div,div > .comment form,.news > li > img,.further-reading,.section-tail,.tooltip span'
	};

	var mouse =
	{
		x: 0,
		y: 0
	};

	$(document).mousemove( function(event)
	{
		mouse.x = event.pageX;
		mouse.y = event.pageY;

	});

	$('#social,#aside div.tabs,div.rating,div.featured,.hire-me,.hire-me2').addClass('js');

	var version = $.browser.version.split('.');

	if ($.browser.msie || ($.browser.mozilla && version[0] < 2 && version[1] <= 8) || $.browser.opera)
	{
		$(config.boxshadow_fix).addClass('alt-border');
	}

	// TOOLTIPS BEGIN

	$(config.tooltips).hover( function(event)
	{
		$tooltip = $(this).children('div').eq(0);
		$tooltip.show();
	}, function()
	{
		$tooltip = $(this).children('div').eq(0);
		$tooltip.hide();
	});

	$(config.tooltips).mousemove( function(event)
	{
		$this = $(this);
		$tooltip = $(this).children('div');

		$tooltip.css
		({
			'top': event.pageY - $this.offset().top + 15,
			'right': $this.offset().left - event.pageX + $this.width() - 10
		});
	});

	$(config.tooltips2).hover( function(event)
	{
		index = $(this).parent('ul.images').children('li').index($(this));

		$tooltip = $(this)
			.parents('div.featured')
			.children('ul.tooltips')
			.children('li')
		.eq(index).children('div');



		$tooltip.show();
	}, function()
	{
		index = $(this).parent('ul.images').children('li').index($(this));

		$tooltip = $(this)
			.parents('div.featured')
			.children('ul.tooltips')
			.children('li')
		.eq(index).children('div');

		$tooltip.hide();
	});

	$(config.tooltips2).mousemove( function(event)
	{
		$this = $(this);
		index = $this.parent('ul.images').children('li').index($(this));
		$tooltip = $(this)
			.parents('div.featured')
			.children('ul.tooltips')
			.children('li')
		.eq(index).children('div');

		$tooltip.css
		({
			'top': event.pageY - $this.parents('div.featured').offset().top + 15,
			'left': event.pageX - $this.parents('div.featured').offset().left - $tooltip.width() + 10
		});
	});

	//TOOLTIPS END

	// SIDEBAR TABS BEGIN

	$tabs = $('div.tabs');
	$nav = $('div.tabs ul.nav li');
	$content = $('div.tabs ul.content > li');
	$map = $content.children('li.map ul').children('li');

	if ($('div.tabs ul.nav li.current').length == 0)
	{
		$nav.eq(0).addClass('current');
	}

	$nav.click( function()
	{
		$nav = $('div.tabs ul.nav li');
		var index = $nav.index($(this));

		$nav
			.removeClass('current')
			.eq(index)
		.addClass('current');

		$content
			.hide()
			.eq(index)
		.show();

		if ($content.eq(index).children('li.map ul').length > 0)
		{
			check_map($content, index);
		}

		return false;
	});

	$('li.map > ul > li > a').click( function()
	{
		$map = $('li.map ul');
		$map_category = $map.children('li');
		$map_items = $map_category.children('ul');

		var index = $map_category.index($(this).parent('li'));

		$map_category.removeClass('current');
		$(this)
			.parent('li')
		.addClass('current');

		$map_items.hide().eq(index).show();

		if ($map.height() < $map_items.eq(index).height())
		{
			$map.height($map_items.eq(index).height())
		} else
		{
			$map.height('auto');
		}

		if ($(this).parent('li').children('ul').length > 0)
		{
		  return false;
		}
	});

	function check_map(content, selected_tab)
	{
		content
			.hide()
			.eq(selected_tab)
		.show();

		$map = content.eq(selected_tab).children('li.map ul');

		if ($map.length > 0)
		{
			$map_category = $map.children('li');
			$map_items = $map_category.children('ul');

			var index = $map_category.index($map.children('li.current'));

			if (index == -1)
			{
        var index = $map_category.index($map.children('li.current-cat-parent'));

  			if (index == -1)
  			{
          var index = $map_category.index($map.children('li.current-cat'));

          if (index == -1)
          {
  				  index = 0;
          }
        }
        $map_category.eq(index).addClass('current');
			}

			$map_items
				.hide()
				.eq(index)
			.show();

			if ($map_items.eq(index).height() > $map.parent().height())
			{
				$map.parent().height($map_items.eq(index).height());
			}
		}
	}

	check_map($content, $nav.index($('div.tabs ul.nav li.current')));

	// SIDEBAR TABS END

	// BACK TO TOP LINK BEGIN

	$('p.back-to-top a').click( function()
	{
		$('html,body').animate(
		{
			'scrollTop': '0px'
		}, 300);

		return false;
	});

	// BACK TO TOP LINK END

	// FEATURED IMAGES BEGIN

	$('div.featured ul.images')
		.css('position', 'absolute')
	.wrap
	(
		$('<p />')
			.addClass('featured-wrapper')
		.css
		({
			'top': 0,
			'left': 0,
			'position': 'relative',
			'overflow': 'hidden',
			'margin': 0,
			'padding': 0,
			'width': ($('div.featured').hasClass('portfolio') ? 391 : 553),
			'height': $('div.featured ul.images').outerHeight()
		}).show()
	);

	$('div.featured > .featured-wrapper').each( function()
	{
		$featured_images = $(this).children('ul.images').children('li');
		$featured_nav = $(this).children('ul.nav');
		//$featured_images.css('position', 'absolute');

		$(this).css
		({
			'width': ($(this).parent('div.featured').hasClass('portfolio') ? 391 : 553),
			'height': $(this).children('ul.images').outerHeight()
		});

		if ($featured_images.length > 1)
		{
			if ($featured_nav.length == 0)
			{
				$(this).append
				(
					$('<ul />')
						.append
						(
							$('<li />')
								.addClass('prev')
							.append
							(
								$('<a />').attr('href', '#prev')
							)
						).append(
							$('<li />')
								.addClass('next')
							.append(
								$('<a />').attr('href', '#next')
							)
						)
					.addClass('nav')
				);
			}
		}
	});

	$('div.featured ul.nav li').live('click', function()
	{
		$featured_images = $(this).parent('ul').prev('ul.images').children('li');
		var size = $featured_images.length;

		$featured_images = $(this).parent('ul').prev('ul.images');

		var current = Math.abs($featured_images.position().left/$featured_images.parent('.featured-wrapper').outerWidth());

		if ($(this).hasClass('prev'))
		{
			current--;

			if (current < 0)
			{
				current = 0
			} else
			{
				$featured_images.animate
				({
					'left': '+=' +$featured_images.parent('.featured-wrapper').outerWidth()
				}, config.slide);
			}
		} else if ($(this).hasClass('next'))
		{
			current++;

			if (current > size-1)
			{
				current = size-1;
			} else
			{
				$featured_images.animate
				({
					'left': '-=' + $featured_images.parent('.featured-wrapper').outerWidth()
				}, config.slide);
			}
		}

		return false;
	});

	// FEATURED IMAGES END

	// RATING BEGIN

	$rating = $('div.rating');

	$rating.each( function()
	{
		$(this).children('form').after
		(
			$('<ul />').addClass('star')
		);

		$stars = $(this).children('ul.star');

		for (var i = 0; i < 5; i++)
		{
			description = (i == 0 ? ' star' : ' stars');

			$stars.append
			(
				$('<li />').append
				(
					$('<a />').append
					(
						$('<img />').attr
						({
							'src': config.stars,
							'alt': (i+1) + description,
							'title': (i+1) + description
						})
					)
				).hover( function()
				{
					var index = $('div.rating ul li').index($(this));

					$(this)
						.addClass('on')
						.prevAll('li')
					.addClass('on');

					$(this)
						.parent('ul')
						.parent('div')
					.append
					(
						$('<p />').text((index+1) + (index == 0 ? ' star' : ' stars'))
					);
				}, function()
				{
					$(this)
						.removeClass('on')
						.prevAll('li')
					.removeClass('on');

					$(this)
						.parent('ul')
						.parent('div')
						.children('p:last-child')
					.remove();
				}).click( function()
				{
					$(this)
						.removeClass('rated')
						.addClass('rated')
						.prevAll('li')
					.addClass('rated');

					$(this)
						.parent('ul')
						.parent('div')
						.children('p:last-child')
					.remove();

					var rate = 1 + $(this).prevAll('li').length;

					$form = $(this)
						.parent('ul')
					.prev('form');

					$select = $form
						.children('fieldset')
					.children('select');

					$form.submit( function()
					{

						return false;
					});
				})
			);
		}
	});

	// RATING END

	// HEADER NAV BEGIN

	$nav = $('div#header > ul#nav > li');
	$nav_current = $('div#header > ul#nav > li.current');
	$subnav = $nav.children('ul');
	$subnav.hide();

	if ($nav_current.length == 0)
	{
		var index = 0;

		$nav
			.eq(index)
			.addClass('current')
			.children('ul')
		.show();
	} else
	{
		var index = $nav.index($nav_current);

		$nav
			.eq(index)
			.children('ul')
		.show();
	}

	$nav.hover( function()
	{
		$nav = $('div#header > ul#nav > li');
		$nav_current = $('div#header > ul#nav > li.current');
		$subnav = $nav.children('ul');

		$nav
			.removeClass('current')
			.children('ul')
			.not($(this).children('ul'))
		.fadeOut();

		$(this)
			.addClass('current')
			.children('ul')
		.fadeIn();
	}, function() {});

	// HEADER NAV END

	// CREATO BOX BEGIN
	$.fn.creatobox = function(config)
	{
		$slide = $(this);

		config = $.extend
		({
			fade_in: 1500,
			fade_out: 1500,
			label: 'Hire me',
			url: '',
			wrapper: 'creato-wrapper',
			lightbox: 'lightbox',
			single: true,
			show_button: true
		}, config);

		$(this).each( function()
		{
			$(this).click( function(event)
			{
				$wrapper = $('<div />').attr('id', config.wrapper).hide();

				$wrapper.css
				({
					'background': '#000',
					'position': 'absolute',
					'left': $(window).scrollLeft(),
					'top': $(window).scrollTop(),
					'width': $(window).width(),
					'height': $(window).height(),
					'z-index': 1337,
					'opacity': 0
				});

				$wrapper.click( function(event)
				{
					$(this).fadeOut(config.fade_out, function()
					{
						$(this).remove();
					});

					$('#' + config.lightbox).fadeOut(config.fade_out, function()
					{
						$(this).remove();
					});

					event.preventDefault();

					return false;
				});

				$wrapper.appendTo('body').show().fadeTo(1000, 0.7);

				$lightbox = $('<div />').attr('id', config.lightbox);

				$lightbox.css
				({
					'z-index': 1338,
					'position': 'absolute',
					'left': $(window).scrollLeft() + $(window).width()/2 - $(this).outerWidth()/2,
					'top': $(window).scrollTop() + $(window).height()/2 - $(this).outerHeight()/2
				});

				var title = $(this).find('img').attr('alt');
				var details = $(this).children('div').children('span').children('a').attr('href');

				if ($(this).children('div').length == 0)
				{
					details = '';
				}

				var img = $(this).children('a').attr('href');
				var first_img = true;

				//$lightbox.html('<h2><a href="' + details + '">' + title + '</a></h2><ul><li><a href="' + img + '"><img src="' + img + '" alt="desc" /></a></li></ul><ul class="nav"><li class="prev"><a href="#prev">prev</a></li><li class="next"><a href="#next">next</a></li></ul><a class="more" href="' + details + '">' + config.label + '</a><a class="close" href="#close">Close</a>');

				$lightbox.append
				(
					$('<h2 />').append
					(
						$('<a />')
							.attr('href', details)
						.text(title)
					)
				).append
				(
					$('<ul />')
					.addClass('items')
				).append
				(
					$('<a />')
						.addClass('more')
						.attr('href', details)
					.text(config.label)
				).append
				(
					$('<a />')
						.addClass('close')
						.attr('href', '#close')
						.text('Close')
					.click( function(event)
					{
						$('#' + config.wrapper).fadeOut(config.fade_out, function()
						{
							$(this).remove();
						});

						$('#' + config.lightbox).fadeOut(config.fade_out, function()
						{
							$(this).remove();
						});

						event.preventDefault();

						return false;
					})
				);

				if (config.label == 'See more details')
				{
					$lightbox.find('a.more').addClass('long').text(config.label);
				}

				if (config.label == 'Hire me')
				{
					$lightbox.find('a.more').attr('href', config.url).text(config.label);
				}

				$lightbox.appendTo('body').hide().fadeIn();
				$images = $(this).parent('ul').children('li');

				if (config.single || $images.length == 1)
				{
					$lightbox.children('ul.items').append
					(
						$('<li />').append
						(
							$('<img />').load( function()
							{
								$img = $(this);

								$lightbox.css
								({
									'top': $(window).scrollTop() + $(window).height()/2 - $img.outerHeight()/2,
									'left': $(window).scrollLeft() + $(window).width()/2 - $img.outerWidth()/2
								});

								$lightbox.children('ul.items').css
								({
									'width': $img.outerWidth(),
									'height': $img.outerHeight(),
									'position': 'relative'
								});

								$(window).scroll();
							}).attr('src', img + '?' + (new Date()).getTime())
						)
					);
				} else
				{
					$images.each( function()
					{
						$img = $(this).children('img');
						img_path = $(this).children('a').attr('href');
						img_alt = $(this).children('img').attr('alt');

						$lightbox.children('ul.items').css
						({
							'position': 'relative'
						}).append
						(
							$('<li />').append
							(
								$('<img />').attr('alt', img_alt).load( function()
								{
									$this = $(this);

									if (first_img)
									{
										$img.parent('li').show();

										$lightbox.children('ul.items').css
										({
											'width': $this.outerWidth(),
											'height': $this.outerHeight()
										});

										/*$lightbox.css
										({
											'top': $(window).scrollTop() + $(window).height()/2 - $this.outerHeight()/2,
											'left': $(window).scrollLeft() + $(window).width()/2 - $this.outerWidth()/2,
										});*/

										$(window).scroll();

										first_img = false;
									} else
									{
										$(this).parent('li').hide();
									}
								}).attr('src', img_path + '?' + (new Date()).getTime())
							).css
							({
								'position': 'absolute'
							})
						);
					});

					$lightbox.children('ul.items').children('li').eq(0).show();

					$lightbox.children('ul.items').after
					(
						$('<ul />')
							.addClass('nav')
						.append
						(
							$('<li />')
								.addClass('prev')
							.append
							(
								$('<a />')
									.attr('href', '#prev')
								.click( function(event)
								{
									$item = $lightbox.children('ul.items').children('li');
									var current = $item.index($lightbox.children('ul.items').children('li:visible'));
									var prev = current-1;

									if (prev < 0)
									{
										prev = $item.length-1;
									}

									$item.eq(current).fadeOut();
									$item.eq(prev).fadeIn();
									$lightbox.children('h2').children('a').text($item.eq(next).children('img').attr('alt'));

									$item.parent('ul').animate
									({
										'width': $item.eq(prev).children('img').outerWidth(),
										'height': $item.eq(prev).children('img').outerHeight()
									});

									$lightbox.animate
									({
										'left': $(window).scrollLeft() + $(window).width()/2 - $item.eq(prev).outerWidth()/2,
										'top': $(window).scrollTop() + $(window).height()/2 - $item.eq(prev).outerHeight()/2
									});
									event.preventDefault();
									return false;
								})
							)
						).append
						(
							$('<li />')
								.addClass('next')
							.append
							(
								$('<a />')
									.attr('href', '#next')
								.click( function(event)
								{
									$item = $lightbox.children('ul.items').children('li');
									var current = $item.index($lightbox.children('ul.items').children('li:visible'));
									var next = current+1;

									if (next > $item.length-1)
									{
										next = 0;
									}

									$item.eq(current).fadeOut();
									$item.eq(next).fadeIn();
									$lightbox.children('h2').children('a').text($item.eq(next).children('img').attr('alt'));

									$item.parent('ul').animate
									({
										'width': $item.eq(next).children('img').outerWidth(),
										'height': $item.eq(next).children('img').outerHeight()
									});

									$lightbox.animate
									({
										'left': $(window).scrollLeft() + $(window).width()/2 - $item.eq(next).outerWidth()/2,
										'top': $(window).scrollTop() + $(window).height()/2 - $item.eq(next).outerHeight()/2
									});

									event.preventDefault();

									return false;
								})
							)
						)
					);
				}

				if ( ! config.show_button)
				{
					$lightbox.find('a.more').remove();
				}

				$(window).scroll( function()
				{
					$('#' + config.wrapper).css
					({
						'top': $(window).scrollTop(),
						'left': $(window).scrollLeft()
					});

					$('#' + config.lightbox).css
					({
						'top': $(window).scrollTop() + $(window).height()/2 - $('#' + config.lightbox).find('li:visible').outerHeight()/2,
						'left': $(window).scrollLeft() + $(window).width()/2 - $('#' + config.lightbox).find('li:visible').outerWidth()/2
					});
				});

				$(window).resize( function()
				{
					$('#' + config.wrapper).css
					({
						'width': $(window).width(),
						'height': $(window).height()
					});
				});

				event.preventDefault();

				return false;
			});
		});

		return this;
	};

	$('#portfolio li,div.portfolio ul.images li,div.featured ul.post li').click( function() { return false; });
	$('div.portfolio ul.images li').creatobox({ label: 'Hire me', url: 'hire-me.html', single: false });
	$('ul#portfolio li').creatobox({ label: 'See more details' });
	$('div.featured ul.post li').creatobox({ single: false, show_button: false });


	// CREATO BOX END

	// FROM VALIDATION BEGIN
	errors = 0;

	function is_valid_email(email)
	{
		return /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email);
	}

	$('#name,#message').blur( function()
	{
		$(this).removeClass('valid');

		if ($(this).val() == '')
		{
			$(this).addClass('error');
		} else
		{
			$(this).removeClass('error').addClass('valid');
		}
	});

	$('#email').blur( function()
	{
		$(this).removeClass('valid');

		if ( ! is_valid_email($(this).val()))
		{
			$(this).addClass('error');
		} else
		{
			$(this).removeClass('error').addClass('valid');
		}
	});

	$('#comment #submit').click( function()
	{
		$('#name,#message,#email').blur();

		if ($('#contact input.error').length > 0)
		{
			return false;
		}
	});

	// FROM VALIDATION END
});