var fadeInSpeed = 1.0;

var scrollerSpeed = 0.8;


var homePageTimeout = null;

var homePageScrollerWidth = 0;

var homePageScrollerDirection = 1;

var homePageScrollerDelay = 4.0;



function initHomePageScroll() {

	if ($('homePageEyesContainer') && $('homePageEyesScrollArea')) {
		
		var padding = 1;
		
		var perRowCount = $('homePageEyesScrollArea').select('.homeEye').size()/2;
		
		var singleWidth = 0;
		var width = 0;
		if (perRowCount > 0) {
			singleWidth = $('homePageEyesScrollArea').select('.homeEye')[0].getWidth() + padding;
			
			width = singleWidth * perRowCount;
		}
		
		$('homePageEyesScrollArea').setStyle({ width : width +'px' });
		
		$('homePageEyesScrollArea').select('.homePageEyesRow').each(function(item) { item.setStyle({ width : width +'px' }); });
		
		
		homePageScrollerWidth = $('homePageEyesContainer').getWidth() + padding;
		
		$('homePageEyesScrollArea').fade({ 
										duration: fadeInSpeed, 
										from: 0, 
										to: 1,
										
										afterFinish: function() { 
															homePageTimeout = window.setTimeout(function() {
																		homePageScroll();
																	}, homePageScrollerDelay*1000);
													}
									});
		
		
	}

}

function homePageScroll() {
	
	if ($('homePageEyesContainer') && $('homePageEyesScrollArea')) {
		
		var curOffset = -$('homePageEyesScrollArea').positionedOffset().left;
		
		if (((curOffset + homePageScrollerWidth) >= $('homePageEyesScrollArea').getWidth())
				|| ((curOffset - homePageScrollerWidth) < 0)) {
			homePageScrollerDirection *= -1;
		}
		
		new Effect.Move($('homePageEyesScrollArea'), { 
														duration: scrollerSpeed, 
														transition: Effect.Transitions.sinoidal, 
														x: homePageScrollerWidth * homePageScrollerDirection, 
														y: 0, 
														mode: 'relative', 
														
														afterFinish: function() { 
																		homePageTimeout = window.setTimeout(function() {
																					homePageScroll();
																				}, homePageScrollerDelay*1000);
																	}
													});
	}
	
}



var montageGalleryScrollerWidth = 0;


var montageGalleryTooltipTimeout = null;
var curMontageGalleryTooltipItem = null;


var montageGalleryVotesArr = new Array('favorite', 'lovely', 'goofy', 'scary');


function showMontageGalleryTooltips(item) {
	
	if (item) {
		
		destroyHideMontageGalleryTooltipsTimeout();
		
		if (!curMontageGalleryTooltipItem || curMontageGalleryTooltipItem.identify() != item.identify()) {
			
			item.addClassName('on');
		
			if (curMontageGalleryTooltipItem) {
				hideMontageGalleryTooltips(curMontageGalleryTooltipItem);
			}
			
			curMontageGalleryTooltipItem = item;
			
			if ($('tooltip') && item && item.down('.montageDescription div')) {
				
				$('tooltip').insert(item.down('.montageDescription div'));
				$('tooltip').setStyle({ left : (item.cumulativeOffset()['left'] - 45) +'px', top : (item.cumulativeOffset()['top'] + item.getHeight()) +'px' });
				
				$('tooltip').show();
				
			}
		}
	}

}

function destroyHideMontageGalleryTooltipsTimeout() {
	
	if (montageGalleryTooltipTimeout) {
		clearTimeout(montageGalleryTooltipTimeout);
		montageGalleryTooltipTimeout = null;
	}

}

function pauseHideMontageGalleryTooltips(item) {

	montageGalleryTooltipTimeout = window.setTimeout(function() {
																	hideMontageGalleryTooltips(item);
																}, 10);

}

function hideMontageGalleryTooltips(item) {
	
	if (item) {
	
		item.removeClassName('on');

		if ($('tooltip') && $('tooltip').down('div') && item && item.down('.montageDescription')) {
			
			$('tooltip').hide();
			
			item.down('.montageDescription').insert($('tooltip').down('div'));
			$('tooltip').update();
			
		}
		
		montageGalleryTooltipTimeout = null;
		curMontageGalleryTooltipItem = null;

	}
	
}


