// JavaScript Document

Event.observe(window, 'load', function() {
			AC.ProductBrowser.init({
				categories: [ {id: 'pb-cat1', offset: 0}, {id: 'pb-cat2', offset: 0.233}, 
							  {id: 'pb-cat3', offset: 0.580}, {id: 'pb-cat4', offset: 1.000} ],
				imageOverlap: 0,
				sliderCentering: 218,
				initialCategory: 1,
				arrowScrollAmount: 0.38,
				iPhoneCategories: [ {id: 'pb-cat1', offset: 0.0}, {id: 'pb-cat2', offset: 0.222}, 
									{id: 'pb-cat3', offset: 0.5}, {id: 'pb-cat4', offset: 1} ],
				iPhoneScrollAmount: 0.278,
				iPhoneContainerWidth: 804
			});
		}, false);

		// sliders, drawers
		var latestSliders = null;
		Event.observe(window, 'load', function() {
			var container = $('latest');
			latestSliders = new AC.SlidingBureau(container);
			var drawers = $$("#latest .drawers>li");
			for (var i = 0; i < drawers.length; i++) {
				var handle = drawers[i].getElementsByClassName('drawer-handle')[0];
				var content = drawers[i].getElementsByClassName('drawer-content')[0];
				var drawer = new AC.SlidingDrawer(content, handle, latestSliders, {
					triggerEvent: 'mouseover', 
					triggerDelay: 120
				});

				latestSliders.addDrawer(drawer);

				var title = 'Window Shade - Mac - ' + handle.innerHTML;
				var properties = {sprop3: title};
				AC.Tracking.trackLinksWithin(content, function() {return true;} , title, properties);
			}
			var freeDrawers = function(container) {
				return function() {
					if (!AC.Detector.isIEStrict()) {
						container.setStyle({height: 'auto'});
					}
				}
			}
			setTimeout(freeDrawers(container), 1000);
		});

		// quicktime gallery
		Event.observe(window, 'load', function() {
			var sections = $('findouthow').getElementsByClassName('button');
			var panels = {
				loading: $('findouthow'),
				description: $('descriptionpanel'),
				display: $('quicktime'),
				controller: $('quicktimecontroller')
			}

			if (!AC.Detector.isiPhone()) {
				new QuicktimeGallery(sections, panels); 
			} else {
				new QuicktimeSwitcher(sections, panels);
			}
		}, false);

		// foh click tracking
		Event.observe(window, 'load', function() {
			var fohLinks = $$('#main #findouthow .fohnav ul li a');
			for (var i=0; i<fohLinks.length; i++) {
				var title = AC.Tracking.pageName() + ' - FOH - '+fohLinks[i].innerHTML.stripTags();
				var properties = {sprop3: 'Click: '+title};
				AC.Tracking.trackLinksWithin(fohLinks[i], function() {return true;} , title, properties);
			 }
		});

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}