Cufon.replace('h2', { fontFamily: 'Avenir'});
Cufon.replace('h4', { fontFamily: 'Avenir'});
Cufon.replace('.projectTitle', { fontFamily: 'Avenir'});
Cufon.replace('.projectSubTitle', { fontFamily: 'Avenir-Small'});
Cufon.replace('a.mapLink', { fontFamily: 'Avenir-Small', hover: true });
Cufon.replace('a.navLink', { fontFamily: 'Avenir-Small', hover: true });
Cufon.replace('#formBar', { fontFamily: 'Avenir-Small'} );
Cufon.replace('#featurenav', { fontFamily: 'Avenir-Small', hover: true });
Cufon.replace('.work_overlay', { fontFamily: 'Avenir-Small', hover: true });
for(var i = 0; i < 31; i++) {
	Cufon.replace('#ft' + i, { fontFamily: 'Avenir-Small', hover: true });
}

for(i = 0; i < 6; i++) {
	Cufon.replace('#fe' + i, { fontFamily: 'Avenir-Small', hover: true });
}

/*for(i = 0; i < 6; i++) {
	Cufon.replace('#fm' + i, { fontFamily: 'Avenir-Small', hover: true });
}*/

for(i = 0; i < 11; i++) {
	Cufon.replace('#tv' + i, { fontFamily: 'Avenir-Small', hover: true });
}

for(i = 0; i < 16; i++) {
	Cufon.replace('#br' + i, { fontFamily: 'Avenir-Small', hover: true });
}

for(i = 0; i < 7; i++) {
	Cufon.replace('#co' + i, { fontFamily: 'Avenir-Small', hover: true });
}

var ShouldAnimate = false;

var CurrentSection = 'film_titles_list';

function initMenus() {
	$('ul.menu ul').hide();
	$.each($('ul.menu'), function(){
		$('#' + this.id + '.expandfirst ul:first').show();
	});
	$('ul.menu li a').click(
		function() {
			var checkElement = $(this).next();
			var grandparent = this.parentNode.parentNode.parentNode.id;
			var parent = this.parentNode.parentNode.id;
			var group = this.parentNode.id;
			
			if($(this).hasClass('subsectionTitle')) {
				$('a.subsectionTitle').removeClass('active');
				$('#' + group + ' a.subsectionTitle').addClass('active');
				Cufon.refresh();
			} else {
				$('a.sectionTitle').removeClass('active');
				$('#' + group + ' a.sectionTitle').addClass('active');
				Cufon.refresh();
			}
			
			var FilmMenuHidden = true;
			if($('#' + group).hasClass('hasSubMenu') && !$('#' + group + ' ul').is(':visible')) {
				/*Do Film Design Menu Stuff*/
				$('#' + group + ' ul li ul').hide();
				$('#' + group + ' ul li ul').first().show();
				FilmMenuHidden = false;
				CurrentSection = $('#' + group + ' ul li ul').first().attr('id');
			}
			
			
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				if(ShouldAnimate) {
					$('#' + parent + ' ul:visible').slideUp('normal');
					checkElement.slideDown('normal');
				} else {
					$('#' + parent + ' ul:visible').hide();
					checkElement.show();
				}
				if(FilmMenuHidden) {
					CurrentSection = checkElement.attr('id');
				}
			}
			
			if($('#' + group).hasClass('hasSubMenu') && !FilmMenuHidden) {
				/*Do Film Design Menu Stuff*/
				$('#' + group + ' ul li a.subsectionTitle').removeClass('active');
				$('#' + group + ' ul li a.subsectionTitle').first().addClass('active');
				Cufon.refresh();
			}
			if(!$(this).hasClass('projectLink')) {
				var $otherSections = $('.work_section:visible');
				var $mySection;
				if(CurrentSection === 'film_titles_list') {
					$mySection = $('#film_titles_work');
				} else if(CurrentSection === 'film_marketing_list') {
					$mySection = $('#film_marketing_work');
				} else if(CurrentSection === 'featured_list') {
					$mySection = $('#featured_work');
				} else if(CurrentSection === 'branding_list') {
					$mySection = $('#branding_work');
				} else if(CurrentSection === 'commercials_list') {
					$mySection = $('#commercials_work');
				} else if(CurrentSection === 'television_list') {
					$mySection = $('#television_work');
				}
				if(ShouldAnimate) {
					$otherSections.slideUp('normal');
					$mySection.slideDown('normal');
				} else {
					$otherSections.hide();
					$mySection.show();
				}
			}
			
			return false;
			
		}
	);
}


function showSearchBox() {
	$('.searchBox').show();
	$('.searchBox').focus();
	$('.searchCommand').show();
}

function hideSearchBox() {
	if($('.searchBox').val() == '') {
		$('.searchBox').hide();
		$('.searchCommand').hide();
	}
}

function sumbitSearch() {
	$('#searchsubmit').click();
}

