var editreset;
var citem;
var norman;
var norman2;
var hif;

window.addEvent('domready', function() {	
									 
									var protype='supergames'; 
	var tcont=$('tablecontainer');
	var camplist=$('camplist');
	var campclose=$('campclose');
	if (camplist) {
	$$('.campview').each(function(element) {
element.addEvent('click', function(el){
	var cid = element.getProperty('ref');
	var plink='index.php?id=camp&spage=camp&spage2=camp&cid='+cid+'&page='+pageno;
	// alert(plink);
	window.location.href = plink;
								   
	});
});
	if(campclose) {
	$('campclose').addEvent('click', function(el){
											  $('contactmain').setStyle('display','none');
											  });
	}
}





var preclose=$('close');
var closeprev=$('aecpopup');
if (preclose) {
	
	preclose.addEvent('click', function(){
									  
										closeprev.setStyle('display','none');    
										   });
};

	if (tcont) {
	var pageno = $('tablecontainer').getProperty('ref');
	
	var rowsperpage=20;
	
	
	$tablerows=$('tablecontainer').getElements('tr'); 
	var numrows=0;
	// norman="duke";
var ftest = function() {
	 hif='T';
	 showEditForm(citem);
}
var nadd = function() {
	 clearform();
}
norman=ftest;
norman2=nadd;
var popwindow=$('popupwindow');
var showpop=$$('.showwindow');
var closew=$$('.close'); var closeaec=$$('.closeaec');

var clearf=$('clearform');
var pimg=$('previewimg');
var lpimg=$('previewimgl');
var typesel=closeaec.getProperty('id');
var myform=$('myform');


if (typesel=='aec') {
	protype='aec';
} 



$$('.pview').each(function(element) {
element.addEvent('click', function(el){
	// alert('test'+pageno);
	var cid = element.getProperty('ref');
	var plink='index.php?id=supergames&spage=superspecs&sid='+cid+'&page='+pageno;
	// alert(plink);
	window.location.href = plink;
								   
	});
});


$$('.aecview').each(function(element) {
element.addEvent('click', function(el){
	// alert('test'+pageno);
	var cid = element.getProperty('ref');
	var plink='index.php?id=aec&spage=aecspecs&sid='+cid+'&page='+pageno;
	// alert(plink);
	window.location.href = plink;
								   
	});
});
if (clearf) {
$('clearform').addEvent('click', function(){
										    clearform();
										   });
};
showpop.addEvent('click', function(){
								   if(protype=='supergames') {
								 $('myForm').setProperty('action','ajaxAddProduct.php');
								   }
								      if(protype=='aec') {
								 $('myForm').setProperty('action','ajaxAddProductaec.php');
								   }
								 $('subbutton').setProperty('value','Add New Item');
								popwindow.setStyle('display','inline');
								if(hif!='T') {
  loadIframe();
	}
								// popup('add_new_product_form','Add New Product','0');
});
								   var pageset = function(pid) {
								paginator('products',pid)   
								   };
var paginator = function(page,pid) {
		var log = $('log_res').empty().addClass('ajax-loading');
		var pedit = $('tablecontainer');
		pedit.set('send', { url: 'view_'+page+'.php?aj=T&sort=' + qsort +'&pageno=' + pid, onComplete: function(response) { 
			log.removeClass('ajax-loading');
			pedit.set('html', response);
		}});
		pedit.send();
							  };
							  if (pimg) {
$('previewimg').addEvent('mouseover', function() {
											   $('cimage').setStyle('display','inline');
											   });
$('previewimg').addEvent('mouseleave', function() {
											   $('cimage').setStyle('display','none');
											   });
							  }
							   if (lpimg) {
$('previewimgl').addEvent('mouseover', function() {
											   $('lcimage').setStyle('display','inline');
											   });
$('previewimgl').addEvent('mouseleave', function() {
											   $('lcimage').setStyle('display','none');
											   });
							  }


$$('.editpro').each(function(element) {
element.addEvent('click', function(el){
	showEditForm(this);
								   
	});
});
function loadIframe(){
 
        var ifm = new IFrame({
							 'src':'',
                            'name':'uploadiframe',
                            'id':'uploadiframe',
							styles: {
        width: 300,
        height: 100,
        border: 'none'
    }

							
							})
 var icont=$('log_res');
        ifm.inject(icont); 
		
		
    };
	var speci=$('previewimg');
var showEditForm = function(el) {
	citem = el;
	
	   
	if(hif!='T') {
  loadIframe();
	}
	hif='F';
	
	 if (protype=='aec') {
		var aec ='aec'; 
	 } else {
		var aec =''; 
	 }
			var jSonRequest = new Request.JSON({ url: "../includes/addnew/edit_product_form"+aec+".php", onComplete: function(el){
																				
			
																				 
			popwindow.setStyle('display','inline');
			//$('position').set('html','');
			$each(el, function(val,key){
							//   alert(key);
							   if (key!='specimage') {
							  // alert(key);
							   $(key).setProperty('value',val);
							   }
							     if (key=='specimage'){
									 if (val){
										$('previewimg').setStyle('display','inline'); 
									speci.set('html','View Current Image');
									 ilink="../images/supergames/specs/"+val+".jpg";
									 
									 $('cimage').setProperty('src',ilink);
									  } else {
										  speci.set('html','');
										   ilink="../images/blank.gif";
										   $('cimage').setProperty('src',ilink);
									  }
								 }
								 
								      if (key=='specimagelarge'){
									 if (val){
										$('previewimgl').setStyle('display','inline'); 
									speci.set('html','View Current Image');
									 ilink="../images/supergames/specs/"+val+".jpg";
									 
									 $('lcimage').setProperty('src',ilink);
									  } else {
										  speci.set('html','');
										   ilink="../images/blank.gif";
										   $('lcimage').setProperty('src',ilink);
									  }
								 }
							 
							   });		
			
			$('subbutton').setProperty('value','update');
			var editlink="ajaxEditProduct"+aec+".php?id="+el.id;
			$('myForm').setProperty('action',editlink);
			//$('myForm').setProperty('class','editform');
	//var items=eval('('+el+')')
	}}).POST({'id': el.id});
};
					editreset=showEditForm;
closew.addEvent('click', function(){
								   
								  clearform();
								   popwindow.setStyle('display','none');
								
								   var rp="?id=supergames&spage=superspecs&page="+pageno;
								  

								   window.location.href = rp;
								   });
closeaec.addEvent('click', function(){
								   
								  clearform();
								   popwindow.setStyle('display','none');
								
								   var rp="?id=aec&spage=aecspecs&page="+pageno;
								  

								   window.location.href = rp;
								   });
var clearform = function() {
	$('myForm').reset();  
	citem='';
	$('log_res').set('txt','');
	
	}
			
catid=$$('.catid');
catid.each(function(element) {
element.addEvent('click', function(){
								 //  $('position').set('html','Navigation Position');
						var test = element.getProperty('value');				
			showCatList(test);
						
});

					});



	
	$tablerows.each(function(el) {
							 numrows++;
							 el.setStyle('display','none');
							 });
	var numpages=numrows/rowsperpage;
	numpages =Math.ceil(numpages);
	
	function getpages() {
    	var pagerHtml = '<span onclick="" class="pg-normal"> &#171 Prev </span> | ';
		pf = $('pfoot');
		for (var page = 1; page <= numpages; page++) {
			
			if (page==pageno) {
				var a    = new Element('span', {'html':'&nbsp;'+ page +'&nbsp;', 'id':page, 'class':'plinks','styles':
									   {
										'color':'orange'   
									   }
									   });
			} else {
			var a    = new Element('span', {'html':'&nbsp;'+ page +'&nbsp;', 'id':page, 'class':'plinks'});
			}
			a.addEvent('click', function(){
										 var plinks=$$('.plinks');
										 plinks.each(function(pel) {
										 pel.setStyle('color','black');
															  });
										 this.setStyle('color','orange');
											pager(this.id);
											  });
			a.injectInside(pf);
         //   pagerHtml += '<a href="javascript:void(0);" id="pg' + page + '" class="pg-normal" onclick="pager(' + page + ');">' + page + '</span> | ';
        	}
			pagerHtml += '<span onclick="pager();" class="pg-normal"> Next &#187;</span>';            
		
	};
function pager(np) {
	   
	if (np>0) {
		pageno=np;
	}
	if (pageno<2){
		startp=1;
	} else {
	startp=(pageno-1)*rowsperpage;
	}
	stopp=startp+rowsperpage;
	$tablerows=$('tablecontainer').getElements('tr'); 
	var i=1;
	$tablerows.each(function(el) {
							 if (i>=startp && i<=stopp) {
							 el.setStyle('display','');
							 } else {
								  el.setStyle('display','none');
							 }
							 i++;
							 });
				};
				
				pager(pageno,10);
				getpages();
};
									 });