function changeLogo(logo) {
	var idx = logo.src.indexOf('.jpg');
	var num = logo.src.substring(idx-1,idx);
	if (num > 2) {
		num = 1;
	} else {
		num++;
	}
	logo.src='images/logo'+num+'.jpg';
}

var bgvalue = 0;
function changeBg() {
	if(bgvalue >= 3) {
		bgvalue=1;
	} else {
		bgvalue++;
	}
    document.body.background='images/bg'+bgvalue+'.jpg';
}

function switchFrame(name, src) {
	if (src == 1) {
		// Click to show content
		frames['content'].location.href='content_'+name+'.html';
	} else if (src == 2){
		// Click to show the big images
		var path = name.src.substring(name.src.indexOf('tn_')+3);
		frames['content'].location.href='content_image.php?imageName='+path;
	} else {
		frames['content'].location.href='content_'+name+'.php';
	}
}
function changeImage(name) {
	if (name == 'home') {
		document.all['image1'].src='images/tn_blueinstall1.jpg';
		document.all['image2'].src='images/tn_redinstall1.jpg';
		document.all['image3'].src='images/tn_sc300.jpg';
		document.all['image4'].src='images/tn_srtstyle.jpg';
	} else if (name == 'spec') {
		document.all['image1'].src='images/tn_wire.jpg';
		document.all['image2'].src='images/tn_jewelry.jpg';
		document.all['image3'].src='images/tn_coloroptions.jpg';
		document.all['image4'].src='images/tn_redkit.jpg';
	} else if (name == 'feed') {
		document.all['image1'].src='images/tn_blueinstall1.jpg';
		document.all['image2'].src='images/tn_redinstall1.jpg';
		document.all['image3'].src='images/tn_silver.jpg';
		document.all['image4'].src='images/tn_srtstyle_install.jpg';
	} else if (name == 'order') {
		document.all['image1'].src='images/tn_blackkit.jpg';
		document.all['image2'].src='images/tn_srtstylekit.jpg';
		document.all['image3'].src='images/tn_bluekit.jpg';
		document.all['image4'].src='images/tn_yellowKit.jpg';
	} else if (name == 'is300') {
		document.all['image1'].src='images/tn_blueinstall2.jpg';
		document.all['image2'].src='images/tn_bluekit_full.jpg';
		document.all['image3'].src='images/tn_redinstall1.jpg';
		document.all['image4'].src='images/tn_srtstyle.jpg';
	} else if (name == 'gs400') {
		document.all['image1'].src='images/tn_gs400black1.jpg';
		document.all['image2'].src='images/tn_gs400black2.jpg';
		document.all['image3'].src='images/tn_silver.jpg';
		document.all['image4'].src='images/tn_srtstyle.jpg';
	} else if (name == 'sc300') {
		document.all['image1'].src='images/tn_blueinstall1.jpg';
		document.all['image2'].src='images/tn_sc300.jpg';
		document.all['image3'].src='images/tn_silver.jpg';
		document.all['image4'].src='images/tn_srtstyle.jpg';
	} else if (name == '3gs') {
		document.all['image1'].src='images/tn_Eclipse1.jpg';
		document.all['image2'].src='images/tn_Eclipse2.jpg';
		document.all['image3'].src='images/tn_Eclipse3.jpg';
		document.all['image4'].src='images/tn_Eclipse4.jpg';
	} else if (name == '2gs') {
		document.all['image1'].src='images/tn_EclipseV4a.jpg';
		document.all['image2'].src='images/tn_EclipseV4b.jpg';
		document.all['image3'].src='images/tn_EclipseV4c.jpg';
		document.all['image4'].src='images/tn_EclipseV4d.jpg';
	} else if (name == 'gs300') {
		document.all['image1'].src='images/tn_gs300a.jpg';
		document.all['image2'].src='images/tn_gs300b.jpg';
		document.all['image3'].src='images/tn_gs300c.jpg';
		document.all['image4'].src='images/tn_blackkit.jpg';
	} else if (name == '3kgt') {
		document.all['image1'].src='images/tn_3kgt1.jpg';
		document.all['image2'].src='images/tn_3kgt2.jpg';
		document.all['image3'].src='images/tn_3kgt3.jpg';
		document.all['image4'].src='images/tn_3kgt4.jpg';
	}

}

function imageOver(obj) {
	obj.src = obj.src.substring(0, obj.src.indexOf('.jpg'))+'_mo.jpg';
}
function imageOut(obj) {
	obj.src = obj.src.substring(0, obj.src.indexOf('_mo.jpg'))+'.jpg';
}

//hides corresponding div
function hide(divId) {
  if (document.layers) {
    document.layers[divId].visibility = 'hide';
  } else if (document.all) {
    document.all[divId].style.visibility = 'hidden';
  } else if (document.getElementById) {
    document.getElementById(divId).style.visibility = 'hidden';
  }
}

//shows corresponding div
function show(divId) {
  if (document.layers) {
    document.layers[divId].visibility = 'show';
  } else if (document.all) { 
    document.all[divId].style.visibility = 'visible';
  } else if (document.getElementById) { 
    document.getElementById(divId).style.visibility = 'visible';
  }
}