var btnViewsOn = new Image();
btnViewsOn.src = "images/icons/views_hover.gif";
var btnViewsOff = new Image();
btnViewsOff.src = "images/icons/views_off.gif";

var btn360On = new Image();
btn360On.src = "images/icons/360_hover.gif";
var btn360Off = new Image();
btn360Off.src = "images/icons/360_off.gif";


$(document).ready(function(){
    $("#basic-accordian").accordion({
        autoHeight: false,
        header: "div.accordian_headings",
        alwaysOpen: false
    });
    initThumbs();
  });

function swapLImg(hColorID) {
    var i;
    if (document.getElementById('hView' + hColorID)) {
        document.getElementById('btnViews').style.display = 'inline';
    } else {
        document.getElementById('btnViews').style.display = 'none';
    }
    var imgList = document.getElementsByName('hdnLImage');
    currColorID = hColorID;
    i = currIndex(currColorID, imgList);
/*
    alert(imgList[i - 1].title);  //prev
    alert(imgList[i].title);
    alert(imgList[i + 1].title);  //next
  */  
//    var imageLoc = document.getElementById('helmet' + hColorID);
    var imageLoc = imgList[i];
    if (imageLoc.src != '' && imageLoc.src != document.getElementById(lImgID).src) {
        setPrevNext(i, imgList)
        
        document.getElementById('colorName').innerHTML = imageLoc.title;
        document.getElementById(sizeChartID).innerHTML = eval('sz' + hColorID);
        document.getElementById(sizeRun).innerHTML = eval('sr' + hColorID);
        document.getElementById(hPrice).innerHTML = eval('pr' + hColorID);
        if (eval('v360' + hColorID) == '') {
            document.getElementById('lnk360').style.display = 'none';
        } else {
            document.getElementById('lnk360').style.display = 'inline';
            swf360 = eval('v360' + hColorID);
        }
        document.getElementById('largeImgDiv').style.backgroundImage = 'url(' + imageLoc.src + ')';
        gblOldImg = document.getElementById(lImgID);
        gblNewImg = imageLoc;
		photoFade();
    }
}

function initThumbs() {
   var imgList = document.getElementsByName('hdnLImage');
   var i = currIndex(currColorID, imgList);
   setPrevNext(i, imgList);
}

function setPrevNext(hColorIndex, imgList) {
    if (hColorIndex == 0)
        prevColorID = imgList[imgList.length - 1].id.substr(6,4);
    else
        prevColorID = imgList[hColorIndex - 1].id.substr(6,4);
    if (hColorIndex == imgList.length - 1)
        nextColorID = imgList[0].id.substr(6,4);
    else
        nextColorID = imgList[hColorIndex + 1].id.substr(6,4);
        
}
function currIndex(hColorID, imgList) {
    var i = 0;
    for (i = 0; i < imgList.length; i++) {
        if (imgList[i].id == 'helmet' + hColorID)
            break;
    }
    return i;
}

var gblOpacity = 100;
var gblFadeSeconds = .85;
var gblNewImg;
var gblOldImg;
function photoFade() {
  	var theimg = gblOldImg;
	
  	// determine delta based on number of fade seconds
	// the slower the fade the more increments needed
        var fadeDelta = 100 / (30 * gblFadeSeconds);

	// fade top out to reveal bottom image
	if (gblOpacity < 2*fadeDelta ) 
	{
	  gblOldImg.src = gblNewImg.src;
	  gblOpacity = 100;
	  setOpacity(theimg,gblOpacity);
	}
	else
	{
	  gblOpacity -= fadeDelta;
	  setOpacity(theimg,gblOpacity);
	  setTimeout("photoFade()",30);  // 1/30th of a second
	}
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function displayViews() {
    var imageLoc = document.getElementById('hView' + currColorID);
    var imageItem;    
    if (imageLoc.length) {
        imageItem = imageLoc[0];
    } else {
        imageItem = imageLoc;
    }
    if (imageItem)
        tb_show(imageLoc.title, imageLoc.href, imageLoc.rel);
}

function swapImg(imgID, status) {
    document.getElementById(imgID).src = eval(imgID + status).src;
}