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.currentPageCollar=1;
	this.currentPageCuffs=1;
	this.height = window.screen.height;
	this.width = window.screen.width;
	this.leftBoxPosition=400;
	this.topBoxPosition=250;
	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=parseInt(getMaxPage());


function calcBoxPos(){
 // conf.leftBoxPosition=(conf.leftBoxPosition*conf.width)/conf.standardWidth;
  conf.boxTessuti=conf.topBoxPosition;
  
}

function getMaxPage(){
	var max=alltissue.length/conf.items;
	var rest=0;
	if (alltissue.length % conf.items>0){
		rest=1;
	}
	return max+rest;
	
}

function changeTissue(idTissue){
	riepilogo.tissue=alltissue[idTissue];
	//alert("corpo : "+tissue[idTissue].body);
	if (alltissue[idTissue].body!=''){
	  //  alert(""+document.getElementById("modelBody").style.backgroundImage);
		document.getElementById("modelBody").style.backgroundImage="url("+basePath+pathBody+alltissue[idTissue].body+")";;
	}else{alert("questo tessuto non � applicabile al modello!");}
	changeRiepilogo();
  
}

function nextPageTissue(){
   var max=conf.maxPages;
   if (conf.currentPage<max){
	   conf.currentPage+=1;;
   }
   showTissue(conf.currentPage);
   
}

function previousPageTissue(){
   var min=conf.minPages;
   if (conf.currentPage>min){
	   conf.currentPage-=1;;
   }
   showTissue(conf.currentPage);

}

function getHtmlTissue(page){
  
    var page=parseInt(page);
    var htmlTissue= "<table border=\"0\" width=\"100%\" align=\"center\" cellspacing=\"2\" cellpadding=\"2\" id=\"table\">\n";
	
	var offset=(page-1)*21;
    for (i=offset;i<(offset +21) && i<alltissue.length;i++){
	   try{
    	if ((i%3)==0){
	       htmlTissue+='<tr>\n<td align=\"center\"  >'+alltissue[i].name+'</td>\n';
	       if ((i+1)<(alltissue.length)){
	       	  htmlTissue+='<td align=\"center\"  >'+alltissue[i+1].name+'</td>\n';
	       	}else{
	       		htmlTissue+='<td align=\"center\" >&nbsp;</td>\n';
	       	}
	       if ((i+2)<(alltissue.length)){
	       	  htmlTissue+='<td align=\"center\"  >'+alltissue[i+2].name+'</td>\n</tr>\n';
	       	}else{
	       		htmlTissue+='<td align=\"center\" >&nbsp;</td></tr>\n';
	       	}
	       
	       htmlTissue+='<tr>\n';
	    }
			htmlTissue+='<td align="center"  ><a  href="'+basePath+pathOriginalTissue+alltissue[i].img+'" rel="lightbox" title="'+alltissue[i].name+'"><img heigth="50" width="50" class="colli" border="0" src="'+basePath+pathTissue+alltissue[i].img+'" /></a></td>\n';
		}catch(e){};
			if (((i+1)%3)==0){
			  htmlTissue+='</tr>\n';
		  }
			
    }
    
    htmlTissue+='</tr>\n</table>\n';
    
 /*   if(page==1){
        htmlTissue+= '<tr><td width="100%" height="70px" align="center" colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="text-decoration:underline;font-size:20px;"  href="#" onclick="nextPageTissue()" >avanti</a></td></tr>';	
	}else if (page==conf.maxPages){
	    htmlTissue+= '<tr><td width="100%" height="70px" align="center" colspan="3"><a href="#" style="text-decoration:underline;font-size:20px;" onclick="previousPageTissue()" >indietro</a></td></tr>';	
	}else{
	    htmlTissue+= '<tr><td width="100%" height="70px" align="center" colspan="3"><a href="#" style="text-decoration:underline;font-size:20px;" onclick="previousPageTissue()" >indietro</a>&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a style="text-decoration:underline;font-size:20px;"  href="#" onclick="nextPageTissue()" >avanti</a></td></tr>';	
	}
   */ 
   // htmlTissue+='</tr>\n</table>\n';
  
    if(page==1){
		htmlTissue+='<div class="divPaginazioneTessuti" >';
		htmlTissue+='<span class="paginazione">indietro</span>';
		htmlTissue+='<span class="paginazione">'+page+'</span>';
		htmlTissue+='<span class="paginazione"><a href="#" onclick="nextPageTissue()" >avanti</a></span>';
		htmlTissue+='</div>';
	}else if (page==conf.maxPages){
		htmlTissue+='<div class="divPaginazioneTessuti" >';
		htmlTissue+='<span class="paginazione"><a href="#" onclick="previousPageTissue()" >indietro</a></span>';
		htmlTissue+='<span class="paginazione">'+page+'</span>';
		htmlTissue+='<span class="paginazione">avanti</span>';
		htmlTissue+='</div>';

	}else{
		htmlTissue+='<div class="divPaginazioneTessuti">';

		htmlTissue+='<span class="paginazione"><a href="#" onclick="previousPageTissue()" >indietro</a></span>';
		htmlTissue+='<span class="paginazione">'+page+'</span>';
		htmlTissue+='<span class="paginazione"><a href="#" onclick="nextPageTissue()" >avanti</a></span>';
		htmlTissue+='</div>';

	}
    
    
    return htmlTissue;
}


