var currentPage = 1;
var showcaseThumbDefault1 = 'gpm.gif';
var showcaseThumbDefault2 = 'ps.gif';
var showcaseThumbDefault3 = 'fq.gif';
var showcaseThumbDefault4 = 'obi.gif';
var showcaseThumbDefault5 = 'bfc.gif';
var showcaseThumbDefault6 = 'eco.gif';
var showcaseThumbDefault7 = 'fs.gif';
var showcaseThumbDefault8 = 'roh.gif';


var showcaseThumbHighlight1 = 'gpm-over.gif';
var showcaseThumbHighlight2 = 'ps-over.gif';
var showcaseThumbHighlight3 = 'fq-over.gif';
var showcaseThumbHighlight4 = 'obi-over.gif';
var showcaseThumbHighlight5 = 'bfc-over.gif';
var showcaseThumbHighlight6 = 'eco-over.gif';
var showcaseThumbHighlight7 = 'fs-over.gif';
var showcaseThumbHighlight8 = 'roh-over.gif';

var shitBrowser = false;

jQuery(document).ready(function() {
	initHovers();
	initPageButtons();
	
	if(jQuery.browser.msie && jQuery.browser.version == '6.0')
		shitBrowser = true;

	// fade in first project
	jQuery('#projectSelector #screens ul li a#screen-1 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight1);
	jQuery('#content.showcase #project-1').fadeIn('slow');
	jQuery('#content.showcase #project-1').addClass('showing');
	
	jQuery('#content.showcase #project-1 img.myreflect').each(function(){
		jQuery(this).reflect({height: 0.15, opacity: 0.5} );
	});	

	// image preloads	
	image1 = new Image();
	image2 = new Image();
	image3 = new Image();
	image4 = new Image();
	image5 = new Image();
	image6 = new Image();
	image7 = new Image();
	image8 = new Image();
	image9 = new Image();
	image10 = new Image();

	image1.src = '/themes/deversus/images/deversus/showcase/gpm-over.gif';
	image2.src = '/themes/deversus/images/deversus/showcase/ps-over.gif';
	image3.src = '/themes/deversus/images/deversus/showcase/fq-over.gif';
	image4.src = '/themes/deversus/images/deversus/showcase/obi-over.gif';
	image5.src = '/themes/deversus/images/deversus/showcase/bfc-over.gif';
	image6.src = '/themes/deversus/images/deversus/showcase/eco-over.gif';
	image7.src = '/themes/deversus/images/deversus/showcase/fs-over.gif';
	image8.src = '/themes/deversus/images/deversus/showcase/roh-over.gif';
	image9.src = '/themes/deversus/images/deversus/showcase/next-page-over.gif';
	image10.src = '/themes/deversus/images/deversus/showcase/prev-page-over.gif';

});

function initHovers()
{
	// featured thumbs
	jQuery('#projectSelector #screens ul li a#screen-1').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-1 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight1);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-1 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault1);
	});
	
	jQuery('#projectSelector #screens ul li a#screen-2').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-2 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight2);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-2 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault2);
	});	
	
	jQuery('#projectSelector #screens ul li a#screen-3').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-3 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight3);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-3 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault3);
	});	
	
	jQuery('#projectSelector #screens ul li a#screen-4').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-4 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight4);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-4 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault4);
	});	
	
	jQuery('#projectSelector #screens ul li a#screen-5').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-5 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight5);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-5 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault5);
	});	
	
	jQuery('#projectSelector #screens ul li a#screen-6').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-6 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight6);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-6 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault6);
	});
	
	jQuery('#projectSelector #screens ul li a#screen-7').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-7 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight7);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-7 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault7);
	});
	
	jQuery('#projectSelector #screens ul li a#screen-8').hover(function() {
		jQuery('#projectSelector #screens ul li a#screen-8 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbHighlight8);
			}, function() {
		jQuery('#projectSelector #screens ul li a#screen-8 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault8);
	});
	
	jQuery('#projectSelector #previousPage a').hover(function() {
		jQuery('#projectSelector #previousPage a img').attr("src","/themes/deversus/images/deversus/showcase/prev-page-over.gif");
			}, function() {
		jQuery('#projectSelector #previousPage a img').attr("src","/themes/deversus/images/deversus/showcase/prev-page.gif");
	});

	jQuery('#projectSelector #nextPage a').hover(function() {
		jQuery('#projectSelector #nextPage a img').attr("src","/themes/deversus/images/deversus/showcase/next-page-over.gif");
			}, function() {
		jQuery('#projectSelector #nextPage a img').attr("src","/themes/deversus/images/deversus/showcase/next-page.gif");
	});		
}

function unbindPageButtons()
{
	jQuery('#projectSelector #previousPage a').unbind('click');
	jQuery('#projectSelector #nextPage a').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-1').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-2').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-3').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-4').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-5').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-6').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-7').unbind('click');
	jQuery('#projectSelector #screens ul li a#screen-8').unbind('click');
}

