var key_index = 0;
	var key_total = 0;
	
	$(document).ready(function()
	{
		add_captions();
		
		var get_pid = window.location.hash.toString();
		

		if( get_pid )
		{
			var pid = get_pid.match(/portfolio\-([0-9]+)$/i);
			if( pid )
				pid = pid[1];
		}
		

		if( pid )
		{
			var pid = parseInt(pid);
			showPortfolio(pid, 1);
		}
	
	});
	
	function add_captions()
	{
		$(".portfolio_entry img").lazyload({
			placeholder: "css/placeholder.gif",
			threshold: 50
		});
		
		$(".portfolio_entry:nth-child(3n)").css("margin-right", "0px");
		
		$(".company_profile, .company_profile_last, .portfolio_entry").hover(function()
		{
			var $this = $(this);
			$this.find('.cp_caption').stop().fadeTo(500, 1).click(function(ev)
			{
				ev.preventDefault();
				var item_id = $(this).parent().attr("data-id");
				showPortfolio(item_id);
			});
		},
		function()
		{
			var $this = $(this);
			$this.find('.cp_caption').stop().fadeTo(1000, 0);
		});
	}
	
	var quote_hidden = false;
	var browsing_id = 0;
	var browsing_image_id = 0;
	var changing_image = false;
	
	function showPortfolio(id, _duration)
	{
		if( browsing_id == id )
		{
			$("body,html").stop().animate({scrollTop: 0}, 600, 'easeOutQuad');
			return false;
		}
			
		var portfolio_item = portfolio_items[id];
	
		var duration = "normal";
		
		if( _duration )
			duration = _duration;
		if( portfolio_item )
		{
			
			var si_height = $(".slider_images").height();
			var slider_images = $(".slider_images");
			slider_images.html("").stop(true, true).css({overflow: "visible"}).fadeIn(duration);
			
			
			// Get Portfolio Info

			var description = portfolio_item.description;
			var wtitle = portfolio_item.wtitle;
			var wlink = portfolio_item.wlink;
			var images = portfolio_item.images;
			
			// Fill Information of Portfolio
			$(".work_description p").html(description);
			$(".work_description h2").html(wtitle);
			$("#sub-panel .viewLink").attr('href',wlink);
			
			// Show Panel
			var project_panel = $(".project_panel");
							
			project_panel.stop(true, true).slideDown();
			
			$(".project_panel_close").show();
			$(".viewLink").show();
			// Images Setup
			if( images.length > 0 )
			{				
				// Add Images
				var plugin_url = "";
				
				for(var i=0; i<images.length; i++)
				{
					var image_id = images[i].id;
					var image_url = plugin_url+images[i].image_path;
					
					var image = $('<img rel="'+image_id+'" class="portfolio_image" src="'+image_url+'" />');
					var image_load = new Image();
					
					image_load.src = image_url;
					image_load.index_id = i;
					image_load.image_id = image_id;
					image_load.onload = function()
					{
						var image_width = this.width;
						var image_height = this.height;
						
						var _image = $(".portfolio_image[rel="+this.image_id+"]");
						
						_image.click(function()
						{
							portfolioNextImage();
						});
						
						_image.attr("width", image_width);
						_image.attr("height", image_height);
						
						if( this.index_id == 0 )
						{
							var project_panel = $(".project_panel");
							var pp_height = project_panel.stop(true, true).css("height", "auto").height();
							
							_image.show();
							
							var original_height = project_panel.height();
							_image.hide();
							
							project_panel.animate({height: "+="+(original_height-pp_height) }, function()
							{
								_image.fadeIn(300);
								project_panel.height("auto");
							});
						}
					}
					
					image.hide();
					slider_images.append(image);
				}
					
				
				// Navigation of Images - Slider Images Nav
				var slider_images_nav = $('<ul class="slider_images_nav"></ul>');
				
				for(var i=0; i<images.length; i++)
				{							
					var image_id = images[i].id;
					var si_nav_el = $('<li><a href="#" rel="'+image_id+'">');
					var si_nav_el_a = si_nav_el.find('a');
					
					si_nav_el_a.click(function(ev)
					{
						ev.preventDefault();
						var image_id = $(this).attr("rel");
						
						if( browsing_image_id == image_id )
							return false;
						
						if( changing_image )
							return false;
						
						browsing_image_id = image_id;
						changing_image = true;
						
						slider_images.height( slider_images.height() );

						$(".portfolio_image:visible").fadeOut(300, function()
						{
							var image_to_show = $(".portfolio_image[rel="+image_id+"]");
							var image_to_show_height = image_to_show.height(); 
							
							image_to_show.fadeIn(300);
														
							slider_images.animate({height: image_to_show_height}, function()
							{
								slider_images.css("height", "auto");
								changing_image = false;
							});
						});
						
						$(".slider_images_nav li a").removeClass('active');
						$(this).addClass('active');
					});
					
					slider_images_nav.append(si_nav_el);
					
					if( i == 0 )
					{
						si_nav_el_a.addClass('active');
					}
				}
				
				slider_images.append(slider_images_nav);
				
				// Previous and Next Buttons
				if( images.length > 1 )
				{
					var slider_images_prevnext_nav = $('<ul class="slider_images_prevnext_nav"></ul>');
					
					var prev_image = $('<li class="prev"><a href="#">');
					var next_image = $('<li class="next"><a href="#">');
					
					
					prev_image.click(function(ev)
					{
						ev.preventDefault();
						portfolioPrevImage();
					});
					
					next_image.click(function(ev)
					{
						ev.preventDefault();
						portfolioNextImage();
					});
					
					slider_images_prevnext_nav.append(prev_image);
					slider_images_prevnext_nav.append(next_image);
					
					slider_images.prepend(slider_images_prevnext_nav);
					
					// Add FadeIn FadeOut Effect
					var slider_images_prevnext_nav = $(".slider_images_prevnext_nav");
					slider_images_prevnext_nav.fadeTo(0, 0);
					
					$(".project_panel").hover(
					function()
					{
						slider_images_prevnext_nav.stop().fadeTo(500, 1);
					},
					function()
					{
						slider_images_prevnext_nav.stop().fadeTo(500, 0);
					});
				}
			}
			else
			{
				$(".slider_images").hide();
			}
			
			$('.ppnxtclk').attr('name',id);
			$('.ppprvclk').attr('name',id);
			
			window.location.href = "#portfolio-" + id;
			browsing_id = id;
			var p = $("#ctop-panel");
			var position = p.position();
			p1=position.top;
			$("body,html").stop().animate({scrollTop: p1}, 600, 'easeOutQuad');
		}
	}
	
	function portfolioPrevImage()
	{
		var active_item = $(".slider_images_nav li a.active");
		
		if( active_item.parent().prev().length )
		{
			active_item.parent().prev().find('a').trigger('click');
		}
		else
		{
			$(".slider_images_nav li:last-child a").trigger('click');
		}
	}
	
	function portfolioNextImage()
	{
		var active_item = $(".slider_images_nav li a.active");
		
		if( active_item.parent().next().length )
		{
			active_item.parent().next().find('a').trigger('click');
		}
		else
		{
			$(".slider_images_nav li:first-child a").trigger('click');
		}
	}
	
	$(document).ready(function()
	{
		$(window).keydown(function(ev)
		{
			if( browsing_id > 0 || browsing_image_id > 0 )
			{
				if( ev.keyCode == 39 ) // Next
				{
					portfolioNextImage();
				}
				else
				if( ev.keyCode == 37 ) // Prev
				{
					portfolioPrevImage();
				}
			}
		});
	});