// custom js for allstar marketing
var current;
var boxes; 
var size; 
var angle;
var j;
var factor = 0;
var angles = {};
var elipse_a; 
var elipse_b; 
var t;
var direction;
var speed;
var area;
$(document).ready(function(){
	
	init_position();
	
	var tooltip = $('div.retail-box');
	tooltip.hover(
		function (e) {
			clearInterval(t);
			t = false;
			if ($.browser.msie) {
				$('div.retail-box[id!='+$(this).attr('id')+']').css('z-index', -1);
				$('#'+$(this).attr('id')).css('z-index', 2);
			}
			$('#'+$(this).attr('id')+'_tooltip').fadeIn();
		}, 
		function () {
			$('#'+$(this).attr('id')+'_tooltip').fadeOut();
			if (!t) t = setInterval('carousel()', 5);
		}
	)
	
	var tooltip = $('area');
	tooltip.hover(
		function () {
			if (current && current != '#'+$(this).attr('id')+'_tooltip') $(current).fadeOut();
			$('#'+$(this).attr('id')+'_tooltip').fadeIn();
			current = '#'+$(this).attr('id')+'_tooltip';
		}, 
		function () {
			$('#'+$(this).attr('id')+'_tooltip').fadeOut();
			
		}
	)
	//tooltip.click(function(){return false});	
	
	$('#brand_manage_image').hover(
		function() {},
		function () {
			$(current).fadeOut();
		}
	)
});
function init_position() {
	area =  $('#carousel-container').width()/8;
	boxes = $('div.retail-box');	
	size = boxes.length;
	angle = 360/size;
	j = 1;
	
	elipse_w = $('#carousel-container').width()/2;
	elipse_h = $('#carousel-container').height()/2;
			
	for (var i in boxes) {
		if (!boxes[i].id) continue;		
		j++;
		
		var box = $('#'+boxes[i].id);
		var tooltip = $('#'+boxes[i].id+'_tooltip');
		
		var w = $('#'+boxes[i].id).width()/2;
		var h = $('#'+boxes[i].id).height()/2;
		var a = angle*j;
		
		var x = Math.round((Math.cos(Math.PI*(a/180))*(elipse_w - w) + elipse_w) - w) ;
		var y = Math.round((Math.sin(Math.PI*(a/180))*(elipse_h - h) + elipse_h) - h);
		
		angles[boxes[i].id] = a;
		
		box.css('margin-left', x+'px');
		box.css('margin-top', y+'px');
		$('#'+boxes[i].id+'_tooltip').css({'margin-top': '-'+(h+60)+'px', 'margin-left': (w+20)+'px'});
	}
	
	t = setInterval('carousel()', 5);	
}
function carousel () {
	
	speed = 0.12;
	
	if (direction == 'left') factor = factor - 1*speed;
	else factor = factor + 1*speed;
	for (var i in boxes) {
		if (!boxes[i].id) continue;		
		
		var box = $('#'+boxes[i].id);
		
		var w = box.width()/2;
		var h = box.height()/2;
		var a = angles[boxes[i].id] + factor;
		
		var x = Math.round((Math.cos(Math.PI*(a/180))*(elipse_w - w) + elipse_w) - w) ;
		var y = Math.round((Math.sin(Math.PI*(a/180))*(elipse_h - h) + elipse_h) - h);
		
		box.css({"margin-left":  x+'px', 'margin-top': y+'px'});
	}
	
}