/* WHAT'S NEW HOMEPAGE SHOWCASE */
 
function setImgSrc(id,img) {
	document.getElementById(id).src = img;
}

function changeview(id,view) {
	if (view == 'front') {
		$('#angleView-'+id).removeClass('changeLinkSelected');
		$('#frontView-'+id).addClass('changeLinkSelected');
		$('#angle-'+id).fadeOut('slow',function(){
			$('#front-'+id).fadeIn('slow');
		});
	} else {
		$('#frontView-'+id).removeClass('changeLinkSelected');
		$('#angleView-'+id).addClass('changeLinkSelected');
		$('#front-'+id).fadeOut('slow',function(){
			$('#angle-'+id).fadeIn('slow');
		});
	}
	gaTrackPageview("<?=URLDIR?>/new/details/"+id+"/"+view);
}
 
function beadnav(current,next) {
	gaTrackPageview("<?=URLDIR?>/new-p"+next);
	current = document.getElementById('series'+current);
	next = document.getElementById('series'+next);
	$(current).fadeOut('slow', function() {
		$(next).fadeIn('slow');
	});
}




var sc = {
	'_browserName':'',
	'_docWidth':'',
	'_mainContainerWidth':'',
	'_extraSpaceForShadow':''
	};

function _getUserAgent() {
	
	var browserName;
	
	//test for MSIE x.x;
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
		// capture x.x portion and store as a number
		var ieversion = new Number(RegExp.$1);
		
		if (ieversion>=8) {
			browserName = 'IE8';
		} else if (ieversion>=7) {
			browserName = 'IE7';
		} else if (ieversion>=6) {
			browserName = 'IE6';
		} else if (ieversion>=5) {
			browserName = 'IE5';
		}
	} else {
		browserName = 'ok';
	}
	
	return browserName;
	
}

function _ieMarginFix() {
	
	var iemarginfix
		
	if (sc._browserName=="IE6") {
		iemarginfix = 80;
	} else if (sc._browserName=="IE7") {
		iemarginfix = 80;
	} else {
		iemarginfix = 10;
	}
	
	return iemarginfix;
	
}

function _checkForScrollbar(posL,el) {
	
	var distToScreenLeft = posL + ( ( sc._docWidth - sc._mainContainerWidth ) / 2 ) - $(document).scrollLeft();
				
	var iemarginfix = _ieMarginFix();
		
	if ( sc._docWidth - sc._mainContainerWidth == 0 ) { 
		var distToScreenRight = $(document).scrollLeft() + $(window).width() - ( posL + $(el).width() ) - iemarginfix;
	} else {				
		var distToScreenRight = $(document).width() - ( distToScreenLeft + $(el).width() ) - iemarginfix;
	}
	
	var distToScreen = [distToScreenLeft,distToScreenRight];
	
	return distToScreen;
	
}

function _getOffsetX(tooltipHalfWidth,distToScreen) {
	
	var distToScreenLeft = distToScreen[0];
	var distToScreenRight = distToScreen[1];
	
	var offsetX = 0;
	if ( distToScreenLeft < tooltipHalfWidth ) offsetX += ( tooltipHalfWidth - distToScreenLeft );
	if ( distToScreenRight < tooltipHalfWidth ) offsetX -= ( tooltipHalfWidth - distToScreenRight );
	
	return offsetX;
	
}

function _getMarginLeft(offsetX) {
	
	var marginLeft = -212 + offsetX;
	if ( marginLeft > -10 ) marginLeft = -10;
	else if ( marginLeft < -425 ) marginLeft = -425;
	
	return marginLeft;
	
}

function _getBgPosition(offsetX) {
	
	var bgPosition = -280 - offsetX;
	if ( bgPosition > -75 ) bgPosition = -75;
	else if ( bgPosition < -498 ) bgPosition = -498;
	
	return bgPosition;
	
}

$(document).ready(function() {		
						   
		//$('a.lightbox').lightbox();
		
		sc._browserName = _getUserAgent();
		
		sc._mainContainerWidth = $('#page').width();
		sc._extraSpaceForShadow = 80;
		 
		$('body #showcase li,#showcase .bead-img').hover(
			function() {
				
				sc._docWidth = $(document).width();
				
				var tooltip = $('.tt', this);
				var tooltipBottom = $('.tt .brow .bc', this); 
				
				tooltip.show(); // needed for correct position reading
				var posL = $(this).position().left + parseFloat( $(this).parent().css("margin-left").replace(/px/, '') ) + sc._extraSpaceForShadow;
				tooltip.hide();
				
				var distToScreen = _checkForScrollbar(posL,this);

				var tooltipHalfWidth = tooltip.width()/2;
				var offsetX = _getOffsetX(tooltipHalfWidth,distToScreen);
									
				var marginLeft = _getMarginLeft(offsetX);
				var bgPosition = _getBgPosition(offsetX);
			
				tooltip.css('margin-left', marginLeft + 'px');				
				tooltipBottom.css('background-position', bgPosition + 'px bottom');
				
				var title = $('a.bead-thumb', this).attr("title");
				tooltip.fadeIn(150, function() {
					gaTrackPageview("<?=URLDIR?>/new/details/"+title);
				});

			}, 
			function() { 
				$('.tt', this).fadeOut(20);
			}
		);
		
		
		$('body #showcase li img').click(function(event) {
			event.preventDefault();
		});
		

		
	}
	
);