var sectionItems = new Array();
			var fadeTimeout=-1;
			var currSlides;
			var currImage = 0;
			var rotateInterval=-1;
			var rotating=true;
			var ROTATE_TIMEOUT=10
			var rotateTimeout=0;
			
			$(document).ready(function(){
				rotateInterval=setInterval(function(){
					if(rotating){
						if((currImage<currSlides.length-1)&&(currSlides!='brands')){
							loadImage(currImage+1);
						} else {
							var tempSlides="";
							console.log(currSlides);
							switch(currSlides){
								case "section1":
									tempSlides="section2";
									break;
								case "section2":
									tempSlides="brands";
									break;
								case "brands":
									tempSlides="section3";
									break;
								case "section3":
									tempSlides="section1";
									break;
							}
							loadTab(tempSlides);
						}
					} else {
						rotateTimeout++;
						if(rotateTimeout>ROTATE_TIMEOUT){
							rotating=true;
							rotateTimeout=0;
						}
					}
				},6000);
				updateFont();
				
				$.get("/bliviewer/data/viewerData.json", function(data) {
					console.log(data);
  					var result = $.parseJSON(data);
  					
					for(var i=0; i<result.BLIViewerData.length; i++){
						if(result.BLIViewerData[i]!=0){
							switch(result.BLIViewerData[i].id){
								
								case "brands":
									sectionItems['brands']=[];
									storeItems(result.BLIViewerData[i].url,result.BLIViewerData[i].children,sectionItems['brands'],result.BLIViewerData[i].id);
									break;
								default:
									sectionItems[result.BLIViewerData[i].id]=[];
									storeItems(result.BLIViewerData[i].url,result.BLIViewerData[i].children,sectionItems[result.BLIViewerData[i].id],result.BLIViewerData[i].id);
									break;									
							}
						}
					}
					
					loadTab("section1");
					 
					
				});
				function cancelRotate(){
					rotating=false;
				}
				function storeItems(dir,result, arr, id){
					var ct = 0;
					var displayItems = [];
					for(var i=0; i<result.length; i++){
						if(result[i]==0){
						} else if(id=="brands") {
							arr.push(result[i]);
							displayItems.push('<div id="'+id+'-slide-'+ct+'" class="brandIcon" rel="'+ct+'"><a href="#" class="brandIconBG"></a><a href="#"><img src="'+result[i].previewImg+'"/></a></div>');
							ct++;
						} else {
							arr.push(result[i]);
							//var imgSrc='/modx/assets/components/gallery/connector.php?action=web/phpthumb&w=752&h=423&zc=1&far=C&q=90&src=%2Fmodx%2F'+result[i].previewImg.replace(/\//gi,'%2F').replace(/ /gi,'%20');
							var imgSrc=dir+result[i].previewImg;
						  	displayItems.push('<div id="'+id+'-slide-'+ct+'" class="slide" rel="'+ct+'"><a href="#"><img src="'+imgSrc+'"/></a></div>');
						  	ct ++;
						  	$("#div-"+id).css("width", String(ct*752) + "px");
					
						}
					}
					$("#div-"+id).css("opacity", "0");
					$("#div-"+id).html(displayItems.join(""));
				}
				
				function loadTab(id)
				{
					//console.log("loadTab: " + id);
					
					currSlides = id;
					currImage = 0;
					updateFont();
					
					// hide then show the lower navigation bar
					
					$("#viewerNav").addClass("hide");
					if(currSlides!='brands'){
						setTimeout(function () {
							$("#viewerNav").removeClass("hide");
							if(fadeTimeout!=-1){
								window.clearTimeout(fadeTimeout);
								fadeTimeout=window.setTimeout(function(){
									$("#viewerNav").addClass('hide');
								},3000)
							}
						},500);
					}
					
					// fade in/out the main viewer content to match the selected tab
					$(".viewerContent").each ( function () {
						var divID = this.id;
						if ( divID == "div-"+id) {
							//console.log("test div id: "+divID);
							$("#"+divID).css("left","0");
							$("#"+divID).css("opacity","0");
							$("#"+divID).show();
							if(id!='brands'){
								loadImage(currImage);
							} else {
								$("#viewerNav").addClass('hidden');
							}
							setTimeout(function (div) {
								//$("#"+divID).fadeIn();
								$("#"+div).css("opacity","1");
							},300,divID);
						} else {
							//$("#"+divID).addClass("hidden");
							setTimeout(function (div) {
								$("#"+div).css("left","0");
								$("#"+div).css("opacity","0");
								$("#"+div).hide();
								updateFont();
							},300,divID);
						}
					});

					// adjust the navigation - main bar
					$(".arrow").each ( function () {
						var myID = this.id;
						if (myID == id) {
							$("#"+myID).addClass("selected");
							setTimeout(function () {
								$("#"+myID).children(".arrowDiv").removeClass("hidden");
							}, 300);
						} else {
							$("#"+myID).children(".arrowDiv").addClass("hidden");
							setTimeout(function () {
								$("#"+myID).removeClass("selected");
								$("#"+myID).removeClass("hover");
							}, 300);
						}
					});
					
					
					
				}
				
				function updateFont(){
					/*Cufon.replace('#section1', { fontFamily: 'MetaPro-Normal' });
					Cufon.replace('#section2', { fontFamily: 'MetaPro-Normal' });
					Cufon.replace('#brands', { fontFamily: 'MetaPro-Normal' });
					 
					setTimeout(function () {
						Cufon.replace('#section1', { fontFamily: 'MetaPro-Normal' });
						Cufon.replace('#section2', { fontFamily: 'MetaPro-Normal' });
						Cufon.replace('#brands', { fontFamily: 'MetaPro-Normal' });
					},5);*/
				}
				
				
				function loadImage(id)
				{
					currImage = id;
					
					var newPosition = String(id*-752) + "px";
					
					//console.log("loadImage: " + currImage + " @ " + newPosition);
					
					var dataArray=sectionItems[currSlides];
					console.log(currSlides);
					$("#viewerInfo").addClass("hidden");
					$("#viewerByline").addClass("hidden");
					$("#viewerBrandIcon").addClass("hidden");
					//Cufon.replace('#viewerInfo', { fontFamily: 'MetaPro-Normal' });
					
					setTimeout( function () {
						console.log(id);
						$("#viewerInfo").html(dataArray[id].tagline);
						$("#viewerByline").html(dataArray[id].byline);
						$("#viewerBrandIcon").html('<img class="brandIconSmall" src="/modx/'+dataArray[id].brand+'"/>');
						$("#viewerInfo").removeClass("hidden");
						$("#viewerByline").removeClass("hidden");
						$("#viewerBrandIcon").removeClass("hidden");
						if(fadeTimeout!=-1){
							window.clearTimeout(fadeTimeout);
						}	
						fadeTimeout=window.setTimeout(function(){
							$("#viewerNav").addClass('hide');
						},3000)
						/*Cufon.replace('#viewerInfo', { fontFamily: 'MetaPro-Normal' });
						Cufon.replace('#viewerByline', { fontFamily: 'MetaPro-Normal' });*/
					},300);
					
					
					//console.log(currSlides+","+id+','+newPosition);
					$('#div-'+currSlides).css("left",newPosition);
					$('#div-'+currSlides).removeClass('hidden').show();
					/*$("#div-"+currSlides).animate(
						{left:newPosition, leaveTransforms:false},
						500, 
						function() {//console.log('animationcomplete');}
					);*/
					
				}
				
				/*$(.arrow).prepend('<div class="arrowDiv hidden"></div>');*/
				$(".arrow").click( function () {
					updateFont();
					loadTab(this.id);
					cancelRotate();
				});
				
				$(".arrow").mouseover(function (){
					$(".arrow").removeClass("hover");
					$(this).addClass("hover");
					updateFont();
					setTimeout(function () {
						$(this).addClass("hover");
						updateFont();
					},10);
				});
				$(".arrow").mouseout(function (){
					$(this).removeClass("hover");
					updateFont();
					setTimeout(updateFont,10);
				});
				
				$("#viewerNext").click( function () {
					cancelRotate();
					var l=sectionItems[currSlides].length;
					var newImage = currImage + 1;
					if (newImage >= l) newImage = 0;
					loadImage(newImage);
				});
				$("#viewerPrev").click( function () {
					cancelRotate();
					var l=sectionItems[currSlides].length;
					var newImage = currImage - 1;
					if (newImage < 0) newImage = l-1;
					loadImage(newImage);
				});
				$("#viewer").mousemove(function(){
					if(currSlides!='brands'){
						if(fadeTimeout!=-1){
							window.clearTimeout(fadeTimeout);
						}	
						fadeTimeout=window.setTimeout(function(){
							$("#viewerNav").addClass('hide');
						},3000)
						$("#viewerNav").removeClass('hide');
					}
				});
				
			});