function initMontageGallery() {

	if ($('montageGalleryWrapper') && $('montageGalleryContainer') && $('montageGalleryScrollArea')) {
		
		var padding = 2;
		
		var perRowCount = Math.ceil($('montageGalleryScrollArea').select('.smallMontageContainer').size()/1);
		
		var singleWidth = 0;
		var width = 0;
		if (perRowCount > 0) {
			singleWidth = $('montageGalleryScrollArea').select('.smallMontageContainer')[0].getWidth() + padding;
			
			width = singleWidth * perRowCount;
		}
		
		$('montageGalleryScrollArea').setStyle({ width : width +'px' });
		
		$('montageGalleryScrollArea').select('.montageGalleryRow').each(function(item) { item.setStyle({ width : width +'px' }); });
		
		
		montageGalleryScrollerWidth = $('montageGalleryContainer').getWidth() + padding;
		
		$('montageGalleryWrapper').fade({ 
										duration: fadeInSpeed, 
										from: 0, 
										to: 1
									});
		
		
		if ($('pagesNavRightArrow') && ($('montageGalleryScrollArea').getWidth() - padding) > $('montageGalleryContainer').getWidth()) {
			$('pagesNavRightArrow').removeClassName('disabled');
		}
		
		
		var voteContainerStr = '<h3 class="vote">vote</h3><div><ul>';
		
		montageGalleryVotesArr.each(function(item) {
					voteContainerStr = voteContainerStr +'<li>'+ item +'</li>';
				});

		voteContainerStr = voteContainerStr +'</ul></div>';
		
		
		$$('.smallMontageContainer').each(function(item) {
							
							if (item.down('.montageLink')) {
								
								var div = new Element('div');
								div.addClassName('voteContainer');
								div.update(voteContainerStr);
								
								Event.observe(div, 'mouseover', function(event) {
										
										destroyHideMontageGalleryTooltipsTimeout();
										
									});
									
								Event.observe(div, 'mouseout', function(event) {
										
										pauseHideMontageGalleryTooltips(item);
									
									});
								
								
								div.select('li').each(function(li) { 
												
														Event.observe(li, 'click', function(event) {
																
																if (li.up('.smallMontageContainer') && li.up('.voteContainer')) {
																	
																	makeMontageVote(li.up('.smallMontageContainer').readAttribute('montageid'), li.up('.smallMontageContainer').readAttribute('montagetitle'), li.innerHTML);
																	
																	li.up('.voteContainer').update('<h3 class="voted">'+ li.innerHTML +'</h3>');
																}
															
															});
															
													});
								
								item.insert(div);
								
								
								Event.observe(item.down('.montageLink'), 'mouseover', function(event) {
										
										showMontageGalleryTooltips(item);
										
									});
									
								Event.observe(item.down('.montageLink'), 'mouseout', function(event) {
										
										pauseHideMontageGalleryTooltips(item);
										
									});
							
							}
							
						});
		
	}

}

function resetMontageGalleryNav() {

	if ($('montageGalleryContainer') && $('montageGalleryScrollArea')
			&& $('pagesNavLeftArrow') && $('pagesNavRightArrow')) {
		
		var curOffset = -$('montageGalleryScrollArea').positionedOffset().left;
		
		var curPage = Math.floor(curOffset/montageGalleryScrollerWidth) + 1;
		
		if ($('pagesNavCurPage')) {
			$('pagesNavCurPage').update(curPage);
		}
		
		if ((curOffset - montageGalleryScrollerWidth) < 0) {
			$('pagesNavLeftArrow').addClassName('disabled');
		} else {
			$('pagesNavLeftArrow').removeClassName('disabled');
		}
		
		if ((curOffset + montageGalleryScrollerWidth) >= $('montageGalleryScrollArea').getWidth()) {
			$('pagesNavRightArrow').addClassName('disabled');
		} else {
			$('pagesNavRightArrow').removeClassName('disabled');
		}
	
	}
	
}

function montageGalleryLeftArrowOnClick() {

	if ($('pagesNavLeftArrow') && !$('pagesNavLeftArrow').hasClassName('disabled')) {
		montageGalleryScroll(1)
	}

}

function montageGalleryRightArrowOnClick() {

	if ($('pagesNavRightArrow') && !$('pagesNavRightArrow').hasClassName('disabled')) {
		montageGalleryScroll(-1)
	}

}

function montageGalleryScroll(direction) {
	
	if ($('montageGalleryContainer') && $('montageGalleryScrollArea')) {
		
		var curOffset = -$('montageGalleryScrollArea').positionedOffset().left;
		
		new Effect.Move($('montageGalleryScrollArea'), { 
														duration: scrollerSpeed, 
														transition: Effect.Transitions.sinoidal, 
														x: montageGalleryScrollerWidth * direction, 
														y: 0, 
														mode: 'relative',
														
														afterFinish: function() { 
																resetMontageGalleryNav();
															},
														
														// this prevents the scroll from occurring again until this one is completed
														queue: { scope: 'montagegalleryscroll', limit: 1 }
													});
	}
	
}



