var maxStepJoined = 1;
function STEP(numb){
	for (var j = 1; j <= 5; j++){
		if (numb > maxStepJoined) return;
		try{
			if (j != numb){			
				document.getElementById("tr_step"+j).style.display = "none";
				document.getElementById("trStep"+j+"_header").className = "HeaderDown";
				document.getElementById("imgStep"+j+"_left").src = "images/TH_bulle_"+j+"_down.jpg";
				document.getElementById("imgStep"+j+"_right").src = "images/TH_step_down.jpg";
			}else{
				document.getElementById("tr_step"+j).style.display = "";
				document.getElementById("trStep"+j+"_header").className = "Header";
				document.getElementById("imgStep"+j+"_left").src = "images/TH_bulle_"+j+".jpg";
				document.getElementById("imgStep"+j+"_right").src = "images/TH_step.jpg";
			}
			document.getElementById("imgStep"+j+"_right").style.display = (j >= numb)? "none" : "block";			
		}catch(e){}		
	}
	if (!(is_ie && is_mac)) location.href = "#step"+numb;
}
function activateStep(numb){
	maxStepJoined = Math.max(maxStepJoined, numb);
}

// Popup
var popupWindowName = 'Picci_Pop';
var domainURL = "http://www.piccinottiviolins.com/";

function PPop(url){
	var w = 480; var h = 720;
	sP = window.open(url,popupWindowName,'scrollbars=auto,resizable=yes,width='+ w +',height='+ h +',status=yes,location=no,toolbar=no');
	//searchWin3.refer = self;
	sP.moveTo((screen.availWidth - w)/2,(screen.availHeight - h)/2);
	sP.focus();
}

function checkIfInPopup(){
	if (window.name != popupWindowName) location.href = domainURL;
}

String.prototype.trim = function(){
	var s = this;
	var whitespace = new String(" \t\n\r");
	if (whitespace.indexOf(s.charAt(s.length-1)) != -1) {
		var i = s.length - 1;
		while (i >= 0 && whitespace.indexOf(s.charAt(i)) != -1)
			i--;
		s = s.substring(0, i+1);
	}
	if (whitespace.indexOf(s.charAt(0)) != -1) {
		var j=0, i = s.length;
		while (j < i && whitespace.indexOf(s.charAt(j)) != -1)
			j++;
		s = s.substring(j, i);
	}
	return s;
}

// *********************************************************************************************************************************************
//
// SCRIPTS FOR STEP 1
//
var jSelectedInstrument; 
var imgIdArray = new Array("ImgViolin","ImgViola","ImgCello");
var imgSrcArray = new Array("Images/Step1/violino.png","Images/Step1/viola.png","Images/Step1/cello.png");
// script per step1
function setSelection(idImgFocusItem){
	for (j=0; j<imgIdArray.length; j++){
		if (imgIdArray[j] == idImgFocusItem){
			//
			if (firArrayAll[j][0] == null || mapleArrayAll[j][0] == null){
				alert("unavailable!");
				return;
			}
			// se già selezionato tratto il SECONDO CLICK
			if (jSelectedInstrument == j){
				/*STEP2();*/ return;
			}else jSelectedInstrument = j;
		}		
	}
	for (j=0; j<imgIdArray.length; j++){
		document.getElementById(imgIdArray[j]).src = (imgIdArray[j] == idImgFocusItem) ? imgSrcArray[j] : "Alphaizer.ashx?src="+imgSrcArray[j];
	}
	document.getElementById("trStep1_footer").style.display = "";
}
//alert(document.getElementById('trStep1_footer').style.display);
function STEP2(){
	firArray = firArrayAll[jSelectedInstrument];
	firIdArray = firIdArrayAll[jSelectedInstrument];
	mapleArray = mapleArrayAll[jSelectedInstrument];
	mapleIdArray = mapleIdArrayAll[jSelectedInstrument];
	activateStep(2);
	jCounterFir = jCounterMaple = 0;
	scrollMaterial(0,0); scrollMaterial(1,0);
	STEP(2);
}
// *********************************************************************************************************************************************
//
// SCRIPTS FOR STEP 2
//

var jCounterFir = 0, jCounterMaple = 0;

