var isHovered = 0;
var numberOfBestOf = $('.portfolioContainerImage').length;
var highest = 2;
var higher = 1;
var lower = 0;


function slideHome(whichWay,forced) {
	if ( isHovered == 0 || forced == 'forced' ) {
		if ( whichWay == 'next' ) {
			highest++;
			higher++;
			lower++;
			if (highest > numberOfBestOf) {
				highest = 1;
			}
			if (higher > numberOfBestOf) {
				higher = 1;
			}
			if (lower > numberOfBestOf) {
				lower = 1;
			}
			$('#PortfolioImage'+highest).css({'marginLeft':'940px'});
			$('#PortfolioImage'+lower).animate({marginLeft: '-460px'},200);
			$('#PortfolioImage'+higher).animate({marginLeft: '0'},200);
			$('#PortfolioImage'+highest).animate({marginLeft: '480px'},200);
		}
		else {
			if (lower <= 0) {
				lower = lower + numberOfBestOf;
			}
			$('#PortfolioImage'+lower).css({'marginLeft':'-460px'});
			$('#PortfolioImage'+highest).animate({marginLeft: '940px'},200);
			$('#PortfolioImage'+higher).animate({marginLeft: '480px'},200);
			$('#PortfolioImage'+lower).animate({marginLeft: '0'},200);
			highest--;
			higher--;
			lower--;
			if (highest <= 0) {
				highest = highest + numberOfBestOf;
			}
			if (higher <= 0) {
				higher = higher + numberOfBestOf;
			}
		}
	}
	if ( forced != 'forced' ) {
		setTimeout('slideHome("next");',8000);
	}
}


$(document).ready( function(){
	
	// Navigation Hover Control
	$('#Menu1 div').hover(
		function() {
			$(this).addClass('active');
		},
		function() {
			$(this).removeClass('active');
		}
	);
	
	
	// Homepage Portfolio switches
	$('#PortfolioBoxNav .next').click( function() {
		slideHome('next','forced');
		return false;
	});
	$('#PortfolioBoxNav .prev').click( function() {
		slideHome('prev','forced');
		return false;
	});
	/*
	setTimeout('slideHome("next");',8000);
	
	$('.portfolioBox').hover(
		function () {
			isHovered = 1;
		}, 
		function () {
			isHovered = 0;
		}
    );
    */
	
	$('.clearText,#SearchForm_SearchForm_Search').focus( function(){
		if( $(this).attr('cleared') ) return;
		$(this).val('');
		$(this).attr({ cleared: true});
	});
	
	// Portfolio Gallery Switches
	
	$('#GalleryLayout div a').click( function() {
		if($(this).hasClass('on') == false) {
			$('#LoadingSpinner').addClass('loading');
			var newImageURL = $(this).attr('href');
			
			$('#GalleryLayout div a').removeClass();
			$(this).addClass('on');
			
			var caption = $(this).attr('title');
			var imageTag = '<img src="'+newImageURL+'" alt="'+caption+'"/>';  

			
			$(function () {
			  var img = new Image();
			  $(img)
			    .load(function () {
			      $(this).css('display','none');
			      $('#MainImageHolder img').animate( { opacity:"0" }, { queue:false, duration:1000 } );
			      $('#MainImageHolder').append(this);
				  $('#LoadingSpinner').removeClass('loading');
			      $(this).fadeIn('slow');
			    })
			    .error(function () {
			      // notify the user that the image could not be loaded
			    })
			    .attr('src', newImageURL);
			});
			
		}
		
		return false;
	});
	
	// Portfolio readmore link
	$('#ReadMoreLink').click( function() {
		if ( $(this).html() == 'read more...' ) {
			$(this).html('read less...');
		} else {
			$(this).html('read more...');
		}
		$('#ReadMoreContent').slideToggle();
		return false;
	});
	
	// Portfolio Widget Switches
	if ($.cookies.get('portfolioBrand') ) {
		case1 = $.cookies.get('portfolioBrand');
		if (case1 == 'brand') {
			$('#PortfolioContainerSwitchBrand').toggleClass('on');
		}
	}
	else { case1 = 'brand'; $('#PortfolioContainerSwitchBrand').toggleClass('on'); }
	if ($.cookies.get('portfolioWeb') ) {
		case2 = $.cookies.get('portfolioWeb');
		if (case2 == 'web') {
			$('#PortfolioContainerSwitchWeb').toggleClass('on');
		}
	}
	else { case2 = 'web'; $('#PortfolioContainerSwitchWeb').toggleClass('on'); }
	if ($.cookies.get('portfolioPrint') ) {
		case3 = $.cookies.get('portfolioPrint');
		if (case3 == 'print') {
			$('#PortfolioContainerSwitchPrint').toggleClass('on');
		}
	}
	else { case3 = 'print'; $('#PortfolioContainerSwitchPrint').toggleClass('on'); }
	
	$('#PortfolioList .portfolioBox').each( function() {
		if ($(this).hasClass(case1) || $(this).hasClass(case2) || $(this).hasClass(case3)) {
			$(this).show();
		}
	});
	
	$('#PortfolioContainerSwitch a').click( function() {
		$(this).toggleClass('on');
		if ( $('#PortfolioContainerSwitchBrand').hasClass('on') ) {
			case1 = 'brand';
		}
		else { case1 = 'none'; }
		if ( $('#PortfolioContainerSwitchWeb').hasClass('on') ) {
			case2 = 'web';
		}
		else { case2 = 'none'; }
		if ( $('#PortfolioContainerSwitchPrint').hasClass('on') ) {
			case3 = 'print';
		}
		else { case3 = 'none'; }
		
		$('#PortfolioList .portfolioBox').each( function() {
			if ($(this).hasClass(case1) || $(this).hasClass(case2) || $(this).hasClass(case3)) {
				$(this).show('slow');
			}
			else {
				$(this).hide('slow');
			}
		});
		
		if (case1!='brand' && case2!='web' && case3!='print') {
			$('#PortfolioList .error').fadeIn();
		}
		else {$('#PortfolioList .error').hide();}
		
		$.cookies.set('portfolioBrand',case1);
		$.cookies.set('portfolioWeb',case2);
		$.cookies.set('portfolioPrint',case3);
		
		return false;
	});
	
	// links to specific portfolio sections
	$('.brandingPortfolioLink').click( function() {
		$.cookies.set('portfolioBrand','brand');
		$.cookies.set('portfolioWeb','none');
		$.cookies.set('portfolioPrint','none');
	});
	$('.webPortfolioLink').click( function() {
		$.cookies.set('portfolioBrand','none');
		$.cookies.set('portfolioWeb','web');
		$.cookies.set('portfolioPrint','none');
	});
	$('.printPortfolioLink').click( function() {
		$.cookies.set('portfolioBrand','none');
		$.cookies.set('portfolioWeb','none');
		$.cookies.set('portfolioPrint','print');
	});
});

var case1;
var case2;
var case3;