// JavaScript Document
var viewToolsButtons;
var defaultView = "thumbs";

function initViewTools(){
	
	var currentView = readCookie("view");
	if(currentView == ""){
		currentView = defaultView;
	}

	viewToolsButtons = getElementsBySelector("#category_view_tools li a");
	for(var i in viewToolsButtons){
		var button = viewToolsButtons[i];
		button.data = button.href.split("#")[1];
		EventUtils.addEventListener(button, "click", setCategoryView);
		button.href = "javascript:void(0);";
		
		if(button.data == currentView){
			button.className = "selected";
		}
	}
	
	document.getElementById("product_thumbs").className = currentView;
	
	/* IE Fix for footer */
	if(navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0){
		//document.getElementById("footer_wrapper").style.styleFloat = "left";
	}

}

function setCategoryView(evt){
	
	var button;
	
	if(evt){
		if(evt.srcElement){
			button = window.event.srcElement;
		}else{
			button = evt.target;
		}
	}else{
		return;
	}

	var categoryList = document.getElementById("product_thumbs");
	var view = button.data;
	
	if(view == undefined){
		categoryList.className = "";
	}else{
		categoryList.className = view;
	}
	
	for(var i in viewToolsButtons){
		var b = viewToolsButtons[i];
		b.className = "";
	}
	
	button.className += " selected";
	button.blur();
	
	createCookie('view', view, 30);
}

EventUtils.addEventListener(window,'load',initViewTools);