function highlightThumb(projectID) {
	if(CurrentSection === 'film_titles_list') {
		$('#film_titles_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	} else if(CurrentSection === 'film_marketing_list') {
		$('#film_marketing_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	} else if(CurrentSection === 'featured_list') {
		$('#featured_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	} else if(CurrentSection === 'branding_list') {
		$('#branding_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	} else if(CurrentSection === 'commercials_list') {
		$('#commercials_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	} else if(CurrentSection === 'television_list') {
		$('#television_work').find('a').eq(projectID).addClass('opaque').find('div.work_overlay').show();
	}
}

function unhighlightThumb(projectID) {
	if(CurrentSection === 'film_titles_list') {
		$('#film_titles_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	} else if(CurrentSection === 'film_marketing_list') {
		$('#film_marketing_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	} else if(CurrentSection === 'featured_list') {
		$('#featured_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	} else if(CurrentSection === 'branding_list') {
		$('#branding_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	} else if(CurrentSection === 'commercials_list') {
		$('#commercials_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	} else if(CurrentSection === 'television_list') {
		$('#television_work').find('a').eq(projectID).removeClass('opaque').find('div.work_overlay').hide();
	}
}


$(document).ready(function() {
	initMenus();
	$('#logo').click(function(){window.location='http://www.picturemill.com';});
	$('.searchBox').hide().blur(hideSearchBox);
	$('.searchCommand').hide().click(sumbitSearch);
	$('#searchForm').click(showSearchBox);
	var InitCat = window.location.hash;
	$('.work_overlay').hide();
	$('a.work_thumb_link').hover(
		function(){ 
			$(this).find('div.work_overlay').show(); 
			var myIndex = -1;
			if(CurrentSection === 'film_titles_list') {
				myIndex = $('#film_titles_work').find('a').index(this);
				$('#film_titles_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#ft' + myIndex);
			} else if(CurrentSection === 'film_marketing_list') {
				myIndex = $('#film_marketing_work').find('a').index(this);
				$('#film_marketing_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#fm' + myIndex);
			} else if(CurrentSection === 'featured_list') {
				myIndex = $('#featured_work').find('a').index(this);
				$('#featured_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#fe' + myIndex);
			} else if(CurrentSection === 'branding_list') {
				myIndex = $('#branding_work').find('a').index(this);
				$('#branding_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#br' + myIndex);
			} else if(CurrentSection === 'commercials_list') {
				myIndex = $('#commercials_work').find('a').index(this);
				$('#commercials_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#co' + myIndex);
			} else if(CurrentSection === 'television_list') {
				myIndex = $('#television_work').find('a').index(this);
				$('#television_list').find('a').eq(myIndex).addClass('green');
				Cufon.refresh('#tv' + myIndex);
			}
		},
		function(){ 
			$(this).find('div.work_overlay').hide(); 
			var myIndex = -1;
			if(CurrentSection === 'film_titles_list') {
				myIndex = $('#film_titles_work').find('a').index(this);
				$('#film_titles_list').find('a').removeClass('green'); 
				Cufon.refresh('#ft' + myIndex);
			} else if(CurrentSection === 'film_marketing_list') {
				myIndex = $('#film_marketing_work').find('a').index(this);
				$('#film_marketing_list').find('a').removeClass('green'); 
				Cufon.refresh('#fm' + myIndex);
			} else if(CurrentSection === 'featured_list') {
				myIndex = $('#featured_work').find('a').index(this);
				$('#featured_list').find('a').removeClass('green'); 
				Cufon.refresh('#fe' + myIndex);
			} else if(CurrentSection === 'branding_list') {
				myIndex = $('#branding_work').find('a').index(this);
				$('#branding_list').find('a').removeClass('green'); 
				Cufon.refresh('#br' + myIndex);
			} else if(CurrentSection === 'commercials_list') {
				myIndex = $('#commercials_work').find('a').index(this);
				$('#commercials_list').find('a').removeClass('green'); 
				Cufon.refresh('#co' + myIndex);
			} else if(CurrentSection === 'television_list') {
				myIndex = $('#television_work').find('a').index(this);
				$('#television_list').find('a').removeClass('green'); 
				Cufon.refresh('#tv' + myIndex);
			}
		}
	);
	
	
	
	$('a.projectLink').hover (
		function() {
			var myIndex = $('#' + CurrentSection).find('a').index(this);
			highlightThumb(myIndex);
		},
		function() {
			var myIndex = $('#' + CurrentSection).find('a').index(this);
			unhighlightThumb(myIndex);
		}
	);
	
	$('.work_section').hide();
	if(InitCat === "#featured") {
		$('#menu_featured a:first').click();
		$('#featured_work').show();
	} else if(InitCat === "#filmmarketing") {
		$('#menu_filmdesign a:first').click();
		$('#marketinglink').click();
		$('#film_marketing_work').show();
	} else if(InitCat === "#television") {
		$('#menu_television a:first').click();
		$('#televison_work').show();
	} else if(InitCat === "#branding") {
		$('#menu_branding a:first').click();
		$('#branding_work').show();
	} else if(InitCat === "#commercials") {
		$('#menu_commercials a:first').click();
		$('#commercials_work').show();
	}  else {
		$('#menu_filmdesign a:first').click();
		$('#film_titles_work').show();
	}
	ShouldAnimate = true;
});