function scrollMaterial(type, go){
	var oImg = (type == 0)? document.getElementById("ImgFir") : document.getElementById("ImgMaple");
	oImg.style.display = "none";							
	var img = new Image();
	var imgsrc;
	//
	if (type == 0){
		jCounterFir += go;
		imgsrc = "Thumbnail.ashx?src="+escape(firArray[jCounterFir])+"&w=173&h=260";
		//
		document.getElementById("td_fir").innerHTML = (jCounterFir+1).toString() +"/"+ firArray.length;
		/* document.getElementById("imgFir_prev").style.display = (jCounterFir > 0) ? "" : "none";
		document.getElementById("imgFir_next").style.display = (jCounterFir < firArray.length-1) ? "" : "none";	*/
		document.getElementById("imgFir_prev").src = (jCounterFir > 0) ? "images/TD_prev.jpg" : "images/void.gif";
		document.getElementById("imgFir_next").src = (jCounterFir < firArray.length-1) ? "images/TD_next.jpg" : "images/void.gif";						
	}else{
		jCounterMaple += go;
		imgsrc = "Thumbnail.ashx?src="+escape(mapleArray[jCounterMaple])+"&w=173&h=260";
		//
		document.getElementById("td_maple").innerHTML = (jCounterMaple+1).toString() +"/"+ mapleArray.length;
		/* document.getElementById("imgMaple_prev").style.display = (jCounterMaple > 0) ? "" : "none";
		document.getElementById("imgMaple_next").style.display = (jCounterMaple < mapleArray.length-1) ? "" : "none"; */
		document.getElementById("imgMaple_prev").src = (jCounterMaple > 0) ? "images/TD_prev.jpg" : "images/void.gif";
		document.getElementById("imgMaple_next").src = (jCounterMaple < mapleArray.length-1) ? "images/TD_next.jpg" : "images/void.gif";	
	}
	if (is_win && !is_opera){	
		img.onload = function(){
			with (oImg){
				style.display = "";
				src = img.src;
			}								
		}
		img.src = imgsrc;		
	}else{
		oImg.style.display = "";
		oImg.src = imgsrc;
	}											
}
				
