//--------------------------------------------------
function changeIcon (img) {
var tag = "images/scooter";
var i = img.src.indexOf (tag);
var which;
which = parseInt (img.src.substring (i+ tag.length));
which++;
if (which > 14)
 which = 1;
img.src = "images/scooter" + which + ".gif";
Karmatics.setCookie ("iconno", which.toString(), "/", 100);
}

//--------------------------------------------------
function writeIcon () {
var c = Karmatics.getCookie ("iconno");
if (c == null)
	c = 1;
else {
	c = parseInt(c);
	if (!(c >=1 && c<=15))
		c = 1;
	}
document.write ("<img src='images/scooter" + c + ".gif' alt='scooter' title='click to change me' onclick='changeIcon(this)' />");
}

var sfsc = {
//--------------------------------------------------
autoOpenShowroomImage : function () {
var c = Karmatics.getCookie ("autoopen");

if (c != null) {
	var a = c.split(",");
	if (a.length>1) {
		var b = parseInt(a[0]);
		var i = parseInt(a[1]);
		var block = sfsc_data.showroomImageData.blockList[b];
		Karmatics.scrollWindowToElement (block.list[i].thumbnailElem, popuppic_loadImage, [block, i]);
		}
	Karmatics.deleteCookie ("autoopen", "/");
	}
},

//--------------------------------------------------
goToShowroomBike : function (b, i) {
Karmatics.setCookie ("autoopen", b + "," + i, "/", 1);
document.location.href = "showroom.html";
},

//--------------------------------------------------
hiliteTab : function (name) {
var n = document.getElementById ("navigation");
var a = n.getElementsByTagName ("A");
for (var i=0; i<a.length; i++) {
	if (a[i].innerHTML.indexOf(name) != -1) {
		a[i].className = "selected";
		return;
		}
	}
},

//--------------------------------------------------
initShowroom : function () {
addOverviewSpecTabs ();
var blocks = sfsc_data.showroomImageData.blockList;
var el = aardvarkTools.createElement;
try {
  copyInSizes (blocks, showroomPageImageSizes);
  }
catch (e)
  {}

for (var k = 0; k < blocks.length; k++) {
	var block = blocks[k];
	if (sfsc_data.showroomImageData.path)
		block.path = (block.directory) ? sfsc_data.showroomImageData.path + block.directory + "/": path;
		
	var table = document.getElementById (block.id);
	if (table) {
    var td = Karmatics.getDecendantElem (table, "TD", "showroomlargeimage");
      
    var largeImageData = block.list[0];
    var img = el ("img", {src: block.path + largeImageData[0] + "-medium." + block.ext, style:{width: largeImageData.wM + "px", height: largeImageData.hM + "px"}});
    aardvarkTools.setEventHandler(td, "onclick", popuppic_loadImage, block, 0);
    block.list[0].thumbnailElem = td;
    td.appendChild (img);
      
    var trs = table.getElementsByTagName ("TR");
    var tr;
    
    var t = el("table", {className:"scooterthumbs"},
      el("tbody", null, tr = el("tr", null))
      );
      
    for (var i=1; i<block.list.length; i++) {
      var imageData = block.list[i];
      img = el("img", {src: block.path + imageData[0] + "-small." + block.ext});
      td = el("td", null, img);
      block.list[i].thumbnailElem = td;
      aardvarkTools.setEventHandler(td, "onclick",  popuppic_loadImage, block, i);
      tr.appendChild (td);
      }
    trs[trs.length-1].firstChild.appendChild (t);
    }
	} 
//checkSizes (sfsc_data.showroomImageData.blockList);
popuppic_setClickHandler ();
},

//----------------------------------------------------------
initPhotoPage : function () {
var blocks = sfsc_data.photoImageData; // in data.js

var el = aardvarkTools.createElement;

copyInSizes (blocks, photosPageImageSizes);

for (var blockNo=0; blockNo<blocks.length; blockNo++) {
	var block = blocks[blockNo];

	var div = document.getElementById ("gallery" + blockNo);
			
	var largeImageData = block.list[0];
	var img = el ("img", {style: {cssFloat: "left", styleFloat: "left", display: "inline", padding: "2px", margin: "4px", backgroundColor: "#fff", cursor: "pointer"}, src: block.path + largeImageData[0] + "-medium." + block.ext});
	aardvarkTools.setEventHandler(img, "onclick", popuppic_loadImage, block, 0);
	block.list[0].thumbnailElem = img;
	div.appendChild (img);
		
	var thumbsTd = document.getElementById ("thumbs")
	
	for (var i=1; i<block.list.length; i++) {
		var imageData = block.list[i];
		img = el("img", {style:{cssFloat: "left", styleFloat: "left", display: "inline", padding: "2px", margin: "4px", backgroundColor: "#fff", cursor: "pointer" }, src: block.path + imageData[0] + "-medium." + block.ext});
		block.list[i].thumbnailElem = img;
		aardvarkTools.setEventHandler(img, "onclick",  popuppic_loadImage, block, i);
		div.appendChild (img);
		}
	}
popuppic_setClickHandler ();
},

//----------------------------------------------------------
initShopPage : function () {
var blocks = sfsc_data.shopImageData; // in data.js

var el = aardvarkTools.createElement;

copyInSizes (blocks, shopPageImageSizes);


for (var blockNo=0; blockNo<blocks.length; blockNo++) {
	var block = blocks[blockNo];

	var div = document.getElementById ("gallery" + blockNo);
			
	var largeImageData = block.list[0];
	var img = el ("img", {style: {cssFloat: "left", styleFloat: "left", display: "inline", padding: "2px", margin: "4px", backgroundColor: "#fff", cursor: "pointer"}, src: block.path + largeImageData[0] + "-medium." + block.ext});
	aardvarkTools.setEventHandler(img, "onclick", popuppic_loadImage, block, 0);
	block.list[0].thumbnailElem = img;
	div.appendChild (img);
		
	var thumbsTd = document.getElementById ("thumbs")
	
	for (var i=1; i<block.list.length; i++) {
		var imageData = block.list[i];
		img = el("img", {style:{cssFloat: "left", styleFloat: "left", display: "inline", padding: "2px", margin: "4px", backgroundColor: "#fff", cursor: "pointer" }, src: block.path + imageData[0] + "-medium." + block.ext});
		block.list[i].thumbnailElem = img;
		aardvarkTools.setEventHandler(img, "onclick",  popuppic_loadImage, block, i);
		div.appendChild (img);
		}
	}
popuppic_setClickHandler ();

//checkSizes (sfsc_data.shopImageData);
}

};

