var page1 = document.getElementById('page1');
var page2 = document.getElementById('page2');
var page3 = document.getElementById('page3');
var page4 = document.getElementById('page4');
var page5 = document.getElementById('page5');
var clarity_text = document.getElementById('clarity-text');
var clarity_img = document.getElementById('clarity-img');
var cut_anatomy = document.getElementById('cut-anatomy');
var cut_grading = document.getElementById('cut-grading');
var tab1 = document.getElementById('tab1');
var tab2 = document.getElementById('tab2');

function gotoWeight() {	
	page1.style.left = "320px";
	page2.style.left = "0px";
	page3.style.left = "320px";
	page4.style.left = "320px";
	page5.style.left = "320px";
}

function gotoColour() {
	page1.style.left = "320px";
	page2.style.left = "320px";
	page3.style.left = "0px";
	page4.style.left = "320px";
	page5.style.left = "320px";
}

function gotoClarity() {
	page1.style.left = "320px";
	page2.style.left = "320px";
	page3.style.left = "320px";
	page4.style.left = "0px";
	page5.style.left = "320px";
}

function gotoCut() {
	page1.style.left = "320px";
	page2.style.left = "320px";
	page3.style.left = "320px";
	page4.style.left = "320px";
	page5.style.left = "0px";
}

function goback() {
	page1.style.left = "0px";
	page2.style.left = "320px";
	page3.style.left = "320px";
	page4.style.left = "320px";
	page5.style.left = "320px";
}

function getClarity(i) {
	switch (i) {
		case "1":
			clarity_text.innerHTML = "FL-IF<br><br>Internally Flawless";
			clarity_img.style.backgroundPosition = "0px 0px";
			break;
		case "2":
			clarity_text.innerHTML = "VVS<sub>1</sub>/VVS<sub>2</sub><br><br>Very Very Slight Inclusions";
			clarity_img.style.backgroundPosition = "0px -60px";
			break;
		case "3":
			clarity_text.innerHTML = "VS<sub>1</sub>/VS<sub>2</sub><br><br>Very Slight Inclusions";
			clarity_img.style.backgroundPosition = "0px -120px";
			break;	
		case "4":
			clarity_text.innerHTML = "SI<sub>1</sub>/SI<sub>2</sub><br><br>Slight Inclusions";
			clarity_img.style.backgroundPosition = "0px -180px";
			break;	
		case "5":
			clarity_text.innerHTML = "I<sub>1</sub>/I<sub>2</sub>/I<sub>3</sub><br><br>Imperfect";
			clarity_img.style.backgroundPosition = "0px -240px";
			break;	
	}
}

function getTab1() {
	tab1.style.backgroundColor = "#FFFFFF";
	tab2.style.backgroundColor = "#999999";
	cut_anatomy.style.visibility = "visible";
	cut_grading.style.visibility = "hidden";
}

function getTab2() {
	tab2.style.backgroundColor = "#FFFFFF";
	tab1.style.backgroundColor = "#999999";
	cut_grading.style.visibility = "visible";
	cut_anatomy.style.visibility = "hidden";
}

var cut_data1 = ["Excellent","57.5% to 63%","52% to 62%","31.5&deg; to 36.5&deg;","2.5% to 4.5%","12.5% to 17.0%","43%","45% to 65%","70% to 85%","Excellent to Very Good","5%-10% Premium"];
var cut_data2 = ["Very Good","56% to 64.5%","50% to 66%","26.5&deg; to 38.5&deg;","2.0% to 5.5%","10.5% to 18.0%","42% to 44%","40% to 70%","65% to 90%","Excellent to Good","No adjustment"];
var cut_data3 = ["Good","53.2% to 66.5%","47% to 69%","22&deg; to 40&deg;","0.0% to 7.5%","9.0% to 19.5%","41% to 46%","Any","Any","Excellent to Fair","-15% to 20%"];
var cut_data4 = ["Fair","51.1% to 70.2%","44% to 72% +","20.0&deg; to 41.5&deg;","0.0% to 10.5%","7.0% to 21.0%","< 40% or >  46%","Any","Any","Excellent to Fair","-20% to 40%"];
var cut_data5 = ["Poor","< 51.5% or > 70.2%","< 44% or > 72%","20.0&deg; to > 41.5&deg;","0.0% to 10.5%","< 7.0% or > 21.0%","< 40% or > 46%","Any","Any","Excellent to Poor","-45% to 60%"];

var cut_data_cell0 = document.getElementById('cut-data0');
var cut_data_cell1 = document.getElementById('cut-data1');
var cut_data_cell2 = document.getElementById('cut-data2');
var cut_data_cell3 = document.getElementById('cut-data3');
var cut_data_cell4 = document.getElementById('cut-data4');
var cut_data_cell5 = document.getElementById('cut-data5');
var cut_data_cell6 = document.getElementById('cut-data6');
var cut_data_cell7 = document.getElementById('cut-data7');
var cut_data_cell8 = document.getElementById('cut-data8');
var cut_data_cell9 = document.getElementById('cut-data9');
var cut_data_cell10 = document.getElementById('cut-data10');

var data_list = 1;

function getCutData(id) {
	var cut_data;
	switch (id) {
		case 1:
			cut_data = cut_data1;
			break;
		case 2:
			cut_data = cut_data2;
			break;
		case 3:
			cut_data = cut_data3;
			break;
		case 4:
			cut_data = cut_data4;
			break;
		case 5:
			cut_data = cut_data5;
			break;
	}
	cut_data_cell0.innerHTML = cut_data[0];
	cut_data_cell1.innerHTML = cut_data[1];
	cut_data_cell2.innerHTML = cut_data[2];
	cut_data_cell3.innerHTML = cut_data[3];
	cut_data_cell4.innerHTML = cut_data[4];
	cut_data_cell5.innerHTML = cut_data[5];
	cut_data_cell6.innerHTML = cut_data[6];
	cut_data_cell7.innerHTML = cut_data[7];
	cut_data_cell8.innerHTML = cut_data[8];
	cut_data_cell9.innerHTML = cut_data[9];
	cut_data_cell10.innerHTML = cut_data[10];
}

getCutData(1);

function nextData() {
	if (data_list < 5) {
		data_list++;	
	} else {
		data_list = 5;	
	}
	getCutData(data_list);
}

function prevData() {
	if (data_list > 1) {
		data_list--;	
	} else {
		data_list = 1
	}
	getCutData(data_list);
}