var win3;
var win1;
var win2;
var winTessuti;




function loadContentsSimulator(){
  
  calcBoxPos();

  win1= new Window('1', {className: "alphacube", title: "Colli", width:650, height:650, top:100, left:conf.leftBoxPosition});
  win2= new Window('2', {className: "alphacube", title: "Polsini", width:650, height:650, top:100, left:conf.leftBoxPosition});
  win3 = new Window('3', {className: "alphacube", title: "Tessuti Doppi Ritorti", width:600, height:570, top:100, left:conf.leftBoxPosition});

}
function initShowTissue(){
    var htmlTissue=getHtmlTissue(1);
    win3.setHTMLContent(htmlTissue); 
	win3.show();
   // document.getElementById('testTable').value=htmlTissue;
}

function initShowCollar(){
	 
	  var htmlCollar=getHtmlCollar(1);
	  win1.setHTMLContent(htmlCollar);
	  win1.show();
  
}


function initShowCollar(){
	 
	  var htmlCollar=getHtmlCollar(1);
	  win1.setHTMLContent(htmlCollar);
	  win1.show();
  
}


function initShowCuffs(){
	 
	  var htmlCuffs=getHtmlCuffs(1);
	  win2.setHTMLContent(htmlCuffs);
	  win2.show();
  
}




function getHtmlCuffs(page){
	var htmlCuffs="";
	switch(page){
		case 1:
			var htmlCuffs= '<img  border="0" src="'+basePath+'polsini/polsini1.jpg" />';
	    break;
		case 2:
			var htmlCuffs= '<img  border="0" src="'+basePath+'polsini/polsini2.jpg" />';
	    break;
		default:
			var htmlCuffs= '<img  border="0" src="'+basePath+'polsini/polsini1.jpg" />';
	    break;
	}
	
	if(page==1){
		htmlCuffs+='<div class="divPaginazione">';
		htmlCuffs+='<span class="paginazione">indietro</span>';
		htmlCuffs+='<span class="paginazione">'+page+'</span>';
		htmlCuffs+='<span class="paginazione"><a  href="#" onclick="nextPageCuffs()" >avanti</a></span>';
		htmlCuffs+='</div>';
	}else if (page==4){
		htmlCuffs+='<div class="divPaginazione">';

		htmlCuffs+='<span class="paginazione"><a href="#"  onclick="previousPageCuffs()" >indietro</a></span>';
		htmlCuffs+='<span class="paginazione">'+page+'</span>';
		htmlCuffs+='<span class="paginazione"><a href="#" onclick="nextPageCollar()" >avanti</a></span>';
		htmlCuffs+='</div>';

	}else{
		htmlCuffs+='<div class="divPaginazione">';

		htmlCuffs+='<span class="paginazione"><a href="#" onclick="previousPageCuffs()" >indietro</a></span>';
		htmlCuffs+='<span class="paginazione">'+page+'</span>';
		htmlCuffs+='<span class="paginazione"><a href="#" onclick="nextPageCuffs()" >avanti</a></span>';
		htmlCuffs+='</div>';

	}
	
    return htmlCuffs;
}


