$(window).ready(function()
	{
		var ua = $.browser;

		if ( ua.msie && ua.version.slice(0,1) < 8 )
		{
			window.location.replace('/ie7');

		}
		// initialize 
		
			// remove all links from the cases + add transitions
			if($('.Work #cases'))
			{
				$('.Work #cases li a').attr('href', '#case');
			}
			
			if($('.contact #email'))
			{
				$('.Contact #email a').attr('href','mailto: hi@jordyhoutman.com');
				$('.Contact #email a').html('hi@jordyhoutman.com');
			}
			
			
			if($('a.showAllClients'))
			{
				$('a.showAllClients').attr('href', 'javascript: void(0);')				
				$('a.showAllClients').click(function(){				
					$('.otherClients li:not(.favorite)').toggle('slow');
					$('a.showAllClients span.all').toggle(0);
					$('a.showAllClients span.hide').toggle(0);
				});
			}
			
			// filter if javascript external page filter is detected
			var urlHash = window.location.hash;
			if(urlHash != '')
			{
				var urlHash = urlHash.substr(1,urlHash.length)
				var urlHash = urlHash.split('/');
				if(urlHash[0]=='filter')
				{
					$('#cases li').delay(50).fadeOut('#fast');				
					$('#cases li.'+urlHash[1]).delay(200).fadeIn();
					$('DIV.Menu ul ul li a').removeClass('selected');
					$('DIV.Menu ul ul li a[name="'+urlHash[1]+'"]').addClass('selected');
					if(urlHash[1]=='all')
					{
						$('#cases li').fadeIn();
					}				
				}
			}


					

		// zoom into the cases
		$('#cases a').click(function()
		{
			var case_ = $(this).find('.contents').text();
			var url = '/json.php?case='+case_;			
			
			// load data
			$.getJSON(url, function(data) 
			{
				$('#caseText').html('');				
				$.each(data.portfolioItems.portfolioItem, function(key, val) 
				{
					if(key=='title')
					{
						$('#caseContent h1').html(val);
					}
					
					if(key=='intro')
					{
						$('#caseText').append('<p><em>'+val+'</em></p>');
					}
					
					if(key=='left')
					{
						$('#caseText').append('<p>'+val+'</p>');
					}

					if(key=='right')
					{
						$('#caseText').append('<p>'+val+'</p>');
					}
					
					if(key=='images')
					{
						// empty images && image navigator
						$('#caseContent #caseCarrousel ul').html('');
						$('#caseContent #carrouselNav').html('');
						var i = 0;
						var selected = '';
						$.each(val, function(key2, val2) {
							selected = '';
							if(i==0){	selected = 'class="selected"';}
							$('#caseContent #caseCarrousel ul').append('<li><img src="'+val2+'" alt="" /></li>');							
							$('#caseContent #carrouselNav').append('<a href="javascript: void(0);" '+selected+'>&nbsp;</a>');							
							i++;
						});
					}
					
 				 });				
				$('#caseHolder').delay(150).fadeIn(function(){
					// (re)initialize slideshow 
					initializeCarrousel();					
				}).animate({'height':'680px', 'margin-bottom': '24px'}, 1000)			

			});					
			
			$('#closeCase a').click(function(){			
				$('#caseHolder').delay(150).animate({'height':'0px', 'margin-bottom': '0px'}, 1000).fadeOut();
			});				
		});
		
		// switch to bigger font (headmenu)
		$('DIV.Menu ul li a:not(DIV.Menu ul ul li a, DIV.Menu ul li.Name a)').click(function(){
			$('DIV.Menu ul li a:not(DIV.Menu ul ul li a)').removeClass('selected');
			$(this).addClass('selected');
		})
		
			// submenu filterx
			if( $('DIV.Menu ul li a[href="/work/"]').attr('class') == 'selected')
			{
				$('DIV.Menu ul ul li a').attr('href','javascript: void(0)');	
			}
			else
			{
				$('DIV.Menu ul ul li a').each(function(index)
				{
					$(this).attr('href','/work/#filter/'+$(this).attr('name'));						
				});
			}
			
			$('DIV.Menu ul ul li a').click(function(){
				$('#cases li').fadeOut('fast');		
				
				var thisCategory = $(this).attr('name');
				$('#cases li.'+thisCategory).delay(500).fadeIn('slow');
				$('DIV.Menu ul ul li a').removeClass('selected');
				$(this).addClass('selected');
				if($(this).attr('name')=='all')
				{
					$('#cases li').fadeIn();
				}
			})
	});
	

	function initializeCarrousel()
	{
		
		$('#carrouselNav a').delay(500).click(function(){
				index = $(this).index();
				
				$('#carrouselNav a ').removeClass('selected');
				$(this).addClass('selected');	
				$('DIV#caseContent #caseCarrousel li').fadeOut(200);
				
				$('DIV#caseContent #caseCarrousel li').delay(250).eq(index).fadeIn();			
		})
		
		$('#caseCarrousel img').delay(500).click(function(){
			index = $(this).parent().index();
			var navTo = index+1;
			if(index==($('#caseCarrousel img').length-1))
			{
				navTo = 0;
			}
			
			$('#carrouselNav a').removeClass('selected');
			$('#carrouselNav a').eq(navTo).addClass('selected');
			$('DIV#caseContent #caseCarrousel li').fadeOut(200);				
			$('DIV#caseContent #caseCarrousel li').delay(250).eq(navTo).fadeIn();
		});
											   
	}