// JavaScript Document
// LEVEL G, LLC - http://www.levelg.com

//INITIALIZE VARIABLES
var viewCookie;
var viewTitle = '';
var imageClass;
var selectedElement = null;
var defaultElementId = "";
var lastSelectedElement;

// UNHIGHLIGHT VIEW OPTIONS BUTTON
function unhighlightNavItem(element) {
	if(element != selectedElement) {
		element.className = element.id.toString();
	}
}

// HIGHLIGHT VIEW OPTIONS BUTTON
function highlightNavItem(element) {
	if(element.className.match("_over")==null)  {
		element.className += "_over";
	}
	
}

// SET NEW BUTTON STATE AND CHANGE SHEET
function selectAndSwitch(elementId) {
	var element = document.getElementById(elementId);
	highlightNavItem(element);
	selectedElement = element;
	if(lastSelectedElement!=null) {
		unhighlightNavItem(lastSelectedElement);
	}
	lastSelectedElement = element;
	switchView(elementId);
}

//CREATE COOKIE, CHANGE SHEET AND IMAGE SIZES
function switchView(which) {
  createCookie("viewStyle", which, 365);
  var imageNames = createElementArray('img', imageClass);
	var picSize;
	setActiveViewStyleSheet(which);
	for(var i=0; i<imageNames.length; i++) {
			if(which=='viewOptions_large') {
				changeImg(imageNames[i].id, imageNames[i].getAttribute('largeness'));
			} else if(which=='viewOptions_small' || which=='viewOptions_medium') {
				changeImg(imageNames[i].id, imageNames[i].getAttribute('smallness'));
			}
	}
}

//CHANGE IMG SRC
function changeImg(ImageID, ImageURL){
	document.getElementById(ImageID).src=ImageURL;

}

//SET SHEET
function setActiveViewStyleSheet(viewTitle) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
	  if (a.getAttribute("title") == 'viewOptions_large' || a.getAttribute("title") == 'viewOptions_medium' || a.getAttribute("title") == 'viewOptions_small') {
    		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
     	 		a.disabled = true;
      			if(a.getAttribute("title") == viewTitle) a.disabled = false;
    		}
	  }
  }
}

//RETURN ENABLED SHEET
function getActiveViewStyleSheet() { 
 var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) {
	if(a.getAttribute("title") == 'viewOptions_medium') {
			return a.getAttribute("title");
		} else if(a.getAttribute("title") == 'viewOptions_large') {
			
			return a.getAttribute("title");
		} else if(a.getAttribute("title") == 'viewOptions_small') {
			return a.getAttribute("title");
		}
	}
  }
  return null;
}

//INITIALIZE COOKIE, SET CURRENT BUTTON
function initViews(tempClass) {
	imageClass = tempClass;
	viewCookie = readCookie("viewStyle");
	if(viewCookie!=null) {
		viewTitle = viewCookie
	} else if(viewCookie==null) {
		viewTitle = 'viewOptions_medium';
	}
	defaultElementId = document.getElementById(viewTitle);
	selectedElement = viewTitle;
	selectAndSwitch(viewTitle);
	
}