//var basePath="../../image/";
var basePath="image/";
var pathCollar="colli/small/";
var pathCuff="polsini/small/";
var pathTissue="tessuti/miniature/";
var pathOriginalTissue="tessuti/"
var pathBody="corpi/";
var idImgCollar="collar";
var idImgCuff="Cuff";
function Config(){
this.items=21;
this.maxPages=0;
this.minPages=1;
this.currentPage=1;
this.height = window.screen.height;
this.width = window.screen.width;
this.leftBoxPosition=530;
this.topBoxPosition=300;
this.standardWidth=1280;
this.boxColli=0;
this.boxPolsini=0;
this.boxTessuti=0;
this.distanzaTopBox=110;
this.leftBoxRiepilogo=0;
this.topBoxRiepilogo=0;
this.distanzaTopBoxRiepilogo=-70;
this.distanzaLeftBoxRiepilogo=230;
}
var conf=new Config();
conf.maxPages=getMaxPage();
function calcBoxPos(){
conf.leftBoxPosition=(conf.leftBoxPosition*conf.width)/conf.standardWidth;
conf.boxColli =conf.topBoxPosition;
conf.boxPolsini=conf.topBoxPosition+conf.distanzaTopBox;
conf.boxTessuti=conf.topBoxPosition+(conf.distanzaTopBox*2);
conf.topBoxRiepilogo=conf.topBoxPosition+conf.distanzaTopBoxRiepilogo;
conf.leftBoxRiepilogo=conf.leftBoxPosition+conf.distanzaLeftBoxRiepilogo;
}
function getMaxPage(){
var max=tissue.length/conf.items;
var rest=0;
if (tissue.length % conf.items>0){
rest=1;
}
return max+rest;
}
function Riepilogo(){
this.collar=basePath+pathCollar+"IMG_2454.png";
this.cuff=basePath+pathCuff+"IMG_2471.png";
this.tissue=tissue[0];
}
var riepilogo=new Riepilogo();
function changeCollar(idCollar){
var img=getImgCollar(idCollar);
var obj=document.getElementById(idImgCollar).src=img;
riepilogo.collar=img;
}
function getImgCollar(idCollar){
var imgCollar="IMG_2454";
var path=basePath+pathCollar;
switch (parseInt(idCollar)){
case 1:
imgCollar=path+"IMG_2454.png";
break;
case 2:
imgCollar=path+"IMG_2455.png";
break;
case 3:
imgCollar=path+"IMG_2456.png";
break;
case 4:
imgCollar=path+"IMG_2457.png";
break;
case 5:
imgCollar=path+"IMG_2458.png";
break;
case 6:
imgCollar=path+"IMG_2459.png";
break;
case 7:
imgCollar=path+"IMG_2460.png";
break;
case 8:
imgCollar=path+"IMG_2461.png";
break;
case 9:
imgCollar=path+"IMG_2462.png";
break;
case 10:
imgCollar=path+"IMG_2463.png";
break;
case 11:
imgCollar=path+"IMG_2464.png";
break;
case 12:
imgCollar=path+"IMG_2465.png";
break;
case 13:
imgCollar=path+"IMG_2466.png";
break;
}
return imgCollar;
}
function changeCuff(idCuff){
var img=getImgCuff(idCuff);
riepilogo.cuff=img;
}
function changeTissue(idTissue){
riepilogo.tissue=tissue[idTissue];
//alert("corpo : "+tissue[idTissue].body);
if (tissue[idTissue].body!=''){
// alert(""+document.getElementById("modelBody").style.backgroundImage);
document.getElementById("modelBody").style.backgroundImage="url("+basePath+pathBody+tissue[idTissue].body+")";;
}else{alert("questo tessuto non � applicabile al modello!");}
/*changeRiepilogo();*/
}
function getImgCuff(idCuff){
var imgCuff="IMG_2471.png";
var path=basePath+pathCuff;
switch (parseInt(idCuff)){
case 1:
imgCuff=path+"IMG_2471.png";
break;
case 2:
imgCuff=path+"IMG_2472.png";
break;
case 3:
imgCuff=path+"IMG_2473.png";
break;
case 4:
imgCuff=path+"IMG_2474.png";
break;
case 5:
imgCuff=path+"IMG_2475.png";
break;
case 6:
imgCuff=path+"IMG_2476.png";
break;
}
return imgCuff;
}
function getHtmlCollar(){
var htmlCollar= "";
htmlCollar+='| Francese | collo2 | collo3 |
';
htmlCollar+='';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+='
';
htmlCollar+='| collo4 | collo5 | collo6 |
';
htmlCollar+='';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+='
';
htmlCollar+='| collo1 | collo8 | collo9 |
';
htmlCollar+='';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+='
';
htmlCollar+='| collo10 | collo11 | collo12 |
';
htmlCollar+='';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+='
';
htmlCollar+='| collo13 | | |
';
htmlCollar+='';
htmlCollar+='
';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+=' | ';
htmlCollar+='
';
htmlCollar+='
';
return htmlCollar;
}
function getHtmlCuffs(){
var htmlCuff= "";
htmlCuff+='| Francese | collo2 | collo3 |
';
htmlCuff+='';
htmlCuff+=' | ';
htmlCuff+=' | ';
htmlCuff+=' | ';
htmlCuff+='
';
htmlCuff+='| collo4 | collo5 | collo6 |
';
htmlCuff+='';
htmlCuff+=' | ';
htmlCuff+=' | ';
htmlCuff+=' | ';
htmlCuff+='
';
htmlCuff+='
';
return htmlCuff;
}
function nextPageTissue(){
var max=conf.maxPages;
if (conf.currentPagemin){
conf.currentPage-=1;;
}
showTissue(conf.currentPage);
}
function getHtmlTissue(page){
//alert(page);
var page=parseInt(page);
var htmlTissue= "\n";
var offset=(page-1)*21;
for (i=offset;i<(offset +21) && i'+tissue[i].name+'\n';
if ((i+1)<(tissue.length)){
htmlTissue+='| '+tissue[i+1].name+' | \n';
}else{
htmlTissue+=' | \n';
}
if ((i+2)<(tissue.length)){
htmlTissue+=''+tissue[i+2].name+' | \n\n';
}else{
htmlTissue+=' | \n';
}
htmlTissue+='\n';
}
htmlTissue+=' | \n';
//}catch(e){alert("ecc");};
if (((i+1)%3)==0){
htmlTissue+='
\n';
}
}
htmlTissue+='\n
\n';
return htmlTissue;
}
function getHtmlRiepilogo(){
try{
var idTissue=parseInt(idTissue);
var imgCollar=riepilogo.collar;
var imgCuff=riepilogo.cuff;
}catch(e){
//alert("errore");
idTissue=0;
}
var imgTissue=basePath+pathTissue+riepilogo.tissue.img;
//alert("tessuto : "+imgTissue+" - collo : "+ imgCollar);
//alert(" - polsino : "+imgCuff);
var htmlRiepilogo= "";
htmlRiepilogo+='| Collo | |
';
htmlRiepilogo+='';
htmlRiepilogo+=' | ';
htmlRiepilogo+=' | ';
htmlRiepilogo+='
';
htmlRiepilogo+='| Polsino | |
';
htmlRiepilogo+='';
htmlRiepilogo+=' | ';
htmlRiepilogo+=' | ';
htmlRiepilogo+='
';
htmlRiepilogo+='| Trama | |
';
htmlRiepilogo+='';
htmlRiepilogo+=' | ';
htmlRiepilogo+=' | ';
htmlRiepilogo+='
';
//htmlRiepilogo+='| Preventivo | |
';
htmlRiepilogo+='';
htmlRiepilogo+='
';
return htmlRiepilogo;
}
function changeRiepilogo(){
winRiepilogo.getContent().innerHTML = getHtmlRiepilogo();
winRiepilogo.show();
}
var win1;
var win2;
var win3;
var winColli;
/*var winPolsini;*/
var winTessuti;
/*var winRiepilogo;*/
function loadContentsSimulator(){
calcBoxPos();
win1= new Window('1', {className: "alphacube", title: "Colli", width:350, height:330, top:100, left:conf.leftBoxRiepilogo});
var htmlCollar=getHtmlCollar();
win1.setHTMLContent(htmlCollar);
win2 = new Window('2', {className: "alphacube", title: "Polsini", width:350, height:150, top:330, left:conf.leftBoxRiepilogo});
var htmlCuffs=getHtmlCuffs();
win2.setHTMLContent(htmlCuffs);
win3 = new Window('3', {className: "alphacube", title: "Tessuti", width:350, height:520, top:100, left:conf.leftBoxRiepilogo});
//win3.show();
winColli = new Window('4', {className: "alphacube", title: "", width:210, height:65, top:conf.boxColli, left:conf.leftBoxRiepilogo});
var htmlColli='
';
winColli.setHTMLContent(htmlColli);
winColli.show();
/*WindowStore.show(winColli);
WindowStore.init();*/
/*
winPolsini = new Window('5', {className: "alphacube", title: "", width:210, height:65, top:conf.boxPolsini, left:conf.leftBoxPosition});
var htmlPolsini='
';
winPolsini.setHTMLContent(htmlPolsini);
winPolsini.show();
*/
winTessuti = new Window('6', {className: "alphacube", title: "", width:210, height:65, top:conf.boxPolsini, left:conf.leftBoxRiepilogo});
var htmlTessuti='
';
winTessuti.setHTMLContent(htmlTessuti);
winTessuti.show();
/*
winRiepilogo = new Window('7', {className: "alphacube", title: "Riepilogo", width:215, height:250, top:conf.topBoxRiepilogo, left:conf.leftBoxRiepilogo});
var htmlRiepilogo=getHtmlRiepilogo();
winRiepilogo.setHTMLContent(htmlRiepilogo);
winRiepilogo.show();
*/
}
function initShowTissue(){
var htmlTissue=getHtmlTissue(1);
win3.setHTMLContent(htmlTissue);
win3.show();
// document.getElementById('testTable').value=htmlTissue;
}
function showTissue(page){
var htmlTissue=getHtmlTissue(page);
win3.setHTMLContent(htmlTissue);
win3.show();
}
function showTableTissue(){
}