total_pages=1;
page=0;
loaded=0;
images= new Array();
images1 = new Array();
mouseimages = new Array();
mouseimages1 = new Array();
biginmgs = new Array();


function create_page(category){
	url='b_portfolio.php';
	page=0;
	total_pages=1;
	category=(category!='')? category : 1 ;
        $('main_portfolio_div').innreHTML="";
	new Ajax.Request(url, {
		    method: 'post',
		    parameters: {cat:category},
		    onSuccess: function(transport) {
			var json = transport.responseText.evalJSON();
			//$('test22').innerHTML=json.images[0]+"<br>"+json.images[1]+"<br>"+json.images[2];
			block_load(json);
		    }
	});  
    menulinks=$$('a.pagelinker'); 
    for(i=0;i<menulinks.length;i++){ 	 
         menulinks[i].style.color='#999999';
    } 
    $('mlink_'+category).style.color='#000000';
}

function block_load(json){
	images=json.images;
        images1=json.clearlist;
	var imgs = new Object();
	var imgsc = new Object();
	// подгружаем черно-белые
	for(i=0;i<images1.length;i++){
		imgs[i] = new Image(340,230); 
                imgs[i].src='im/'+images1[i]+'BW.JPG';
		imgs[i].id='imbw_'+i;  
	}
	// подгружаем первый лист цветных
	for(i=0;i<images1.length;i++){
		if(i<8){
		imgsc[i] = new Image(360,240); 
                imgsc[i].src='im/'+images1[i]+'.JPG';
		imgsc[i].id='imcl_'+i; 
		}	   
	}
	// считаем страницы
	total_pages=Math.floor(images1.length/8);
	// показываем листы
	$("main_portfolio_div").innerHTML="";
	for(i=0;i<3;i++){
		pd0=(i==0)? "padding-left:345px" : "";
		$("main_portfolio_div").innerHTML+="<div style='width:10000px; height:230px; padding:0; margin:0; padding-bottom:5px; "+pd0+"' id='port_b"+i+"'>";
        	for(j=0;j<images[i].length;j++){
         		$('port_b'+i).innerHTML+="<img src='im/"+images[i][j]+"BW.JPG' onClick=openPreview(this.id,"+i+","+j+") onMouseover=\"colorise(this.id,"+i+","+j+")\" onMouseout=\"bwise(this.id,"+i+","+j+")\"  id='bwim_"+i+"_"+j+"' class='portimg'>";
			$("bwim_"+i+"_"+j).setOpacity(0.7);

        	}
		$("main_portfolio_div").innerHTML+="</div>";
	}
	// показываем стрелки
	$('moveleftdiv').style.display='';
	$('moverightdiv').style.display='';
	$('moveleftimg').setOpacity(0);
    if(images1.length>8){
		$('moverightimg').setOpacity(1);
	}else{
		$('moverightimg').setOpacity(0);
	}
	// подгружаем остальные цветные
	for(i=0;i<images1.length;i++){
		if(i>=8){
		imgsc[i] = new Image(360,240); 
                imgsc[i].src='im/'+images1[i]+'.JPG';
		imgsc[i].id='imcl_'+i; 
		}	   
	}	
}

function colorise(imid,i,j){
    mouseimages1[imid]=1;
	imid=imid.toString();
	setTimeout("colorset('"+imid+"',"+i+","+j+")",100);
}

function colorset(imid1,i,j){
	if(mouseimages1[imid1]==1){
	   mouseimages1[imid1]=3;  
	   new Effect.Opacity(imid1, { from: 0.7, to: 1, duration: 0.3, queue: { position: 'end', scope: 'imgscope',limit: 3 }});
	   $(imid1).src='im/'+images[i][j]+'.JPG';
	   //setTimeout("$('"+imid1+"').src='im/'+images["+i+"]["+j+"]+'.JPG'",400);
	}
}


function bwise(imid,i,j){
  if(mouseimages1[imid]==3){
    new Effect.Opacity(imid, { from: 1, to: 0.7, duration: 0.3, queue: { position: 'end', scope: 'imgscope1',limit: 3 }});
    //setTimeout("$('"+imid+"').src='im/'+images["+i+"]["+j+"]+'BW.JPG'",400);
	$(imid).src='im/'+images[i][j]+'BW.JPG';
  }else{
    //$(imid).setOpacity(0.7);
   // $(imid).src='im/'+images[i][j]+'BW.JPG';
  }
    mouseimages1[imid]=0;
}

function openPreview(imid,i,j){
  $('previewdiv').style.display='';
  $('previewdiv').innerHTML="<a href='#' onclick=\"closePreview('pr_"+imid+"'); return false\" align=right style=\"margin-top:15px; margin-left:960px; position:absolute;z-index:12\"><img id='closerimg' src='images/close1.png' onMouseover=(this.src='images/close2.png') onMouseout=(this.src='images/close1.png') border=0 style='position:absolute; z-index:12'></a>";
  biginmgs[imid] = new Image(); 
  biginmgs[imid].src='im/'+images[i][j]+'BIG.JPG';
  //$('testmouseover2').innerHTML=biginmgs[imid].height;
   if(biginmgs[imid].height>600){
     $('previewdiv').innerHTML+="<img id='pr_"+imid+"' src='"+biginmgs[imid].src+"' width=1024 border=0 style='border-bottom:4px solid #ffffff'>";
	 //$('previewdiv').style.backgroundColor="#FFF";
	 $('pr_'+imid).setOpacity(0);
	 new Effect.Opacity('pr_'+imid, { from: 0, to: 1, duration: 0.4});
   }else{
     $('previewdiv').innerHTML+="<img id='loadergif' valign='middle' style='margin-left: 0px; margin-top:340px' src='images/loader.gif'>";
     $('previewdiv').innerHTML+="<img id='pr_"+imid+"' src='"+biginmgs[imid].src+"' style='display:none; border-bottom:4px solid #ffffff' onLoad=showPreview1time(this.id) width=1024 border=0 >";
   }
}

function showPreview1time(imid2){
  $(imid2).style.display='';
  $('loadergif').style.display='none';
  //$('previewdiv').style.backgroundColor="#FFF";
  $(imid2).setOpacity(0);
  new Effect.Opacity(imid2, { from: 0, to: 1, duration: 0.4});
};

function closePreview(imid3){
  new Effect.Opacity(imid3, { from: 1, to: 0, duration: 0.3});
  setTimeout("$('previewdiv').style.display='none'; $('previewdiv').innerHTML=''",350);
}

function move_blocks(direction){
	if(direction=='left'){
		d=1;
	}else{
		d=-1;
	}
	d1=345*2*d;
	d2=345*3*d;
	d3=345*3*d;
	if((page>=1 && d==1) || (page<total_pages && d==-1)){
		new Effect.Move('port_b0', { x: d1, y: 0, mode: 'relative', duration : 0.2,queue: 'end'});
		new Effect.Move('port_b1', { x: d2, y: 0, mode: 'relative', duration: 0.3,queue: 'end'});
		new Effect.Move('port_b2', { x: d3, y: 0, mode: 'relative', duration: 0.2,queue: 'end'});
		page=page+2-2;
		page=page-d;	
	}
	if(page==0){
		$('moveleftimg').setOpacity(0);
	}else{
		$('moveleftimg').setOpacity(1);
	}
	if(page==total_pages){
		$('moverightimg').setOpacity(0);
	}else{
		$('moverightimg').setOpacity(1);
	}
	$('test22').innerHTML=page+"_"+d;
}