//----------------------------------------------------------
function tabClicked (which, tableElem) {
var a = this.parentNode.childNodes;
for (var i=0; i < a.length; i++)
	if (a[i].isSelected) {
		Karmatics.modifyClassName (a[i], false, "showroomTabSelected");
		a[i].isSelected = null;
		}
Karmatics.modifyClassName (this, false, "showroomTabHilited");
Karmatics.modifyClassName (this, true, "showroomTabSelected");
this.isSelected = true;

var eo = Karmatics.getDecendantElem (tableElem, "DIV", "overview");
var es = Karmatics.getDecendantElem (tableElem, "TABLE", "specs");

if (which == "1") {
	eo.style.display = "";
	es.style.display = "none";
	}
else {
	eo.style.display = "none";
	es.style.display = "";
	}
}

//-----------------------------------------------
function tabMouseOver (which, elem) {
if (!this.isSelected)
	Karmatics.modifyClassName (this, (which == 0), "showroomTabHilited")
}

//-----------------------------------------------
function addOverviewSpecTabs () {
var a = document.getElementsByTagName("TABLE");
for (var i=0; i<a.length; i++) {
	if (a[i].className == "showroom") {
	
		var h = Karmatics.getDecendantElem (a[i], "DIV", "showroomheader");
		
		var el = aardvarkTools.createElement;
		var specTab, overviewTab;
		var t = el("div", {className:"showroomTabContainer"},
			overviewTab = el("div", {className: "showroomTab showroomTabSelected"},
				"overview"
				),
			specsTab = el("div", {className: "showroomTab"},
				"specs"
				)
			);
		h.insertBefore (t, h.firstChild);
		
		aardvarkTools.setEventHandler(specsTab, "onclick", tabClicked, 0, a[i]);
		aardvarkTools.setEventHandler(specsTab, "onmouseover", tabMouseOver, 0);
		aardvarkTools.setEventHandler(specsTab, "onmouseout", tabMouseOver, 1);
		
		aardvarkTools.setEventHandler(overviewTab, "onclick", tabClicked, 1, a[i]);
		aardvarkTools.setEventHandler(overviewTab, "onmouseover", tabMouseOver, 0);
		aardvarkTools.setEventHandler(overviewTab, "onmouseout", tabMouseOver, 1);	
		
		overviewTab.isSelected = true;
		}
	}
}

//--------------------------------------------------
function copyInSizes (list, sizes) {
for (var j=0; j<list.length; j++) {
	var block = list[j];
	var sizesBlock = sizes[j];
	for (var i=0; i<block.list.length; i++) {
		var imageData = block.list[i];
		var sizeData = sizesBlock[i];
		if (sizeData != null) {
      imageData.wL = sizeData[0];
      imageData.hL = sizeData[1];
      imageData.wS = sizeData[2];
      imageData.hS = sizeData[3];
      if (sizeData[4]) {
        imageData.wM = sizeData[4];
        imageData.hM = sizeData[5];
        }
      }
    }
	}
}

// these need to be reworked
//---------------------------------------------
function checkSizes (list, preString, postString) {
var el = aardvarkTools.createElement;
for (var j=0; j<list.length; j++) {
	var block = list[j];
	for (var i=0; i<block.list.length; i++) {
		var imageData = block.list[i];
		imageData.smallImg = el("img", {src: block.path + imageData[0] + "-small." + block.ext});
		imageData.mediumImg = el("img", {src: block.path + imageData[0] + "-medium." + block.ext});
		imageData.largeImg = el("img", {src: block.path + imageData[0] + "." + block.ext});
		document.body.appendChild (imageData.smallImg);
		document.body.appendChild (imageData.mediumImg);
		document.body.appendChild (imageData.largeImg);
		}
	}
aardvarkTools.setTimerFunction (5000, writeSizes, list, preString, postString);
}

//---------------------------------------------
function writeSizes (list, preString, postString) {
var el = aardvarkTools.createElement;
var s = "";
for (var j=0; j<list.length; j++) {
	var block = list[j];
	s += "[\n";
	for (var i=0; i<block.list.length; i++) {
		var imageData = block.list[i];
		
		s += "[" +
			imageData.largeImg.offsetWidth + ", " + imageData.largeImg.offsetHeight + ", " +
			imageData.smallImg.offsetWidth + ", " + imageData.smallImg.offsetHeight;
		if (imageData.mediumImg.offsetWidth)
			s += ", " + imageData.mediumImg.offsetWidth + ", " + imageData.mediumImg.offsetHeight;
		s += "],\n";
		}
	s = s.substring(0, s.length-2) + "\n";
	s += "],\n"
	}
s = s.substring(0, s.length-2) + "\n";
document.body.appendChild (el("textarea", {style:{width: "500px", height: "800px", clear: "both", margin: "5px"}, value: preString + s + postString}));
}