// JavaScript Document
var cimg=1;
var pimg=1;
	

function nextIMG() {
	var next = $('nextimg');
	var prev = $('previmg');
	var numimg = document.getElementById("numimgt").value;
	
	cimg++;
									if (cimg==numimg) {
										next.setStyle('display','none');
										prev.setStyle('display','inline');
										$('cimgdisp').set('html',cimg);
										} else {
											next.setStyle('display','inline');
											prev.setStyle('display','inline');
											$('cimgdisp').set('html',cimg);
										}
										var imgname = "pimage"+cimg;
										var prename = "pimage"+pimg;
										pimg=cimg;
										$(prename).setStyle('display','none');
										  $(imgname).setStyle('display','inline');
	
}

function prevIMG() {
	var numimg=$('numimg').get('ref');
		var next = $('nextimg');
	var prev = $('previmg');
									cimg--;
									if (cimg==1) {
										prev.setStyle('display','none');
										$('cimgdisp').set('html',cimg);
										next.setStyle('display','inline');
										} else {
											prev.setStyle('display','inline');
											next.setStyle('display','inline');
											$('cimgdisp').set('html',cimg);
										}
										var imgname = "pimage"+cimg;
										var prename = "pimage"+pimg;
										pimg=cimg;
										$(prename).setStyle('display','none');
										  $(imgname).setStyle('display','inline');
									
											
											
											
		
}
function viewLarge() {
	var catid= document.getElementById("pocatid").value;
	var id= document.getElementById("popid").value;
									
 var viewlarger=$('viewlarger');
									
											var linkp="http://www.carneyranker.com/image.php?catid="+catid+"&id="+id+"&name=img"+cimg+"large";
											var newwindow=window.open(linkp,null,'toolbar=0,menubar=0,dependent=0,scrollbars=1, status=0,width=732,height=638,left=25,top=25' )
																		
									
};

window.addEvent('domready', function() {
									// alert('test');
									//var numimg = $('numimg');
									
									

									
									var catid=$('catid').get('ref');
									var id=$('pid').get('ref');
									$('c'+id).setStyle('border',  '2px #00718f solid');
									
									
									
																		
																	
																	
	
	
	var goright=$('right'); var goleft=$('left'); var np=0;
	var thumbscroller=$('thumbscroller');
	var pitemsn=$$('.pitemlink');
	pitemsnum=pitemsn.length;
	var stopp;
	var twidth=pitemsnum*94;
	var cwidth=$('thumbs').offsetWidth;
	thumbscroller.setStyle('width',twidth);
	if(twidth>462)  {
		stopp=twidth-462;
		
	} else {
		$('left').setStyle('display','none');
		$('right').setStyle('display','none');
	}
	//var twidth=thumbscroller.offsetWidth;


	pitemsn.each(function(element) {
						  element.addEvent('click',function(el){
										
										  var portid =element.get('ref');
										  var pim='c'+id;
										 // alert(pim);
										 cimg=1;
											pimg=1;
										$(pim).setStyle('border','none');
										ajaxport(portid);
										id=portid;
												
															   });
	element.addEvent('mouseover',function(el){
										
										  var pimg =element.getChildren('img');
										
												pimg.setStyle('border','2px #00718f solid');
															   });
		element.addEvent('mouseout',function(el){
											  var pimg =element.getChildren('img');
											    var eid = element.get('ref');
												
											    if (id!=eid) {
											pimg.setStyle('border','none');
												};
											
											 }); 
							});
									function gright() { 
	
			if(np>-stopp) {
				np=np-10;
			$('thumbscroller').setStyle('left',np); 
			}
			$('test').set('html',np);
			
		}
		function gleft() { 
			
			if(np<10) {
				np=np+10;
			$('thumbscroller').setStyle('left',np); 
			} else {
				np=10;
				$('thumbscroller').setStyle('left',np); 
			}
			$('test').set('html',np);
			
		}
						goright.addEvent('mouseover',function(){
															periodical=gright.periodical(50);
															   });
		goright.addEvent('mouseout',function(){
											 
											$clear(periodical); 
											
											 });
		goleft.addEvent('mouseover',function(){
															periodical=gleft.periodical(50);
															   });
		goleft.addEvent('mouseout',function(){
											 
											$clear(periodical); 
											
											 }); 
		
		var ajaxport = function(pid) {
		//var log = $('log_res').empty().addClass('ajax-loading');
		var pedit = $('portdata');
		pedit.set('send', { url: 'ajaxport.php?catid='+catid+'&portid=' + pid, onComplete: function(response) { 
			//log.removeClass('ajax-loading');
			pedit.set('html', response);
		}});
		pedit.send();
							  };
									 
});