window.addEvent('domready', function() {
	
	//1.2.3 compatibility fix for $
	window.$ = document.id;
	
	var scrollBox = $('content_lower');
	var innerStage = $('slider_inner');
	var thumbsHolder = $(innerStage.getElement('ul'));
	var scrollLinks = $$('.thumb');
	var myItems = $$('.product');
	var prevBtn = $('prev_btn');
	var nextBtn = $('next_btn');
	
	//tooltips addition here
	var customTips = $$('.tooltip');
	var toolTips = new Tips(customTips, {
		showDelay: 500,
    	className: 'hah_tip',
		
		
		
		onShow: function(tip){
			//passes the tooltip element
			//you can fade in to full opacity
			//or leave them a little transparent
			tip.fade('in');
		},
		onHide: function(tip){
			tip.fade('out');
		}
	});
	
	
	
	scrollBox.set('opacity', .0001);
	thumbsHolder.set('opacity', .0001);
	
	
	innerStage.setStyles({
		'overflow' : 'hidden'
	});
	
	scrollBox.setStyles({
		'overflow': 'hidden',
		'height' : 380
	});
	
	
	//preload images here
	var theSources = new Array();
	myItems.each(function(el, i){
		var picList = $(el.getElement('.pics_list'));
		var tempImages = $$(picList.getElements('a'));
		tempImages.each(function(el_img, k_img){ 
			var tempSrc = el_img.getProperty('href');
			theSources.push(tempSrc);			
		});
		
	});
	
	var thmbImgs = $$(thumbsHolder.getElements('li img'));
	thmbImgs.each(function(el, i){
		var tempSrc = el.getProperty('src');
		theSources.push(tempSrc);	
	});
											   
	
	var myImages = new Asset.images(theSources, {
		onProgress: function(counter){
			//
		},

		onComplete: function(){
			scrollBox.set('opacity', 1);
			thumbsHolder.set('opacity', 1);
			
			if(myItems.length > 0) {
				myGallery = new Gallery({
					stage: scrollBox,
					inner: innerStage,
					thumbs: scrollLinks,
					thumbsHolder: thumbsHolder,
					items: myItems,
					prevBtn: prevBtn,
					nextBtn: nextBtn,
					//thumbsDir: "/hah/images/products/thumbs/",
					thumbsDir: "/images/products/thumbs/",
					transitionTime: 1000
				});
				myGallery.start();
			}
			
		}
		
	});
	//end images load
	
	
	
	
	
	
});