function nextPageCuffs(){
   var max=2;
   if (conf.currentPageCuffs<max){
	   conf.currentPageCuffs+=1;;
   }
   showCuffs(conf.currentPageCuffs);
   
}

function previousPageCuffs(){
   var min=1;
   if (conf.currentPageCuffs>min){
	   conf.currentPageCuffs-=1;;
   }
   showCuffs(conf.currentPageCuffs);

}


function showCuffs(page){
    var htmlCuffs=getHtmlCuffs(page);
    win2.setHTMLContent(htmlCuffs); 
	win2.show();

}





function showTissue(page){
    var htmlTissue=getHtmlTissue(page);
    win3.setHTMLContent(htmlTissue); 
	win3.show();

}

function showTableTissue(){

}


function getHtmlCollar(page){
	var htmlCollar="";
	switch(page){
		case 1:
			var htmlCollar= '<img  border="0" src="'+basePath+'colli/collo1.jpg" />';
	    break;
		case 2:
			var htmlCollar= '<img  border="0" src="'+basePath+'colli/collo2.jpg" />';
	    break;
		case 3:
			var htmlCollar= '<img  border="0" src="'+basePath+'colli/collo3.jpg" />';
	    break;
		case 4:
			var htmlCollar= '<img  border="0" src="'+basePath+'colli/collo4.jpg" />';
	    break;
	    default:
	    	var htmlCollar= '<img  border="0" src="'+basePath+'colli/collo1.jpg" />';
	    break;
	}
	if(page==1){
		htmlCollar+='<div class="divPaginazione">';
		htmlCollar+='<span class="paginazione">indietro</span>';
		htmlCollar+='<span class="paginazione">'+page+'</span>';
		htmlCollar+='<span class="paginazione"><a href="#" onclick="nextPageCollar()" >avanti</a></span>';
		htmlCollar+='</div>';
	}else if (page==4){
		htmlCollar+='<div class="divPaginazione">';

		htmlCollar+='<span class="paginazione"><a href="#" onclick="previousPageCollar()" >indietro</a></span>';
		htmlCollar+='<span class="paginazione">'+page+'</span>';
		htmlCollar+='<span class="paginazione"><a href="#" onclick="nextPageCollar()" >avanti</a></span>';
		htmlCollar+='</div>';

	}else{
		htmlCollar+='<div class="divPaginazione">';

		htmlCollar+='<span class="paginazione"><a href="#" onclick="previousPageCollar()" >indietro</a></span>';
		htmlCollar+='<span class="paginazione">'+page+'</span>';
		htmlCollar+='<span class="paginazione"><a href="#" onclick="nextPageCollar()" >avanti</a></span>';
		htmlCollar+='</div>';

	}
    return htmlCollar;
}


function nextPageCollar(){
   var max=4;
   if (conf.currentPageCollar<max){
	   conf.currentPageCollar+=1;;
   }
   showCollar(conf.currentPageCollar);
   
}

function previousPageCollar(){
   var min=1;
   if (conf.currentPageCollar>min){
	   conf.currentPageCollar-=1;;
   }
   showCollar(conf.currentPageCollar);

}


function showCollar(page){
    var htmlCollar=getHtmlCollar(page);
    win1.setHTMLContent(htmlCollar); 
	win1.show();

}