document.observe("dom:loaded", function() {
	setupPageNav();
	setupCategories();
	if ($('home_slideshow')) {
		loadSlideshow();
	}
	
	setupThumbnails();
	
	setupColorSelect();
});




function setupColorSelect() {
	if($('attribute76')){
		$('attribute76').selectedIndex = 1;
		$('attribute76').simulate('change'); 
	}
}













function setupCategories() {
	if ($('left-nav')) {
		
	}
}

function setupPageNav() {
	var pic_off = new Array();
	var pic_on = new Array();
	var i = 0;
	$$('#page_nav a').each(function(item) {
		i++;
		var src = item.firstChild.src;
		
		pic_off[i] = new Image(); 
  		pic_off[i].src = src.substr(0,src.length - 9) + 'burst.gif';
  		
  		pic_off[i] = new Image(); 
  		pic_off[i].src = src.substr(0,src.length - 9) + 'plain.gif';; 
		
		item.observe("mouseover", function() {	
			item.firstChild.src = src.substr(0,src.length - 9) + 'burst.gif';
		});
		item.observe("mouseout", function() {
			item.firstChild.src = src.substr(0,src.length - 9) + 'plain.gif';
		});
	});
	
	
	// stores list
	var url = new String(window.location);
	if (url.indexOf('malibu') > 0 || url.indexOf('malibu-essentials') > 0 || url.indexOf('santa-monica') > 0 || url.indexOf('venice') > 0 || url.indexOf('beverly-hills') > 0 || url.indexOf('santa-monica-mens') > 0) {
		$('stores_list').setStyle({
			'display':'block'
		});
		
		var store_src = $('store_image').src;
		var map_src = store_src.substr(0, store_src.length - 9) + 'map.jpg';
		var current_src = 'store';
		$('map_link').observe('click', function() {
			if (current_src == 'store') {
				$('store_image').src = map_src;
				this.innerHTML = 'view store photo';
				current_src = 'map';
			} else {
				$('store_image').src = store_src;
				this.innerHTML = 'view map';
				current_src = 'store';			
			}
		});
	}	
	
	$('stores_link').observe('click', function() {
		hideHeaderSubLinks();
		
		$('stores_list').setStyle({
			'display':'block'
		});
	});
	
	// about list
	var url = new String(window.location);
	if (url.indexOf('the-beginnings') > 0 || url.indexOf('in-the-press') > 0 || url.indexOf('contact-us') > 0) {
		$('about_list').setStyle({
			'display':'block'
		});
	}
	
	$('about_link').observe('click', function() {
		hideHeaderSubLinks();
		
		$('about_list').setStyle({
			'display':'block'
		});
	});
	
}

function hideHeaderSubLinks() {
	$$('.header_sublinks').each(function(item) {
		item.setStyle({
			'display':'none'
		});
	});
}

function dspNews(src){
	if(document.getElementById(src).style.display=='block'){
		document.getElementById(src).style.display='none';
	} else {	
		document.getElementById(src).style.display='block';
	}
}

function loadSlideshow() {
	var flashvars = {};
	var params = {};
	var attributes = {};
	swfobject.embedSWF("/skin/frontend/default/planetblue/flash/spbSlashSpinner.swf", "home_slideshow", "880", "500", "9.0.0","/skin/frontend/default/planetblue/flash/expressInstall.swf", flashvars, params, attributes);
}

function setupThumbnails() {
	var i = 0;
	$$('.product-thumbnails').each(function(item) {
		i++;
		
		var src = $('thumbnail_'+i).src
		
		item.observe("mouseover", function() {	
			$('image').src = src;
			$('image-link').href = src;
		});
	});
}




/**
* Event.simulate(@element, eventName[, options]) -> Element
*
* - @element: element to fire event on
* - eventName: name of event to fire (only MouseEvents and HTMLEvents interfaces are supported)
* - options: optional object to fine-tune event properties - pointerX, pointerY, ctrlKey, etc.
*
* $('foo').simulate('click'); // => fires "click" event on an element with id=foo
*
**/
var eventMatchers = {
'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
'MouseEvents': /^(?:click|mouse(?:down|up|over|move|out))$/
}
var defaultOptions = {
pointerX: 0,
pointerY: 0,
button: 0,
ctrlKey: false,
altKey: false,
shiftKey: false,
metaKey: false,
bubbles: true,
cancelable: true
}

Event.simulate = function(element, eventName) {
	var options = Object.extend(defaultOptions, arguments[2] || { });
	var oEvent, eventType = null;
	
	element = $(element);
	
	for (var name in eventMatchers) {
	  if (eventMatchers[name].test(eventName)) { eventType = name; break; }
	}
	
	if (!eventType)
	  throw new SyntaxError('Only HTMLEvents and MouseEvents interfaces are supported');
	
	if (document.createEvent) {
	  oEvent = document.createEvent(eventType);
	  if (eventType == 'HTMLEvents') {
		oEvent.initEvent(eventName, options.bubbles, options.cancelable);
	  }
	  else {
		oEvent.initMouseEvent(eventName, options.bubbles, options.cancelable, document.defaultView,
		  options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
		  options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, element);
	  }
	  element.dispatchEvent(oEvent);
	}
	else {
	  options.clientX = options.pointerX;
	  options.clientY = options.pointerY;
	  oEvent = Object.extend(document.createEventObject(), options);
	  element.fireEvent('on' + eventName, oEvent);
	}
	return element;
}

Element.addMethods({ simulate: Event.simulate });