var toggleBG = false;
var clickedLogo = null;
var lastClickedLogo = null;
var objectCount = 0;
var currentObject = 0;
var previousObject = 0;
var toggleCredit = true;
var galleryObjects = new Object();
var arrowOpacity = .5;

$(document).ready(function($) {
	initRollovers();
	initShops();
});

function initRollovers() {
	$(".rollover").hover(
		function() {
			this.src = this.src.replace("_off","_on");
			
		},
		function() {
			this.src = this.src.replace("_on","_off");
		}
	);
}



function initPress() {
	objectCount = $(".quote").length;
	currentObject = 1;
	$("#previous").click(function(){previous()});
	$("#next").click(function(){next()});
	$(".quote").hide();
	updateQuotes();
}
function initGallery() {
	setImages();
	initArrows();
	setCurrentImage();
	hideCredit();
}
function setImages() {
	i = currentObject = 1;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DD_1034199076_drd_2697-2.jpg';
	galleryObjects['object'+i]['alt'] = 'DAVID DELFS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DD_1034234851_drd_3532.jpg';
	galleryObjects['object'+i]['alt'] = 'DAVID DELFS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'GBA_exteriorstitch.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'GBA_IMG_1760.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'GBA_IMG_1770.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'melrose_old.jpg';
	galleryObjects['object'+i]['alt'] = '';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3425_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3466_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3466_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3623_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3632_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3644_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3674_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_3711_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_6163_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_6174_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_6206_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	i++;
	galleryObjects['object'+i] = new Object();
	galleryObjects['object'+i]['src'] = 'DRD_6224_HiRes.jpg';
	galleryObjects['object'+i]['alt'] = 'GRAHAM BABA ARCHITECTS';
	
	
	objectCount = i;
}
function initArrows() {
	arrowOpacity = .9;
	$("#previous").click(function(){
		previous()
		setCurrentImage();
	});
	$("#next").click(function(){
		next();
		setCurrentImage();
	});
	updateNavDisplay();
	$("#body").hover(
		function() {
			$(".arrow, #otherGalleriesList").fadeIn();
			if(toggleCredit) $("#credit").fadeOut();
		},
		function() {
			$(".arrow, #otherGalleriesList").fadeOut();
			if(toggleCredit) $("#credit").fadeIn();
		}
	);
}
function setCurrentImage() {
		chooseImage(galleryObjects['object'+currentObject]['src']);
		setCredit(galleryObjects['object'+currentObject]['alt']);
}
function setCredit(credit) {
	toggle = true;
	$("#credit").text(credit);
	if(credit == "") {
		toggleCredit = false; 
		hideCredit();
	} else {
		toggleCredit = true; 
	}
}
function hideCredit() {
	$("#credit").hide();
}
function chooseImage(file) {
	$("#bodyImage").css({'background-image':'url(img/gallery/images/'+file+')'})
}
function previous() {
	if(currentObject > 1) {
		previousObject = currentObject;
		currentObject--;
		updateQuotes();
	}
}
function next() {
	if(currentObject < objectCount) {
		previousObject = currentObject;
		currentObject++;
		updateQuotes();
	}
}
function updateQuotes() {
	updateQuote()
	updateNavDisplay();
}
function updateNavDisplay() {
	$("#count").text(currentObject+"/"+objectCount);
	$("#previous").css("opacity", arrowOpacity);
	$("#previous").css("cursor", "pointer");
	$("#next").css("opacity", arrowOpacity);
	$("#next").css("cursor", "pointer");
	if(currentObject == 1) {
		$("#previous").css("opacity", .1);
		$("#previous").css("cursor", "default");
	}
	if(currentObject == objectCount) {
		$("#next").css("opacity", .1);
		$("#next").css("cursor", "default");
	}
}
function updateQuote() {
	var quotes = $(".quote:eq(6)");
	$(".quote:eq("+(previousObject-1)+")").hide();
	$(".quote:eq("+(currentObject-1)+")").fadeIn();
}



function initShops() {
	$('#logos li .logo').click(function(){
		clickedLogo = $(this).attr('id');
		shopFadeOut();
		var cl = clickedLogo;
		var ll = lastClickedLogo;
		if(clickedLogo == lastClickedLogo) {
			lastClickedLogo = null;
			bgUp();
		}else {
			lastClickedLogo = clickedLogo;
			bgDown();
		}
	});
}

function bgUp() {
	$('#bodyImage').animate({backgroundPosition:'0 0px'}, 500, 'linear');
}
function bgDown() {
	$('#bodyImage').animate({backgroundPosition:'0 196px'}, 500, 'linear', function(){shopFadeIn()});
}
function shopFadeIn() {
	$('div[id='+clickedLogo+'Box]').fadeIn();
}
function shopFadeOut() {
	$('.shopBio').hide();
}