
function nowpopit(series,index,j)
{
	var look='width=700,height=550,resizable=yes,scrollbars=yes';
	var popwin;

	var k;
	var cont='';
	var alb = now_pat[series]+now_sum[series][index][0];		
	k = now_sum[series][index][4][j];
	if(k>0)
	{
		cont += '<center><table cellpadding=0 cellspacing=4 border=0>';
		cont += '<tr><td colspan=6 align="center"><b>';
		if(now_sum[series][index][1]!="") cont += now_tit[series]+' - '+now_sum[series][index][1]+' - '+format[j];
		else				  cont += now_tit[series]+' - '+format[j];
		cont += '</b></td></tr>';
		for(i=0;i<k;i++)
			cont += '<tr><td align="center"><img border=1 src="vault/'+alb+'/pop/'+alb+'_'+now_sum[series][index][5][j][i]+'.jpg"></td></tr>';
		cont += '</table></center>';
	}

	popwin=window.open("","",look);
	popwin.document.open();
	popwin.document.write('<title>GRATRIX.NET</title><STYLE type=text/css>BODY {MARGIN: 0em; FONT-FAMILY: sans-serif}</STYLE><body bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>');
	popwin.document.write(cont);
	popwin.document.close();
}

function popimage(title,imagesrc,winwidth,winheight)
{
	var look='width='+winwidth+',height='+winheight+','
	popwin=window.open("","",look)
	popwin.document.open()
	popwin.document.write('<title>'+title+'</title><body bgcolor="#000000" background="'+imagesrc+'"></body>')
	popwin.document.close()
}


function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()