function initPageButtons()
{	
	jQuery('#projectSelector #previousPage a').click(function() {
		unbindPageButtons();
		if(currentPage < 2)
		{
			initPageButtons();
			return false;	
		}		
		
		slideSectionLeft();
		return false;
	});

	jQuery('#projectSelector #nextPage a').click(function() {
		unbindPageButtons();
		if(currentPage >= 2)
		{
			initPageButtons();
			return false;	
		}	
				
		slideSectionRight();
		return false;
	});
	
	jQuery('#projectSelector #screens ul li a#screen-1').click(function() {
		unbindPageButtons();
		swapShowcaseProject(1);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-2').click(function() {
		unbindPageButtons();
		swapShowcaseProject(2);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-3').click(function() {
		unbindPageButtons();
		swapShowcaseProject(3);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-4').click(function() {
		unbindPageButtons();
		swapShowcaseProject(4);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-5').click(function() {
		unbindPageButtons();
		swapShowcaseProject(5);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-6').click(function() {
		unbindPageButtons();
		swapShowcaseProject(6);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-7').click(function() {
		unbindPageButtons();
		swapShowcaseProject(7);
		return false;		
	});
	
	jQuery('#projectSelector #screens ul li a#screen-8').click(function() {
		unbindPageButtons();
		swapShowcaseProject(8);
		return false;
	});
}

function resetProjects()
{
	jQuery('#projectSelector #screens ul li a#screen-1 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault1);
	jQuery('#projectSelector #screens ul li a#screen-2 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault2);
	jQuery('#projectSelector #screens ul li a#screen-3 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault3);
	jQuery('#projectSelector #screens ul li a#screen-4 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault4);
	jQuery('#projectSelector #screens ul li a#screen-5 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault5);
	jQuery('#projectSelector #screens ul li a#screen-6 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault6);
	jQuery('#projectSelector #screens ul li a#screen-7 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault7);
	jQuery('#projectSelector #screens ul li a#screen-8 img').attr("src","/themes/deversus/images/deversus/showcase/" + showcaseThumbDefault8);
}

function fadeSelectedProject()
{
	jQuery('#content.showcase .project.showing').fadeOut('fast');
	jQuery('#content.showcase .project.showing').removeClass('showing');
	//jQuery('#projectSelector .selected').hide();
	//jQuery('#projectSelector .selected').removeClass('selected');
}

function showSelectedProject(id)
{	
	jQuery('#content.showcase #project-' + id).addClass('showing');
	jQuery('#content.showcase #project-' + id).fadeIn('normal');

	jQuery('#content.showcase #project-' + id + ' img.myreflect').each(function(){
		jQuery(this).reflect({height: 0.15, opacity: 0.5} );
	});
		
	//jQuery('#projectSelector #project-' + id).addClass('selected');
	//jQuery('#projectSelector .selected').show();
	//jQuery('#projectSelectorWrapper').fadeIn('normal');
}

function slideSectionLeft()
{
	var trans = 836;
	//if(shitBrowser)
		//trans = 901;
	newMargin = parseInt(jQuery('#projectSelector #screens ul').css('margin-left')) + trans;
	jQuery('#projectSelector #screens ul').animate({
		marginLeft: newMargin + 'px'
	},
	'normal',
	function()
	{
		currentPage--;
		var project = currentPage * 4 - 3;
		swapShowcaseProjectNoSlide(project);
	}
	);
}


function slideSectionRight()
{
	var trans = 828;
	//if(shitBrowser)
		//trans = 895;
	newMargin = parseInt(jQuery('#projectSelector #screens ul').css('margin-left')) + trans;
	jQuery('#projectSelector #screens ul').animate({
		marginLeft: '-' + newMargin + 'px'
	},
	'normal',
	function()
	{
		currentPage++;
		var project = currentPage * 4 - 3;
		swapShowcaseProjectNoSlide(project);
	}
	);
}

function swapShowcaseProjectNoSlide(id)
{
	var imgPath = '/themes/deversus/images/deversus/showcase/';
	var leftMargin = '0px';
	var defaultThumb = '';
	var highlightThumb = '';
	
	defaultThumb = eval('showcaseThumbDefault' + id);
	highlightThumb = eval('showcaseThumbHighlight' + id);
	
	initHovers();
	jQuery('#projectSelector #screens ul li a#screen-' + id).unbind();
	
	// reset the thumb
	resetProjects();
	
	fadeSelectedProject();
	
	jQuery('#projectSelector #screens #highlighter').animate({
		marginLeft: '0px'
	},
	'normal',
	function()
	{
		showSelectedProject(id);
		jQuery('#projectSelector #screens ul li a#screen-'+id+' img').attr("src",imgPath + highlightThumb);
	}
	);	
	
	initPageButtons();
}


function swapShowcaseProject(id)
{
	
	var imgPath = '/themes/deversus/images/deversus/showcase/';
	var leftMargin = '0px';
	var defaultThumb = '';
	var highlightThumb = '';
	
	var loc = id % 4;
	
	defaultThumb = eval('showcaseThumbDefault' + id);
	highlightThumb = eval('showcaseThumbHighlight' + id);	
	
	switch(loc)
	{
		case 1:
			leftMargin = '0px';
		break;
		case 2:
			leftMargin = '209px';
		break;
		case 3:
			leftMargin = '418px';
		break;
		case 0:
			leftMargin = '627px';
		break;			
	}
	
	
	initHovers();
	jQuery('#projectSelector #screens ul li a#screen-' + id).unbind();
	
	// reset the thumb
	resetProjects();
	
	fadeSelectedProject();
	// slide the highlighter down
	jQuery('#projectSelector #screens #highlighter').animate({
		marginLeft: leftMargin
	},
	'normal',
	function()
	{
		// set the left margin
		showSelectedProject(id);
		jQuery('#projectSelector #screens ul li a#screen-'+id+' img').attr("src",imgPath + highlightThumb);
		initPageButtons();
	}
	);
}