var banners = new Array();
var loaded_banners = new Array();
var current_banner = '';
var timer, hash;

$(document).ready(function(){

	$.ajax({
	    url: '/wp-content/themes/TeamWendy2/home.xml',
	    success: loadBanners,
	    dataType: 'xml'
	});

});

function loadBanners(responseXML, statusText){
	
	$(responseXML).find('group').each(function() {
		
		var group_count = $(this).find('banner').length;
		var random_index = Math.floor(Math.random()*group_count);
		banners.push( $(this).find('banner').eq(random_index) );
		
	});
	
	loadBanner(0);
	
}

function loadBanner(banner_count){

		cb = banners[banner_count];
	
		var imageObj = new Image();
		$(imageObj).attr("src", cb.find('background').text()).load(function(){
			
			loaded_banners.push( cb.find('id').text() );
			
			if( banner_count == 0 ){
				current_banner = cb.find('id').text();
			}

			$('#bg-holder').append(
				'<div id="bg-' + cb.find('id').text() + '" class="bg-holder" style="background:url(' + cb.find('background').text() + ') no-repeat scroll 50% 0pt transparent;opacity:0;display:none;"></div>'
			);
			
			 $('.home-banner-holder').prepend('<div class="person-holder" id="person-' + cb.find('id').text() + '"></div>'); 
			
			$('#latest-news').after('<div class="person-holder" id="person-' + cb.find('id').text() + '"></div>');
			

			$('#person-' + cb.find('id').text() ).append(
				'<div id="learn-more-holder">' +
					'<div id="learn-more">' +
						'<a id="product-link" href="' + cb.find('learnmore').find('link').text() + '" target="' + cb.find('learnmore').find('target').text() + '">' +
							'<div id="learn-more-logo">' +
								'<img id="the-logo" id="learn-more-img" src="' + cb.find('learnmore').find('image').text() + '" />' +
							'</div>' +
							'<div id="learn-more-text">' +
								'<span></span>' +
							'</div>' +
						'</a>' +
					'</div>' +
				'</div>'
			);


            $('#person-' + cb.find('id').text() ).append(
				'<div id="learn-more-holder">' +
					'<div id="learn-more">' +
    					'<a id="product-link" href="' + cb.find('learnmore').find('link').text() + '" target="' + cb.find('learnmore').find('target').text() + '">' +
    						'<img id="the-logo" id="learn-more-img" src="' + cb.find('learnmore').find('image').text() + '" />' +
						'</a>' +
					'</div>' +
				'</div>'
			);
			
			$('#person-' + cb.find('id').text() ).append(
				'<div class="person-img">' +
					'<a href="' + cb.find('person').find('link').text() + '" target="' + cb.find('person').find('target').text() + '">' +
						'<img class="attachment-post-thumbnail wp-post-image" src="' + cb.find('person').find('image').text() + '" />' + 
					'</a>' +
				'</div>'
			);
			
			//featured
			if (cb.find('featured').text() != '') {
				$('#person-' + cb.find('id').text() ).append(
					'<div class="img" id="featured-product-img">' +
					'<a target="_blank" href="' + cb.find('featured').find('link').text() + '"><img src="' + cb.find('featured').find('image').text() + '"></a>' +
					'</div>' +
					'<div id="featured-product-text"><a target="_blank" href="' + cb.find('featured').find('link').text() + '">' + cb.find('featured').find('text').text() + '</a></div>'
				);
			}
			
			$('#person-' + cb.find('id').text() ).append(
				'<div class="promo">' +
					'<div class="promo-holder">' +
						'<div class="frame" id="' + cb.find('id').text() + '-promo">' +
							cb.find('promo').text() + 
						'</div>' +
					'</div>' +
				'</div>'
			);
			
			// tool tip
		 	$('.tooltip-holder').append(
				'<img class="' + cb.find('id').text() + '-hover" src="' + cb.find('tooltip').text() + '" width="118" height="89" />'
			);
			$('.btn-nav').append(
				'<li id="btn-' + cb.find('id').text() + '" class="' + status + '"><a href="#' + cb.find('id').text() + '">*</a></li>'
			);
			$('#btn-' + cb.find('id').text() + ' > a' ).click(function(){
				hash = $(this).attr('href').split("#");
				hash = hash[1].toString();
				clearInterval(timer);
				rotateBanner( hash );
				timer = setInterval(function(){rotateBanner();}, 9000);
			}).hover(
				function(){
				hash = $(this).attr('href').split("#");
				hash = hash[1].toString();
					$("." + hash + "-hover").css({'visibility':'visible'});
				},
				function(){
				hash = $(this).attr('href').split("#");
				hash = hash[1].toString();
					$("." + hash + "-hover").css({'visibility':'hidden'}).removeAttr('style')
				}
			);
		
			if( banner_count == 0 ){
				rotateBanner(current_banner);
			}else if( banner_count == 2 ){
				timer = setInterval(function(){rotateBanner();}, 9000); 
			}
		
			if( banner_count < (banners.length-1) ){
				banner_count++;
				loadBanner(banner_count);
			}
			
		});

}

if(!Array.indexOf){
	Array.prototype.indexOf = function(obj){
		for(var i=0; i<this.length; i++){
			if(this[i]==obj){
				return i;
			}
		}
		return -1;
  	}
}

function rotateBanner(set_banner){

	if( set_banner ){
		current_banner = set_banner;
	}else{
		
		index = loaded_banners.indexOf(current_banner);
		index++;
		if( index == loaded_banners.length ){ 
			index = 0;
		}
		current_banner = loaded_banners[index];
		
	}
	if($.browser.msie && $.browser.version > 9){ // added browser.version for EPIC AIR launch
		$('.bg-holder.active').removeClass('active').css('display','none');
		$('#bg-' + current_banner).css('display','block').addClass('active');
		
		$('.person-holder.active').css('display','none').removeClass('active');
		$('#person-' + current_banner).css('display','block').addClass('active');	
	}else{
		$('.bg-holder.active').animate({opacity:0}, 600).removeClass('active').css('display','none');
		$('#bg-' + current_banner).css('display','block').animate({opacity:1}, 600).addClass('active');
		
		$('.person-holder.active').fadeOut('fast').removeClass('active');
		$('#person-' + current_banner).fadeIn('slow').addClass('active');
	}

    $('#latest-news').fadeOut('fast');
	$('#latest-news').fadeIn('fast');
				
	$(".btn-nav > li.active").removeClass('active');
	$("#btn-" + current_banner).addClass('active');
	
};