if(document.layers)
{ //NS4 resize fix...
	scrX= innerWidth; scrY= innerHeight;
	onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

var months = [0,"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var covers = new Array();
var img_load_series = 0;
var img_load_index  = 0;

for(var i=0;i<total_series;i++)
{
	covers[i] = new Array();
}

function image_load()
{
	var alb;
	alb = "images/covers_jpg_50/"+now_pat[img_load_series]+now_sum[img_load_series][img_load_index][0]+'.jpg';
	covers[img_load_series][img_load_index] = new Image();
	covers[img_load_series][img_load_index].onload = image_lag;
	covers[img_load_series][img_load_index].onerror = image_lag_error;
	covers[img_load_series][img_load_index].src = alb;
	covers[img_load_series][img_load_index].alt = "";
}

function image_lag_error()
{
	covers[img_load_series][img_load_index] = new Image();
	covers[img_load_series][img_load_index].onload = image_lag;
	covers[img_load_series][img_load_index].src = "loading.png";
	covers[img_load_series][img_load_index].alt = "";
}

function image_lag()
{
	// it seems it the images are chached then they faster than the page can display!!!
	setTimeout(image_update,5);
}

function image_update()
{
	oThumb[img_load_series][img_load_index].writeIt(img_load_series,img_load_index);
	img_load_index++;
	if(img_load_index == now_tot[img_load_series])
	{
		img_load_series++;
		img_load_index = 0;
	}
	if(img_load_series<total_series)
	{
		image_load();
	}
}

msgFont= "arial,helvetiva"	// The font for the message
msgFontSize= 12			// Set the fontSize in px
msgFontColor="#000000"		// Set the fontColor
msgWidth= "300"			// Set the width of the messageblock here for netscape 4

//ChangeText object constructor.
function makeChangeTextObj(obj)
{
   	this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;	
   	this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;	
	this.writeIt = now_info;					
}

function makeChangeImageObj(obj)
{
   	this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;	
   	this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;	
	this.writeIt = now_image;					
}

function now_image(series, index)
{
	if(bw.ns4)
	{
		this.writeref.write("Please get something better than Netscape 4!");
		this.writeref.close();
	}
	else 
	{
		alb = now_pat[series]+now_sum[series][index][0];	
		this.writeref.innerHTML = '<img width=50 height=50 src="'+covers[series][index].src+'">';
	}
}

function changeText(series, index)
{
	if(bw.bw) 
	{
		oMessage.writeIt(series, index);
	//	oThumb[series][index].writeIt(series, index);
	}
}


//The init function. Calls the object constructor and initiates some properties.
function changeTextInit()
{
	//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
	bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0
	
	oMessage = new makeChangeTextObj('divMessage')
	oLinks   = new makeChangeTextObj('divLinks')
	
	oThumb = new Array();
	var i,j;
	for(i=0;i<total_series;i++)
	{
		oThumb[i] = new Array();
		for(j=0;j<now_tot[i];j++)
		{
			oThumb[i][j] = new makeChangeImageObj('divThumb'+i+'x'+j);
		}	
	}
	
	//Setting the style properties of the text layer.
	if(bw.dom || bw.ie4)
	{
		with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize+"px"; color=msgFontColor}
	}
	
	//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.
	oMessage.css.visibility= "visible"
	oLinks.css.visibility= "visible"
}

function goforit()
{
	changeTextInit();
	image_load();
}

//If the browser is ok, the init function is called on pageload. 
if(bw.bw) 
{
	onload = goforit;
}


///////////////////////////////////////////////// my code below

var format = new Array(5);
format = ["Twelve Inch", "Tape", "Compact Disc", "VHS", "DVD"];

function sam_date(date)
{
	var s;
	var d;
	var m;
	var y;
	d = date[2]; if(d==0) d = '';
	m = date[1]; if(m==0) m = ''; else m = months[m];
	y = date[0]; if(y==0) y = '';
	s = d + ' ' + m + ' ' + y;
	return s;
}

function now_info(series, index)
{
	var cont;

	// search hack in !!!
	if(series==-2) 
	{
		cont = '<div class="MyMessage"><div class="cont"><p>Searching...</div></div>';
	} 
	if(series==-1) 
	{
		search_doit();
		search_print();
		cont = '<div class="MyMessage"><div class="cont"><p>'+search_format+'</div></div>';
	}
	if(series>=0) 
	{



cont = '<div class="MyMessage"><div class="cont">';
cont += '<table cellpadding=0 cellspacing=0 border=0><tr><td valign="top">';
	
	var i; var j; var k; var m;
	alb = now_pat[series]+now_sum[series][index][0];	
	if(now_sum[series][index][1]!="")
	 	cont += '<P>'+now_tit[series]+' - '+now_sum[series][index][1]+'</P>';
	else
	 	cont += '<P>'+now_tit[series]+'</P>';


	cont += '<table cellpadding=0 cellspacing=0 border=0><tr><td valign="top">';


	cont += '<table cellpadding=0 cellspacing=4 border=0 width="316">';
	cont += '<tr><td valign="top"><img border=0 width=306 height=306 src="images/covers_jpg_306/'+alb+'.jpg"></td></tr>';
	cont += '<tr><td valign="top"><p><span class="trackt">';
	cont += 'Released: '+sam_date(now_sum[series][index][2])+'</span>';
	for(k=0;k<now_sum[series][index][6].length;k++)
	cont += '<p><span class="trackn">'+now_sum[series][index][6][k]+'</span>';
	cont += '</td></tr></table>';	
		
	cont += '</td><td width="5"> </td><td valign="top">';
	
	cont += '<table class="track" cellpadding=0 cellspacing=0 border=0>';
	var off = 0;
	var pad = "";
	for(j=0;j<index;j++)
		off += now_sum[series][j][3];
	k = tracks[series][off].length; k /= 2;
	for(j=0;j<k;j++)
	{
		if(j+1<10) pad = "0"; else pad = "";
		cont += '<tr><td class="trackl"><span class="track0">'+pad+(1+j)+'.</span></td>';
		cont += '<td class="trackr"><span class="track1">'+tracks[series][off][2*j]+'</span>';
		cont += '<span class="track0"> - </span>';
		cont += '<span class="track2">'+tracks[series][off][2*j+1]+'</span></td></tr>';
	}
	cont += '</table>';	
	if(now_sum[series][index][3]==2)
	{
		cont += '<hr><table class="track" cellpadding=0 cellspacing=0 border=0>';
		off++;
		k = tracks[series][off].length; k /= 2;
		for(j=0;j<k;j++)
		{
			if(j+1<10) pad = "0"; else pad = "";
			cont += '<tr><td class="trackl"><span class="track0">'+pad+(1+j)+'.</span></td>';
			cont += '<td class="trackr"><span class="track1">'+tracks[series][off][2*j]+'</span>';
			cont += '<span class="track0"> - </span>';
			cont += '<span class="track2">'+tracks[series][off][2*j+1]+'</span></td></tr>';
		}
		cont += '</table>';	
	}
	
	cont += '</td></tr></table>';
	
	
cont += '</td></tr><tr><td>';

if(now_sum[series][index].length>=8)
{
	var i;
	cont += '<hr>';//<table cellpadding=0 cellspacing=0 border=0><tr><td valign="top">';
	for(i=0;i<now_sum[series][index][7].length;i++)
		cont += '<p>'+now_sum[series][index][7][i];
//	cont += '</td></tr></table>';
	cont += '</td></tr><tr><td>';
}

	for(j=0;j<5;j++)
	{
	k = now_sum[series][index][4][j];
	if(k>0)
	{
		cont += '<hr><table cellpadding=0 cellspacing=4 border=0>';
		cont += '<tr><td colspan=6>'+format[j]+'</td></tr>';
		for(i=0;i<k+3-(k-1)%4;i++)
		{
			if(i%4==0) cont += '<tr>';
			if(i%4==2) cont += '<td></td><td></td>';
			if(i<k)
				cont += '<td><img width="150" border=0 src="vault/'+alb+'/covers_jpg_128/'+alb+'_'+now_sum[series][index][5][j][i]+'.jpg"></td>';
			else
				cont += '<td>&nbsp;</td>';
			if(i%4==3) cont += '</tr><tr></tr><tr></tr>';
		}
		cont += '</table>';
		
	//	cont += '<a href="#" onClick="nowpopit('+series+','+index+','+j+');return false">pop</a>';
	
	}
	}
	
	
	
cont += '</td></tr></table>';	
cont += '</div></div>';	

}
	
	if(bw.ns4)
	{
		this.writeref.write("Please get something better than Netscape 4!");
		this.writeref.close();
	}
	else 
	{
		this.writeref.innerHTML = cont;
	}
}

function now_fn(series)
{
	document.writeln('<div class="MyLinks">');
	var i=0, ii=0, j=0, jj=0, k, numb, year, note;
	ii = now_tot[series]/wid;
	jj = now_tot[series]%wid;
	document.writeln('<P>'+now_tit[series]+'</P>');
	document.writeln('<table border=0 cellspacing=4 cellpadding=0>');
	for(i=0;i<ii;i++)
	{
		document.writeln('<tr>');
		for(j=0;j<wid;j++)
		{
			k = i*wid+j;
			if(k<now_tot[series])
			{
				alb = now_pat[series]+now_sum[series][k][0];	
	document.writeln('<td width=52 height=52><a href="#" onclick="changeText('+series+','+k+')"><div id="divThumb'+series+'x'+k+'"><img width=50 height=50 src="loading.png"></div></a></td>');

			} else {
				document.writeln('<td width=52 height=52>&nbsp;</td>');
			}
		}
	document.writeln('</tr>');
	}
	document.writeln('</table>');
	document.writeln('</div>');
}

function search_form(sForm) 
{
//	changeText(-2,0);
	if(sForm.d.value.length > 0) 
	{
		search_string = sForm.d.value;
		changeText(-1,0);
	}
}

function now_search()
{
	// The Search Bit
	document.writeln('<div class="MyLinks"><p>Search (unfinished)<br>');	
	document.writeln('<form name="sForm" onsubmit="search_form(sForm);return false">');
	document.writeln('<input type="text" name="d">');
	document.writeln('<input type="button" value="Go" onclick="search_form(sForm)">');
	document.writeln('</form></div>');
}