function fadeInContent(id) {
	
	if ($(id)) {
	
		$(id).fade({ 
					duration: fadeInSpeed, 
					from: 0, 
					to: 1
				});
		
	}								
	
}



function loadVisagesJumpDropDown(id, page, onItem) {

	if ($(id)) {
	
		var url = '/actions/getVisageJumpDropDown.php?page=' + encodeURIComponent(page) +'&on_item=' + encodeURIComponent(onItem);
			
		new Ajax.Request(url, {
			method: 'get',
			onSuccess: function(transport) {
					$(id).innerHTML = transport.responseText;
				}
			});
	
	}

}


function loadMontagerPieceDropDown(id, onItem, piece) {
	
	if ($(id)) {
	
		var url = '/actions/getMontagerPieceDropDown.php?on_item=' + encodeURIComponent(onItem) +'&piece=' + encodeURIComponent(piece);
			
		new Ajax.Request(url, {
			method: 'get',
			onSuccess: function(transport) {
					$(id).innerHTML = transport.responseText;
				}
			});
	
	}

}


function loadMontagesFilterDropDown(page, onItem) {
	var url = '/actions/getMontagesFilterDropDown.php?page=' + encodeURIComponent(page) +'&on_item=' + encodeURIComponent(onItem);
		
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
				//alert(transport.responseText);
				
				$('montageFilterFormDiv').innerHTML = transport.responseText;
			}
		});

}


function dropDownOnChangePageJump(dropdown, baseUrl, allowEmpty) {
	
	if (dropdown.options[dropdown.selectedIndex].value != '') { 
		window.location = baseUrl + dropdown.options[dropdown.selectedIndex].value +'/'; 
	
	} else if (allowEmpty) {
		window.location = baseUrl;
		
	}
	
}



function initMontager(montageContainerId, montageEyesId, montageLipsId) {

	if ($(montageContainerId) && $(montageEyesId) && $(montageLipsId)) {
	
		var minDivX = 0;
		var maxDivX = $(montageContainerId).getWidth();
		
		var minDivY = 0;
		var maxDivY = $(montageContainerId).getHeight();
		
		new Draggable(montageEyesId, { 
										starteffect: null, 
										endeffect: null, 
										
										snap: function(x,y) {
													return [
																x < maxDivX - $(montageEyesId).getWidth() 
																	? (x > minDivX ? x : minDivX ) 
																		: maxDivX - $(montageEyesId).getWidth(),
																		
																y < maxDivY - $(montageEyesId).getHeight() 
																	? (y > minDivY ? y : minDivY ) 
																		: maxDivY - $(montageEyesId).getHeight()
															];
													} 
									});
									
		new Draggable(montageLipsId, { 
										starteffect: null, 
										endeffect: null, 
										
										snap: function(x,y) {
													return [
																x < maxDivX - $(montageLipsId).getWidth() 
																	? (x > minDivX ? x : minDivX ) 
																		: maxDivX - $(montageLipsId).getWidth(),
																		
																y < maxDivY - $(montageLipsId).getHeight() 
																	? (y > minDivY ? y : minDivY ) 
																		: maxDivY - $(montageLipsId).getHeight()
															];
													} 
									});

	}
	
}





function getMontageCurrentBaseUrl() {

	return '/montager/'
					+ $('faceDropDown').getValue() +'/'
					+ $('eyesDropDown').getValue() +'/'+ $('montageEyes').positionedOffset()['left'] +'-'+ $('montageEyes').positionedOffset()['top'] +'/'
					+ $('lipsDropDown').getValue() +'/'+ $('montageLips').positionedOffset()['left'] +'-'+ $('montageLips').positionedOffset()['top'] +'/';
}




function saveMontage() {
						
	if ($('montageTitle').getValue() == '') {
	
		if ($('hiddenErrorMsg')) {
			$('hiddenErrorMsg').update('Unable to save montage. Be sure to provide a title.');
			$('hiddenErrorMsg').show();
	
		} else {
			alert('Unable to save montage. Be sure to enter a title.');
		
		}
		
	} else {
		
		var url = getMontageCurrentBaseUrl() + escape($('montageTitle').getValue()) +'/save/';
		
		window.location = url;
	}
	
	return false;
	
}


function dropDownOnChangeMontagePiece(dropdown, piece) {
	
	if (dropdown.options[dropdown.selectedIndex].value != '') { 
		
		var url = getMontageCurrentBaseUrl();
		
		window.location = url;
		
	}

}




