var nextImage, preload = [], animating = false, bannCurr, bannNext, inset, insetSrc;

$(function(){
	
	$('ul#cycle li a')
		.click(function(e) {
			
			e.preventDefault();
			
			if (!animating)
			{
				clearInterval(nextImage);
				nextImage = setInterval('rotateImage()', 6000);
				
				rotateImage(this);
			}
			
		})
		.hover(
			function() {
				$(this).css({color: '#333', backgroundColor: '#FFF'});
			},
			function() {
				var obj = $(this);
				if (!obj.hasClass('active'))
					obj.css({color: '#999', backgroundColor: '#45484C'});
			}
		)
		.css({color: '#999', backgroundColor: '#45484C'})
		.eq(0).css({color: '#333', backgroundColor: '#FFF'});
	
	bannCurr		= $(document.createElement('img')).hide();
	bannNext		= bannCurr.clone();
	
	$('#banner').append(bannCurr).append(bannNext);
	
	insetSrc = '/resources/img/inset/inset_1.png';
	
	inset = $('<span />').html('&nbsp;').attr('style', insetStyle());
	$('#banner_inset').empty().append(inset);
	
	nextImage = setInterval('rotateImage()', 10000);
	
});

$(window).load(function()
{
	
	$('ul#cycle li a').each(function(i) {
		
		preload[i] = new Image();
		preload[i].src = this.href;
		
	});
	
	var l = preload.length;
	for (var i = 1; i <= l; i++)
	{
		preload[l+i] = new Image();
		preload[l+i].src = '/resources/img/inset/inset_'+i+'.png';
	}
	
});


function rotateImage(next)
{

	var list	= $('ul#cycle li');
	
	if (list.length === 0 || animating)
	{
		return false;
	}
	
	animating = true;
	
	var curr	= list.has('a.active');
	
	if (!next)
	{
		
		next	= curr.next('li');
		
		if (next.length === 0)
		{
			next	= list.eq(0);
		}
		
		next		= $('a', next);
		
	}
	else
	{
		next	= $(next);
	}
	
	curr		= $('a', curr);
	
	curr.removeClass('active');
	next.addClass('active');
	
	var src = next.attr('href');
	
	var i = src.replace(/^.*banner_(\d+)\..*$/, '$1');
	insetSrc = '/resources/img/inset/inset_'+i+'.png';
	
	curr.animate({color: '#999', backgroundColor: '#45484C'}, 500);

	
	bannNext.hide().attr('src', src);
	
	bannNext.fadeIn(1000, function() {
		
		//inset.attr('src', insetSrc).fadeIn(500);
		
		
		inset.attr('style', insetStyle()).fadeIn(500)
		
		next.animate({color: '#333', backgroundColor: '#FFF'}, 500);
		
		bannCurr.attr('src', bannNext.attr('src')).show();
		animating = false;
		
	});
	inset.fadeOut(500);
	
}

function insetStyle()
{
	
	if ($.browser.msie)
	{
		return 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + insetSrc + '\', sizingMethod=\'scale\');';
	}
	else
	{
		return 'background-image: url('+insetSrc+');';
	}
	
}


(function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){var f;do{f=d.curCSS(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]}})(jQuery);