function resetSliders(elementId, headerElement){
var element = document.getElementById(elementId);
if(elementId == "examplePanel8"){
if(element.up == false || element.down){
animate(elementId, 155, 0, 0, 0, 250, null);
element.up = true;
element.down = false;
headerElement.innerHTML = '
';
}
}else{
if(element.up == false || element.down){
animate(elementId, 0, 0, 0, 0, 250, null);
element.up = true;
element.down = false;
headerElement.innerHTML = '';
}
}
}
function reverseExample(elementId, headerElement){
var element = document.getElementById(elementId);
//alert("headerElement = "+headerElement);
if(element.up == false || element.down){
clearTimeout ( timerObj );
timerObj = setTimeout("fadeOut()", delay);
animate(elementId, 155, 0, 0, 0, 250, null);
element.up = true;
element.down = false;
headerElement.innerHTML = '';
}
else{
clearTimeout ( timerObj );
//timerObj = setTimeout("fadeOut()", delay);
animate(elementId, 0, 0, 155, 74, 250, null);
element.down = true;
element.up = false;
headerElement.innerHTML = '';
}
}
function slideExample(elementId, headerElement){
var element = document.getElementById(elementId);
//alert("headerElement = "+headerElement);
if(element.up == false || element.down){
clearTimeout ( timerObj );
timerObj = setTimeout("fadeOut()", delay);
animate(elementId, 0, 0, 0, 0, 250, null);
element.up = true;
element.down = false;
headerElement.innerHTML = '';
}
else{
clearTimeout ( timerObj );
//timerObj = setTimeout("fadeOut()", delay);
animate(elementId, 0, 0, 155, 74, 250, null);
element.down = true;
element.up = false;
headerElement.innerHTML = '';
}
}
var duration = 1000; /* 1000 millisecond fade = 1 sec */
var steps = 20; /* number of opacity intervals */
var delay = 12000; /* 5 sec delay before fading out */
var timerObj = 0;
var fadeObj = 0;
//on the last coord subtract 137 from the final left position
var coords = [
[['Rise Desk Chair', 166, 295,"product_details.php?id=00059"],['Square Dining Table
Titan Collection', 128, 436,"product_details.php?id=00029"],['Chair', 162, 614,"product_details.php?id=00059"],['content d', 0, 0,"#"],['content e', 0, 0,"#"],['content f', 0, 0,"#"],['content g', 0, 0,"#"],['Dining Table
Titan Collection', 142, 672,"product_details.php?id=00053"]],
[['Bar Height Round Dining Table
Titan Collection', 97, 364,"product_details.php?id=00051"],['Manhattan Barstool', 121, 532,"product_details.php?id=00060"],['Chair', 148, 640,"product_details.php?id=00062"],['content d', 0, 0,"#"],['content e', 0, 0,"#"],['content f', 0, 0,"#"],['content g', 0, 0,"#"],['Square Dining Table
Titan Collection', 114, 657,"product_details.php?id=00062"]],
[['Square Dining Table
Titan Collection', 94, 466,"product_details.php?id=00052"],['Chair', 128, 729,"product_details.php?id=00062"],['content c', 0, 0,"#"],['content d', 0, 0,"#"],['content e', 0, 0,"#"],['content f', 0, 0,"#"],['content g', 0, 0,"#"],['content h', 0, 0,"#"]]
];
var end = coords[0].length;
//alert(coords[0][1][0]);
var Pic = new Array();
/*Pic[0] = 'images/product_headers/header_img_001.jpg'
Pic[1] = 'images/product_headers/header_img_002.jpg'
Pic[2] = 'images/product_headers/header_img_003.jpg'
Pic[3] = 'images/product_headers/header_img_004.jpg'
Pic[4] = 'images/product_headers/header_img_005.jpg'
Pic[5] = 'images/product_headers/header_img_006.jpg'
Pic[6] = 'images/product_headers/header_img_007.jpg'*/
/*Pic[0] = 'images/product_headers/header_img_008.jpg'
Pic[1] = 'images/product_headers/header_img_009.jpg'
Pic[2] = 'images/product_headers/header_img_010.jpg'
Pic[3] = 'images/product_headers/header_img_011.jpg'*/
Pic[0] = 'images/product_headers/header_img_012.jpg'
Pic[1] = 'images/product_headers/header_img_013.jpg'
Pic[2] = 'images/product_headers/header_img_014.jpg'
// do not edit anything below this line
var lastFirstImg = 0;
var t;
var j = 0;
//var bg = 0;
var p = Pic.length;
var opac = 0;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function resetBtns(){
for(var i = 0; i < end; i++){
var dNum = i+1;
var panelDiv = "examplePanel"+dNum;
var headerDiv = "exampleHeader"+dNum;
resetSliders(panelDiv,headerDiv);
//resetSliders('examplePanel2', exampleHeader2)
}
}
function populatebtns(){
//alert(end);
for(var i = 0; i < end; i++){
var dNum = i+1;
var btnDiv = "bt"+i;
var exampleDiv = "examplePanel"+dNum;
//alert(btnDiv +" " + exampleDiv);
if(coords[j][i][1] == 0){
//alert(btnDiv +" " + i);
document.getElementById(btnDiv).style.visibility = 'hidden';
}else{
document.getElementById(btnDiv).style.visibility = 'visible';
}
//document.getElementById(btnDiv).style.position = "absolute";
//document.getElementById(btnDiv).style.top =
document.getElementById(btnDiv).style.top = coords[j][i][1]+"px";
document.getElementById(btnDiv).style.left = coords[j][i][2]+"px";
document.getElementById(exampleDiv).innerHTML = ""+coords[j][i][0]+'
View Product »'+"";
}
}
/* set the opacity of the element (between 0.0 and 1.0) */
function setOpacity(level) {
document.images.SlideShow.style.opacity = level;
document.images.SlideShow.style.MozOpacity = level;
document.images.SlideShow.style.KhtmlOpacity = level;
document.images.SlideShow.style.filter = "alpha(opacity=" + (level * 100) + ");";
opac=level;
if(level >= .94){
opacity = 100;
opac = 100;
// IE/Win
document.images.SlideShow.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
document.images.SlideShow.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
document.images.SlideShow.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
document.images.SlideShow.style.opacity = opacity/100;
//alert("the end "+level);
}
if(level == 0){
//alert(lastFirstImg);
//alert(preLoad[j].src);
resetBtns();
document.SlideShow.src = preLoad[j].src;
populatebtns();
}
if(level == 1){
bg = j -1;
if(bg < 0) bg = p;
document.getElementById("image_header1b").style.backgroundImage = "url("+preLoad[bg].src+")";
var opacity = 100;
// IE/Win
document.images.SlideShow.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
document.images.SlideShow.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
document.images.SlideShow.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
document.images.SlideShow.style.opacity = opacity/100;
//alert("the end "+level);
}
lastFirstImg = 0;
//
}
function fadeIn(){
for (i = 0; i <= 1; i += (1 / steps)) {
fadeObj = setTimeout("setOpacity(" + i + ")", i * duration);
}
timerObj = setTimeout("fadeOut()", delay);
}
function fadeOut() {
for (i = 0; i <= 1; i += (1 / steps)) {
fadeObj = setTimeout("setOpacity(" + (1 - i) + ")", i * duration);
}
nextImg();
timerObj = setTimeout("fadeIn()", duration);
}
function nextImg(){
j = j + 1;
if (j > (p - 1)) j = 0;
//document.images.SlideShow.src = preLoad[j].src;
}
function clickNext(){
//alert("j = "+ j);
if(opac == 100){
clearTimeout ( timerObj );
resetBtns();
document.getElementById("image_header1b").style.backgroundImage = "url("+preLoad[j].src+")";
nextImg();
fadeIn();
}
}
function clickPrev(){
if(opac == 100){
resetBtns();
clearTimeout ( timerObj );
//clearTimeout ( fadeObj );
if(j < 0) j = (p - 1);/**/
//j = 0;
//lastFirstImg = 1;
//alert("first image");
document.getElementById("image_header1b").style.backgroundImage = "url("+preLoad[j].src+")";
prevImg();
fadeIn();
}
}
function prevImg(){
j--;
if (j < 0) j = (p-1);
//document.images.SlideShow.src = preLoad[j].src;
}