var _play = true;
var _timer = null;
var _fading = false;

function slideSwitch() {
	if (_play && !_fading) {
		_fading = true;
		var $active = jQuery('#icon-holder span.active');
		if ( $active.length == 0 ) $active = jQuery('#icon-holder span:last');
		var $next =  $active.next().length ? $active.next() : jQuery('#icon-holder span:first');
		$active.addClass('last-active');

		$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); _fading = false; });
	}
}

function slideNext() {
	_fading = true;
	var $active = jQuery('#icon-holder span.active');
	if ( $active.length == 0 ) $active = jQuery('#icon-holder span:last');
	var $next =  $active.next().length ? $active.next() : jQuery('#icon-holder span:first');
	$active.addClass('last-active');
	$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); _fading = false; });
}

function slidePrev() {
	_fading = true;
	var $active = jQuery('#icon-holder span.active');
	if ( $active.length == 0 ) $active = jQuery('#icon-holder span:first');
	var $next =  $active.prev().length ? $active.prev() : jQuery('#icon-holder span:last');
	$active.addClass('last-active');
	$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); _fading = false; });
}

var _active = 0;
var _factive = 0;
var _items = [];
var _max = 940;
var _tmax = 960;
var _shift = 0;

function initMenu(nav) {
	_items = jQuery('li', nav);


	var _k = 1;

	if (_items.length) {
		var _temp = 0;
		_items.each(function(i, item){

			var _w = jQuery(item).width();
			_temp = _temp + _w;

			if (_temp > _tmax && !_active) {
				_active = i - 1;
				_factive = i - 1;
				_k = parseInt((_max/(_temp - _w))*100)/100;
			}
		});
		if (!_active) {
			_k = parseInt((_max/(_temp))*100)/100;
			jQuery('#blends .arrows').hide();
		} else {
			jQuery('#blends .arrows').show();
		}
		populateItems(_k);
		jQuery("#blends ul.main > li.active > ul.sub").append('<li class="right">&nbsp;</li><li class="left">&nbsp;</li>');
		jQuery("#blends").css({'border-bottom': 'none'});
		initArrows(nav);
	}
}

function populateItems(_k) {
	var _temp = 0;
	_items.each(function(i, item){
		//var _w = parseInt(jQuery(item).width()*_k);
		//jQuery(item).addClass('haslayout');
		var _w = parseInt(jQuery(item).width());
		jQuery(item).css({'width': _w});
		_temp = _temp + _w;
		if (jQuery(item).hasClass('active') && (_temp > _max)) {
			_active = i;
			_shift = _max - _temp;
		}
	});

	return _shift;
}

function initArrows(nav) {
	if (_shift) {
		nav.css({'left': _shift});
	}
	if (_active) {
		jQuery('#blends .arrows a.prev:visible').bind('click', function(){
			var _pos = parseInt(jQuery(nav).css('left'));

			if (_items[_active-1] && (_active-1 >= _factive)) {
				var _shift = _pos + jQuery(_items[_active-1]).width();
				nav.animate({'left': _shift});
				_active--;
			}
			return false;
		});

		jQuery('#blends .arrows a.next').bind('click', function(){
			if (_items[_active+1]) {
				var _shift = parseInt(jQuery(nav).css('left')) - jQuery(_items[_active+1]).width();
				nav.animate({'left': _shift});
				_active++;
			}
			return false;
		});
	}
}

jQuery(window).load(function(){
	jQuery('#icon-holder').removeClass('loading');
	_timer = setInterval( "slideSwitch()", 3000);
});

jQuery(document).ready(function(){

	jQuery("#icon img").each(function(i, el){
		jQuery(el).attr('title', '');
		jQuery(el).attr('alt', '');
	});

	initMenu(jQuery("#blends li.active ul:first"));

	jQuery("body.promo p#icon").append('<strong class="player" id="player-control"><a href="#" class="prev" id="player-prev"><span>Prev</span></a> <a href="#" class="pause" id="player-play"><span>Pause</span></a> <a href="#" class="next" id="player-next"><span>Next</span></a></strong>');

	jQuery("#player-play").bind('click', function(){
		if (_play) {
			jQuery(this).removeClass('pause').addClass('play');
			_play = false;
			clearInterval(_timer);
		}
		else {
			_play = true;
			slideSwitch();
			jQuery(this).removeClass('play').addClass('pause');
			//setInterval( "slideSwitch()", 5000);
			_timer = setInterval( "slideSwitch()", 3000);
		}
		return false;
	});

	jQuery("#player-next").bind('click', function() {
		if (!_fading) {
			//jQuery("#player-play").removeClass('pause').addClass('play');
			//_play = false;
			//clearInterval(_timer);
			slideNext();
		}
		return false;
	});

	jQuery("#player-prev").bind('click', function(){
		if (!_fading) {
			//jQuery("#player-play").removeClass('pause').addClass('play');
			//_play = false;
			//clearInterval(_timer);
			slidePrev();
		}
		return false;
	});

//	_timer = setInterval( "slideSwitch()", 3000);
});