// JavaScript Document

var greetingcards = new Array();
greetingcards[1]= new Array('RN0501 belonging tulip','We belong together.<br />Happy Anniversary');
greetingcards[2]= new Array('RN0502 Birthday turrets','dream big,<br />happy birthday');
greetingcards[3]= new Array('RN0503 Breathe','hope you\'re having a better day');
greetingcards[4]= new Array('RN0504 Butterfly lighthouse','enjoy your retirement');
greetingcards[5]= new Array('RN0505 Cool birthday','Take a moment, enjoy the day!<br />Happy Birthday!');
greetingcards[6]= new Array('RN0506 Draw, draw, draw','Memories together with you.<br />Happy Anniversary!');
greetingcards[7]= new Array('RN0507 Figaro','Enjoy!');
greetingcards[8]= new Array('RN0508 Girl talk','tea, coffee, conversation.<br />happy birthday to a good friend!');
greetingcards[9]= new Array('RN0509 Home in June','to great times in your new home!');
greetingcards[10]= new Array('RN0510 Home feels good','welcome home <br />sweet home');
greetingcards[11]= new Array('RN0511 Strawberry birthday','Wishing you all good <br />things on your birthday.<br />Happy Birthday!');
greetingcards[12]= new Array('RN0512 Sympathy treasures','memories are treasures all around us.<br />with deepest sympathy');
greetingcards[13]= new Array('RG6183 baby pram','');
greetingcards[14]= new Array('RG6184 birthday cake','');
greetingcards[15]= new Array('RG6185 wedding cake','');
greetingcards[16]= new Array('RG6186 sympathy','');
greetingcards[17]= new Array('RG6187 somewhere place','');
greetingcards[18]= new Array('RG6188 congratulations','');
greetingcards[19]= new Array('RG6189 dreams come true','');
greetingcards[20]= new Array('RG6190 loving life','');

function detailView(category ,imageNumber, totalImages, orientation)
{
	if(orientation == "Y"){
		newwindow=window.open('','windowName','toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,height=550,width=720,left = 150,top = 50');
	} else {
		var orientation = "N";
		newwindow=window.open('','windowName','toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,height=550,width=350,left = 150,top = 50');
	}
	var tmp = newwindow.document;
	var imageName = category + imageNumber;
	var imageTitle = eval(category + '[' + imageNumber  +'][0]');
	var insideGreeting = eval(category + '[' + imageNumber  +'][1]');

	tmp.write('<html><head><title>' + imageTitle + '</title>');
	tmp.write('<link rel="stylesheet" href="css/popup.css">');
	tmp.write('<script language="JavaScript1.2" type="text/javascript" src="script.js"></script>');
	tmp.write('</head><body>');
	tmp.write('<div align="right"><a href="javascript:self.close()"><img border="0" src="images/close.gif" width="16" height="14" alt="" hspace="10" vspace="10"></a></div>');
	tmp.write('<img border="0" src="images/samples/' + imageName);
	if(orientation == "Y"){
		tmp.write('.gif" width="670" height="450" ');
	} else {
		tmp.write('.jpg"width="300" height="400" ');
	}
	tmp.write('alt="' + imageTitle + '">');
	tmp.write('<p>' + imageTitle + '</p>');
	if(insideGreeting != ""){
		tmp.write('<p style="font-size: 1.1em;">inside greeting:<br />' + insideGreeting + '</p>');
	}
	if (imageNumber == 13) {
		tmp.write('<div style="width: 49%; float: left;"><a href="javascript:window.resizeTo(350,605);detailView(\'greetingcards\',12,20)">&laquo; Previous</a></div>');
	} else if (imageNumber == 1) {
		tmp.write('<div style="width: 49%; float: left;">&nbsp;</div>');
	} else {
		tmp.write('<div style="width: 49%; float: left;"><a href="javascript:detailView(\'' + category + '\',' + (imageNumber - 1) + ',' + totalImages );
		if(orientation == "Y"){
			tmp.write(',\'Y\'');
		}
		tmp.write(')">&laquo; Previous</a></div>');
	}
	// pause to fix IE bug
	var date = new Date();
	var curDate = null;
	do { curDate = new Date(); } 
	while(curDate-date < 1000);

 	if (imageNumber == 12) {
		tmp.write('<div style="width: 49%; float: left;"><a href="javascript:window.resizeTo(720,605);detailView(\'greetingcards\',13,20,\'Y\')">Next &raquo;</a></div>');
	} else if (imageNumber == totalImages) {
		tmp.write('<div style="width: 49%; float: left;">&nbsp;</div>');
	} else {
		tmp.write('<div style="width: 49%; float: left;"><a href="javascript:detailView(\'' + category + '\',' + (imageNumber + 1) + ',' + totalImages );
		if(orientation == "Y"){
			tmp.write(',\'Y\'');
		}
		tmp.write(')">Next &raquo;</a></div>');
	}
	tmp.write('</body></html>');
	tmp.close();
}


