// JavaScript Document

var firstHover = false;
var hoverBackgroundActive = false;

var xMouse;
var yMouse;

var imageHoverX;
var imageHoverY;

var linkArray = [];
var hoverImagesArray = [
	/* 01 */ 'temp',
	/* 02 */ 'archiped-classics',
	/* 03 */ 'country-swedish',
	/* 04 */ 'daniel-dekoven-furniture',
	/* 05 */ 'diospri-lighting-co',
	/* 06 */ 'erika-brunson-couture-living',
	/* 07 */ 'fine-ideas-furniture',
	/* 08 */ 'hartmann-and-forbes-window-coverings',
	/* 09 */ 'helene_aumont',
	/* 10 */ 'temp',
	/* 11 */ 'temp',
	/* 12 */ 'janet-yonaty-trims-and-textiles',
	/* 13 */ 'temp',
	/* 14 */ 'john-hutton-textiles',
	/* 15 */ 'kohli-silks',
	/* 16 */ 'temp',
	/* 17 */ 'lucien-rollin',
	/* 18 */ 'temp',
	/* 19 */ 'matt-downer',
	/* 20 */ 'national-upholstering',
	/* 21 */ 'patina',
	/* 22 */ 'perennials-outdoor-fabrics',
	/* 23 */ 'place-textiles',
	/* 24 */ 'powellandbonnell',
	/* 25 */ 'quadrus-studio',
	/* 26 */ 'roger-arlington-inc',
	/* 27 */ 'surfaces-by-david-bonk',
	/* 28 */ 'sutherland',
	/* 29 */ 'vinagido',
	/* 30 */ 'william-switzer-collection',
	/* 31 */ 'temp',
	/* 32 */ 'temp',
	/* 33 */ 'temp',
	/* 34 */ 'temp'
];

$(document).ready(function() {
						   
	$('#image-hover-wrapper').fadeOut(0);
	
	$.preload([ 'image-hover-top', 'image-hover-bg', 'image-hover-bottom' ], {
		base:'images/',
		ext:'.png'
	});
	
	$.preload([ 'loader' ], {
		base:'images/',
		ext:'.gif'
	});
						   
	$(document).pngFix();
	
	$().mousemove(function(evt) {
		xMouse = evt.pageX;
		yMouse = evt.pageY;
	});
	
	createLinkArray();
						   
	$('#manufacturers-wrapper a').hover(
		function () {
			addImageHover($(this));
		}, 
		function () {
			removeImageHover();
		}
    );
	
});

function createLinkArray() {
	$('#manufacturers-wrapper a').each(function() {
		linkArray.push($(this));
	});
	
	for(var i = 0; i < linkArray.length; i++) {
		$(linkArray[i]).addClass('' + i);
	}
}

function addImageHover(activeLink) {
	$(this).stopTime();
	hoverBackgroundActive = false;
	
	/* ////////// HAD TO CHANGE THIS TO BE JUST MOVING THE EXISTING <DIV> INSTEAD OF ADDING AND REMOVING IT A BUNCH //////////
	   ////////// REASON FOR THIS WAS IE6+ WERE DOING WIERD THINGS WITH "ADDED" PNGs / REMOVED FADE BECAUSE OF THAT TOO
	$('#main').append('<div id="image-hover-wrapper"><div id="image-hover-top"></div><div id="image-hover-content"><div id="image-hover-image"><img src="images/' + hoverImagesArray[$(activeLink).attr('class')] + '.jpg"/></div></div><div id="image-hover-bottom"></div></div>');
	
	$('#image-hover-wrapper').fadeOut(0);
	$('#image-hover-wrapper img').fadeOut(0);
	*/
	
	if(firstHover != false) {
		$('#image-hover-image img').remove();
	}
	$('#image-hover-image').append('<img src="images/' + hoverImagesArray[$(activeLink).attr('class')] + '.jpg"/>');
	$('#image-hover-wrapper img').fadeOut(0);
	
	$('#image-hover-wrapper img').load(function () {
		//this tells the image to wait until the hover background has loaded WON'T FADE WHEN PLACED DIRECTLY IN HERE
		waitThenFadeImage();
	});
	
	firstHover = true;
	
	imageHoverX = (xMouse - (($(document).width() - $('#main').width()) / 2)) + 50;
	imageHoverY = yMouse - $('#image-hover-wrapper').height();
	
	$('#image-hover-wrapper').css({'top' : imageHoverY, 'left' : imageHoverX});
	
	$(this).oneTime(500, function() {
    	$('#image-hover-wrapper').fadeIn(0);
		hoverBackgroundActive = true;
    });
	
	function waitThenFadeImage() {
		$(this).everyTime(100, function() {
			if(hoverBackgroundActive == true) {
				$('#image-hover-wrapper img').fadeIn('slow');
				$(this).stopTime();
			}
		}, 100);
	}
}

function removeImageHover() {
	$(this).stopTime();
	$('#image-hover-wrapper').fadeOut(0);
	hoverBackgroundActive = false;
}