function STEP3(){	
	document.getElementById("divStep3_footer").style.display = "none";
	document.getElementById("div_3rdModel").style.display = document.getElementById("a_3rdModel").style.display = (jSelectedInstrument == 0)? "" : "none";
	setOverlayedImages();
	activateStep(3);
	STEP(3)
}
// *********************************************************************************************************************************************
//
// SCRIPTS FOR STEP 3
//
var instrPrefix = new Array("violino","viola","violoncello");
var jSelectedModel; 
function setOverlayedImages(){
	document.getElementById("ImgModel1").src = get_ImageModel(1);
	//
	document.getElementById("ImgModel2").src = get_ImageModel(2);
	//
	document.getElementById("ImgModel3").src = get_ImageModel(3);
}
//
function get_ImageModel(numb){
	return "Overlayer.ashx?src="+escape(firArray[jCounterFir])+
	"&w=173&h=260&over=images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+numb+"_thumb_gray.png";
}
//
var imgModelIdArray = new Array("ImgModel1","ImgModel2","ImgModel3");
//
function setSelection2(idImgFocusItem){
	document.getElementById("divStep3_footer").style.display = "";
	for (j=0; j<imgModelIdArray.length; j++){
		if (imgModelIdArray[j] == idImgFocusItem){
			// se già selezionato tratto il SECONDO CLICK
			if (jSelectedModel == j+1){
				/*STEP4();*/
				return;
			}else jSelectedModel = j+1;
		}
		document.getElementById(imgModelIdArray[j]).src = (imgModelIdArray[j] == idImgFocusItem) ? get_ImageModel(j+1) : get_ImageModel(j+1) +"&down=1";
	}
}
function STEP4(){
	//document.getElementById("divStep4_footer").style.display = "none";
	initializeStep4();
	activateStep(4);	
	STEP(4);
}
// *********************************************************************************************************************************************
//
// SCRIPTS FOR STEP 4
//
//
var recFir, recMaple, recMaple2;
function initializeStep4(){
	document.getElementById("divPrototype").innerHTML = prototypeDivHTML.split("{0}").join("1");	
	document.getElementById("divDuplicated").innerHTML  = "";
	recFir = findByValue(firIdArray[jCounterFir], 0);
	recMaple = findByValue(mapleIdArray[jCounterMaple], 0);
	recMaple2 = findByValue(mapleIdArray[jCounterMaple], 1);
	for (var j = 1; j <= 5; j++){
		if (j > 1) document.getElementById("divDuplicated").innerHTML += prototypeDivHTML.split("{0}").join(j.toString());
		
		document.getElementById("ImgColTavola_"+j).src = "Overlayer.ashx?src="+recFir[j+1]+"&w=173&h=260&over=images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+"_thumb.png";
		document.getElementById("ImgColRicciolo_"+j).src = "Overlayer.ashx?src="+recMaple2[j+1]+"&w=173&h=260&over=images/PNG/"+instrPrefix[jSelectedInstrument]+"_ricciolo_thumb.png";
		document.getElementById("ImgColFondo_"+j).src = "Overlayer.ashx?src="+recMaple[j+1]+"&w=173&h=260&over=images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+"_fondo_thumb.png";
	}
	// opera fixes ...because opera **SUCKS**
	if (is_opera){
		for (var j = 1; j <= 5; j++){
			document.getElementById("trFooter_"+j).style.display = "none";
			document.getElementById("ImgColTavola_"+j).height = document.getElementById("ImgColRicciolo_"+j).height = document.getElementById("ImgColFondo_"+j).height = 260;
			document.getElementById("ImgColTavola_"+j).width = document.getElementById("ImgColRicciolo_"+j).width = document.getElementById("ImgColFondo_"+j).width = 173;
		}
	}
	// opera **SUCKS**
	// alert(document.getElementById("divDuplicated").innerHTML);
}
function findByValue(value, pos){
	for (var j = 0; j < containerArray.length; j++){
		if (containerArray[j][pos] == value.toString()) return containerArray[j];
	}
}	
//
var jSelectedColor;
function setSelection3(numb){
	// se già selezionato tratto il SECONDO CLICK
	if (numb == jSelectedColor){
		/*STEP5();*/
		return;
	}
	jSelectedColor = numb;
	//document.getElementById("divStep4_footer").style.display = "";
	for (var j = 1; j <= 5; j++){
		document.getElementById("trColor_"+j.toString()).className = (j == numb)? "SelectedItem" : "Item";
		document.getElementById("trFooter_"+j.toString()).style.display = (j == numb)? "" : "none";
	}
}
//
function Zoom(obj, col){
	// apro le immagini affiancate
	var winSpan = Math.min(480, Math.floor(screen.availWidth/3));
	col = (col == null)? jSelectedColor : col;
	/*var refAry;
	var over;
	var x = 0;*/
	var swap;
	switch (obj.toLowerCase()){
		case "fondo":
			/*over = "images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+"_fondo.png"
			refAry = recMaple;
			x = winSpan*2;*/
			swap = 3;
			break;
		case "ricciolo":
			/*over = "images/PNG/"+instrPrefix[jSelectedInstrument]+"_ricciolo.png"
			refAry = recMaple2;
			x = winSpan;*/
			swap = 2;
			break;
		default:
			/*over = "images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+".png"
			refAry = recFir;*/
			swap = 1;
			break;
	} 
	// tavola
	var src3 = "Overlayer.ashx?w=480&h=720&src="+recMaple[parseInt(col)+1]+"&over="+"images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+"_fondo.png";
	var src2 = "Overlayer.ashx?w=480&h=720&src="+recMaple2[parseInt(col)+1]+"&over="+"images/PNG/"+instrPrefix[jSelectedInstrument]+"_ricciolo.png";
	var src1 = "Overlayer.ashx?w=480&h=720&src="+recFir[parseInt(col)+1]+"&over="+"images/PNG/"+instrPrefix[jSelectedInstrument]+"_"+jSelectedModel+".png";
	//var src = "Overlayer.ashx?w=480&h=720&src="+refAry[parseInt(col)+1]+"&over="+over;
	sP = window.open("Zoomer.htm?src3="+escape(src3)+"&src2="+escape(src2)+"&src1="+escape(src1)+"&swap="+swap,"_blank",'scrollbars=yes,resizable=yes,width=480,height=720,status=yes,location=no,toolbar=no');
	sP.moveTo(0,0);
	sP.focus();
	//PPop("Zoomer.htm?src="+escape(src));
}
function STEP5(){
	setSelectedResults();
	activateStep(5);
	STEP(5);
}
// *********************************************************************************************************************************************
//
// SCRIPTS FOR STEP 5
//
function setSelectedResults(){
	document.getElementById("tdFinal").innerHTML = document.getElementById("tdFinal").innerHTML.split("{0}").join(lblIdArray[jSelectedInstrument]);
	document.getElementById("selColor").innerHTML = jSelectedColor;
	document.getElementById("ImgColTavola").src = document.getElementById("hidImg1").value = document.getElementById("ImgColTavola_"+jSelectedColor).src;
	document.getElementById("ImgColRicciolo").src = document.getElementById("hidImg2").value = document.getElementById("ImgColRicciolo_"+jSelectedColor).src;
	document.getElementById("ImgColFondo").src = document.getElementById("hidImg3").value = document.getElementById("ImgColFondo_"+jSelectedColor).src;
	// HIDDEN VARS
	document.getElementById("hidInstrument").value = instrPrefix[jSelectedInstrument];
	document.getElementById("hidFir").value = firIdArray[jCounterFir];
	document.getElementById("hidMaple").value = mapleIdArray[jCounterMaple];
	document.getElementById("hidModel").value = jSelectedModel;
	document.getElementById("hidColor").value = "Colore"+jSelectedColor;
}
//
var chbSoundArray = new Array("sndSoft","sndDeep","sndDark","sndBrilliant","sndAntique","sndPiccinotti");
function handleClick(senderId){
	if (senderId == 'sndPiccinotti'){
		document.getElementById("sndSoft").checked = false;
		document.getElementById("td_sndSoft").className = "CheckBox";
		document.getElementById("sndDeep").checked = false;
		document.getElementById("td_sndDeep").className = "CheckBox";
		document.getElementById("sndDark").checked = false;
		document.getElementById("td_sndDark").className = "CheckBox";
		document.getElementById("sndBrilliant").checked = false;
		document.getElementById("td_sndBrilliant").className = "CheckBox";
		document.getElementById("sndAntique").checked = false;
		document.getElementById("td_sndAntique").className = "CheckBox";
		//
		document.getElementById("td_sndPiccinotti").className = (document.getElementById("sndPiccinotti").checked)? "CheckBoxSelected" : "CheckBox2";
	}else{
		document.getElementById("sndPiccinotti").checked = false;
		document.getElementById("td_sndPiccinotti").className = "CheckBox2";
		//
		document.getElementById("td_"+senderId).className = (document.getElementById(senderId).checked)? "CheckBoxSelected" : "CheckBox";
	}
	document.getElementById("icoHear").src = isSomethingChecked()? "images/TD_hear.gif" : "images/void.gif";
}
function isSomethingChecked(){
	return (document.getElementById("sndSoft").checked ||
		document.getElementById("sndDeep").checked ||
		document.getElementById("sndDark").checked ||
		document.getElementById("sndBrilliant").checked ||
		document.getElementById("sndAntique").checked ||
		document.getElementById("sndPiccinotti").checked);
}
//
function popSound(){
	var code = new Array();
	for (var j = 0; j <chbSoundArray.length; j++){
		(document.getElementById(chbSoundArray[j]).checked)? code.push(1) : code.push(0);
	}
	window.open('Sound.aspx?cultureID='+cultureID+'&instr='+instrPrefix[jSelectedInstrument]+'&code='+code.join(","),"Picci_Popup",'scrollbars=no, resize=no, width=380,height=200');
}
//	
function showForm(){
	var trObj = document.getElementById("trForm");
	trObj.style.display = (trObj.style.display == "none")? "" : "none";
}
//
function CheckForm(){
	var response = "";
	if (document.getElementById("txtName").value.trim() == "") response += "* name is a required field <br />";
	if (document.getElementById("txtSurname").value.trim() == "") response += "* surname is a required field <br />";
	if (document.getElementById("txtEmail").value.trim() == "") response += "* e-mail is a required field <br />";
	try{
		exp = new RegExp("^([0-9a-zA-Z]([&'-.\w]*[0-9a-zA-Z'])*@(([0-9a-zA-Z])+([-\w]*[0-9a-zA-Z])*\.)+[a-zA-Z]{2,9})$");
		var m = document.getElementById("txtEmail").value.trim().match(exp);
		if (m == null && document.getElementById("txtEmail").value.trim() != "") response += "* e-mail is an invalid one <br />";
	}catch(e){
		//alert(e);
		if ((document.getElementById("txtEmail").value.indexOf("@") == -1 || document.getElementById("txtEmail").value.lastIndexOf(".") < document.getElementById("txtEmail").value.indexOf("@"))
			&& document.getElementById("txtEmail").value.trim() != "") response += "* e-mail is an invalid one <br />";						
	}
	document.getElementById("lblWarning").innerHTML = response;
	return (response.length == 0);
}