function makeMontageVote(montageId, montageTitle, vote) {
	
	// first, ajax db hit
	var url = '/actions/saveMontageVote.php?montage_id=' + encodeURIComponent(montageId) +'&vote=' + encodeURIComponent(vote);
			
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
				// nothing
			}
		});
	
	
	
	// Some simple code to create a fake order ID
	var timeObj = new Date;
	var unixTimeMs = timeObj.getTime();
	var unixTime = parseInt(unixTimeMs / 1000);
	var orderID = pageTracker._visitCode() + '-' + unixTime;

	pageTracker._addTrans(
		  orderID, // required
		  "",
		  "1",
		  "",
		  "",
		  "",
		  "",
		  ""
	); 
	
	pageTracker._addItem(
		   orderID, // required
		  "MTG-VT",
		  "Montage Vote",
		  "",
		  "1",  // required
		  "1"  //required
	); 
	
	pageTracker._trackTrans();
	
	
	// track as page view
	pageTracker._trackPageview('/montage-gallery-vote/'+ vote +'/'+ montageTitle +'/');

}





function saveRating(event) {
	
	var visage = null;
	var page = null;
	if (event.memo.identity) {
		var tmp = event.memo.identity.split('|');
		
		if (tmp[0] && tmp[1]) {
			visage = tmp[0];
			page = tmp[1];
		}
	}
	
	var rating = null;
	if (event.memo.rated) {
		rating = event.memo.rated;
	}
	
	if (visage && page && rating) {
		
		// first, ajax db hit
		var url = '/actions/saveRating.php?visage=' + encodeURIComponent(visage) +'&page=' + encodeURIComponent(page) +'&rating=' + encodeURIComponent(rating);
		
		new Ajax.Request(url, {
			method: 'get',
			onSuccess: function(transport) {
					
					if ($('entityRating') && $('entityRating').down('.indicator')) {
						$('entityRating').down('.indicator').update('Rating saved');
					}
					
				}
			});
		
		
		
		// Some simple code to create a fake order ID
		var timeObj = new Date;
		var unixTimeMs = timeObj.getTime();
		var unixTime = parseInt(unixTimeMs / 1000);
		var orderID = pageTracker._visitCode() + '-' + unixTime;
	
		pageTracker._addTrans(
			  orderID, // required
			  "",
			  "1",
			  "",
			  "",
			  "",
			  "",
			  ""
		); 
		
		pageTracker._addItem(
			   orderID, // required
			  "RTG",
			  "Rating",
			  "",
			  "1",  // required
			  "1"  //required
		); 
		
		pageTracker._trackTrans();
		
		
		// track as page view
		pageTracker._trackPageview('/rating/'+ page +'/'+ visage +'/'+ rating +'/');
		
	}

}



function initOneOnOneGame(picksContainerId, statusMsgId) {

	if ($(picksContainerId) && $(picksContainerId).select('.pickContainer')) {
		
		$(picksContainerId).visagesArr = [];
		
		$(picksContainerId).pickMade = false;
	
		$(picksContainerId).select('.pickContainer').each(function(pickElm) {
			
			var tmpId = pickElm.identify().split('_')[1];
			var tmpPage = pickElm.identify().split('_')[2];
			
			$(picksContainerId).visagesArr.push(tmpId);
			
			pickElm.observe('click', function() {
				
				if (!$(picksContainerId).pickMade) {
					
					$(picksContainerId).pickMade = true;
					$(picksContainerId).addClassName('disabled');
					
					pickElm.addClassName('selected');
					
					var visageLoser = '';
					$(picksContainerId).visagesArr.each(function(tmp) {
						
						if (tmp != tmpId) {
							visageLoser = tmp;
						}
						
						
					});
					
					if ($(statusMsgId)) {
						$(statusMsgId).addClassName('successMsg halfWidthMsg');
						$(statusMsgId).update('Saving pick...');
					}
					
					makeOneOnOneGamePick(tmpId, visageLoser, tmpPage);
					
				}
			
			});
			
		});
	
	}
	
}


function makeOneOnOneGamePick(visageWinner, visageLoser, page) {
	
	// first, ajax db hit
	var url = '/actions/savePick.php?visage-winner=' + encodeURIComponent(visageWinner) +'&visage-loser=' + encodeURIComponent(visageLoser) +'&page=' + encodeURIComponent(page) +'&src=oneon&score=1';
	
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
				// reload page
				window.location.href=window.location.href;
			}
		});
	
	// track as page view
	pageTracker._trackPageview('/one-on-one-game/'+ page +'/pick/'+ visageWinner +'/'+ visageLoser +'/');

}