var galleryCount;


$(document).ready(function(){
	
	var currentFrame = 0;
	var nextFrame = 1;
	var innerTime = 200;
	var frameAnimating = 0;
	var curSlideNum;
	
	
	var tmr_loadXML= setTimeout("load_xml()" ,1500);

		
		//hide gallery buttons
		for(var i=0; i<7; i++){
			for(var ii=0;ii<7;ii++){
				$('#inner'+i+ii).hide();
			}
		}
		
		$('.frame00, .frame10, .frame20, .frame30, .frame40').css({'display':'block'});
		$('.brand, .price').hide();
		$("#innerShow0, #innerShow1, #innerShow2, #innerShow3, #innerShow4, #innerShow5").attr('cf', 0);
		
		$("#inner00, #inner10, #inner20, #inner30, #inner40").addClass("activeFrame");

		$(".innerBullet").bind("click touchend MozTouchUp", function() {
			
			curSlideNum =slideCurr[1];
			currentFrame = $("#innerShow"+curSlideNum).attr("cf");
			var innerClicked = $(this).attr("id");
			nextFrame = parseInt(innerClicked.substring(6,7));
			var currInner = '#inner'+curSlideNum+currentFrame;
			
			
			if(nextFrame != currentFrame && frameAnimating==0){
				$(this).addClass("activeFrame");
				$(currInner).removeClass("activeFrame");
				frameFadeIn();
				frameAnimating = 1;
			}
		});
		
		
		function frameFadeIn(){
			var cFrame = '#innerShow'+curSlideNum+' .frame'+curSlideNum+currentFrame;
			var nFrame = '#innerShow'+curSlideNum+' .frame'+curSlideNum+nextFrame;
			
			$(cFrame).css({'z-index': '90'});
			$(nFrame).css({'z-index': '100', 'opacity': '0', 'display': 'block'});
			$(nFrame).animate({'opacity': '1'}, innerTime, 'swing', function() {
					frameComplete();
				});	
			
		}
		
		
		function frameComplete(){
			
			$('#innerShow'+curSlideNum+' .frame'+curSlideNum+currentFrame).css({'display': 'none'});
			$('#innerShow'+curSlideNum).attr('cf', nextFrame);
			currentFrame=nextFrame;
			frameAnimating = 0;
			
			
		}
		
		




///////   END DOCUMENT READY FUNCTION  ///////
});



function setupGallery(){
		
		//show gallery buttons we need
		for(var i=0; i<7; i++){
			for(var ii=0;ii<numFramesPerSlide[i];ii++){
				$('#inner'+i+ii).show();
			}
		}
		
	
		for(var i=0; i<numOfProductSlides; i++){
		
			for(var ii=0;ii<numFramesPerSlide[i];ii++){
				
				var indx = masterIndexForSlides[i];
				indx = indx[ii];
				
				var s = '#innerShow'+i+' .frame'+i+ii;
				//alert(i + "  " + ii  + "  " + indx);
				$(s+' img').attr('src', gallery_url[indx]);
 				$(s+' img').attr('alt', gallery_caption[indx]);
 				$(s+' .brand').html(gallery_caption[indx]);
 				$(s+' .price').html(gallery_caption2[indx]);
			}
	
		}
	
	
		$('.brand, .price').show();
}