
 
/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */
 
var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;
 
var origWidth, origHeight;
 
// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }
 
///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;	
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 260;
var offX= 50;	// how far from mouse to show tip
var offY= 0; 
var tipFontFamily= "Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif";
var tipFontSize= "0.8em";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#353943";
var tipBgColor= "#FFFFFF"; 
var tipBorderColor= "#353943";
var tipBorderWidth= 1;
var tipBorderStyle= "solid";
var tipPadding= 8;
 
// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip


messages[0] = new Array('http://www.discfactory.co.uk/wp-content/uploads/quantity_info.jpg','<p>Not sure how many discs you need?</p><p>Just let us now the quantities that you are considering and we will quote you on each one.</p>',"#FFFFFF");

messages[1] = new Array('http://www.discfactory.co.uk/wp-content/uploads/cd_digipak.jpg','<p>The CD Digipak is a very versatile packaging solution. The 4 and 6 panel CD DigiPak options are the most common but variations are effectively limitless as the panels, trays and booklet pockets can all be tailored to suit your exact requirements.</p><p>Matt Lamination, Slip Cases and O-Cards are just some of the popular "Additional Options" (see below) that provide some really eye-catching results.</p>',"#FFFFFF");

messages[2] = new Array('http://www.discfactory.co.uk/wp-content/uploads/dvd_digipak.jpg','<p>The DVD Digipak is a very versatile packaging solution. The 4 and 6 panel DVD DigiPak options are the most common but variations are effectively limitless as the panels, trays and booklet pockets can all be tailored to suit your exact requirements.</p><p>Matt Lamination, Slip Cases and O-Cards are just some of the popular "Additional Options" (see below) that provide some really eye-catching results.</p>',"#FFFFFF");

messages[3] = new Array('http://www.discfactory.co.uk/wp-content/uploads/paperfoam_digipak.jpg','<p>Produced from potato starch the PaperFoam tray is 100% biodegradable and recyclable making it an innovative and eco-friendly alternative to the standard plastic flexitrays traditionally used in CD, DVD and Blu-Ray Digipaks.</p>',"#FFFFFF");

messages[4] = new Array('http://www.discfactory.co.uk/wp-content/uploads/cd_digifile.jpg','<p>The CD Digifile is a variation on the CD Digipak using die-cuts or foam dot grips instead of plastic trays to hold the discs in place.</p><p>Disc Factory offers numerous variations in terms of panel layouts, slots and booklet pockets to cater for all different designs.</p>',"#FFFFFF");

messages[5] = new Array('http://www.discfactory.co.uk/wp-content/uploads/dvd_digifile.jpg','<p>The DVD Digifile is a variation on the DVD Digipak using die-cuts or foam dot grips instead of plastic trays to hold to discs in place.</p><p>Disc Factory offers numerous variations in terms of panel layouts, slots and booklet pockets to cater for all different designs.</p>',"#FFFFFF");

messages[6] = new Array('http://www.discfactory.co.uk/wp-content/uploads/custom_card_wallet.jpg','<p>Standard Custom Printed Card Wallets are made to hold a single disc, although we also offer "Double Card Wallets" that can take a second disc or a booklet. Card Wallets are both lightweight and durable making them an ideal "mailout" solution.</p><p>We apply a protective matt or gloss varnish as standard but for an even more professional finish we also offer a "Matt Lamination" and other finishing options (see below).</p>',"#FFFFFF");

messages[7] = new Array('http://www.discfactory.co.uk/wp-content/uploads/lancing_pack.jpg','<p>A Lancing Pack is similar to a card wallet but also has an additional flap (or flaps) providing a bigger canvas for artwork design and information to be added.</p><p>We apply a protective matt or gloss varnish as standard but for an even more professional finish we also offer a "matt lamination" and other finishing options (see below).</p>',"#FFFFFF");

messages[8] = new Array('http://www.discfactory.co.uk/wp-content/uploads/cd_jewel_case.jpg','<p>The standard Jewel Case is probably the most common CD packaging available. It holds anything from a single front insert up to a 32 page booklet and when opting for a clear tray has the option of printing a "double sided" traycard.</p><p>Whether opting for a standard CD Jewel Case, a Slimline option or even a Multi-Disc set definitely consider adding a Slip Case or O-Card for an even greater impact! (see below)</p>',"#FFFFFF");

messages[9] = new Array('http://www.discfactory.co.uk/wp-content/uploads/super_jewel_box.jpg','<p>The CD Super Jewel Box is the same size as the regular CD Jewel Case but has a stackable hub meaning it is suitable for 2 discs as standard. Variations include a multi-disc flip tray as well as a slimline version.</p><p>We also offer a DVD "king" size version in our Super Jewel Box range.</p>',"#FFFFFF");

messages[10] = new Array('http://www.discfactory.co.uk/wp-content/uploads/maxi_case.jpg','<p>The Maxi Case is a crystal clear slim case most commonly used by the music industry for CD singles.</p><p>The printed paper insert for the front of the Maxi Case is often referred to as s J-Card as it has a "J" shaped lip that extends around the case to provide an extra area that is normally used to provide track information about the disc.</p>',"#FFFFFF");

messages[11] = new Array('http://www.discfactory.co.uk/wp-content/uploads/dvd_case.jpg','<p>DVD cases have a clear outer wrap which holds a printed insert and the discs are held in place via a push button hub.</p><p>Most commonly seen as black the DVD case does come in a variety of other colours with the "clear case" allowing for a double-sided printed sleeve that can also be seen when the case is open. Double and even Multi-Disc cases are available using hinged swing trays.DVD cases can also hold a booklet up to 32 pages.</p><p>Whether you require a single DVD Case, a Slimline option or even a Multi-Disc set definitely consider adding a Slip Case or O-Card for an even greater impact! (see below)</p>',"#FFFFFF");

messages[12] = new Array('http://www.discfactory.co.uk/wp-content/uploads/bluray_info.jpg','<p>The new Blu-Ray format has brought with it its own style of case. It differentiates itself from a standard DVD case by its transparent blue appearance as well as being slightly more compact than a DVD Case.</p>',"#FFFFFF");

messages[13] = new Array('http://www.discfactory.co.uk/wp-content/uploads/c-shell.jpg','<p>C-Shells are a great impact resistant packaging solution. They are not only half the weight and thickness of a standard Jewel Case but also shatterproof making them ideal for mailouts.</p>',"#FFFFFF");

messages[14] = new Array('http://www.discfactory.co.uk/wp-content/uploads/ejector_case.jpg','<p>The Ejector Case is very innovative. The disc slides smoothly into the case and then to eject the small coloured lever is pressed and the trigger mechanism pops the disc out. This trigger is available in a number of different colours.</p><p>The case is made from polypropylene which like the "C-Shell" makes it lightweight and virtually unbreakable and so ideal for mailing as well.</p>',"#FFFFFF");

messages[15] = new Array('http://www.discfactory.co.uk/wp-content/uploads/pvc_wallet.jpg','<p>Plastic Wallets are one of the most cost effective packaging solutions. An ideal way to protect your disc from dirt and scratches whilst keeping costs to a minimum.</p><p>PVC Wallets can also hold covercards and thin booklets. There are also double disc solutions, as well as wallets with adhesive strips and even ring binder holes.</p>',"#FFFFFF");

messages[16] = new Array('http://www.discfactory.co.uk/wp-content/uploads/romvelopes.jpg','<p>Simple yet effective. Romvelopes are paper wallets with a clear PVC window so that the disc artwork can still be seen.</p><p> Ideal for when cost is the determining factor.</p>',"#FFFFFF");

messages[17] = new Array('http://www.discfactory.co.uk/wp-content/uploads/other_quantities_info.jpg','<p>Need an even bigger booklet?</p><p>Most packaging solutions can not fit booklets over 32 pages but some custom solutions can accomodate them. So if you need a larger booklet just let us know...</p>',"#FFFFFF");

messages[18] = new Array('http://www.discfactory.co.uk/wp-content/uploads/slip_case_info.jpg','<p>The Slip Case is a printed cardboard cover that has an opening at one end. It is designed to enclose your CD Jewel case, DVD case, Blu-ray case, Digipak or Digifile.</p><p>It is often used to group Multi-Case sets but is equally popular on single disc products, giving real added-value to a product. It is especially eye-catching when combined with one or more of our professional finishing options such as "Matt Lamination", "Embossing" or perhaps "Spot UV"(see below).</p>',"#FFFFFF");

messages[19] = new Array('http://www.discfactory.co.uk/wp-content/uploads/ocard_info.jpg','The O-card is very similar to the Slip Case the difference being that the printed cardboard cover has an opening at "both" ends. It is designed to enclose your CD Jewel case, DVD case, Blu-ray case, Digipak or Digifile.</p><p>It is often used to group multi-case sets but is equally popular on single disc products, giving real added-value to a product. It is especially eye-catching when combined with one or more of our professional finishing options such as "matt lamination", "embossing" or perhaps "spot UV"(see below).</p>',"#FFFFFF");

messages[20] = new Array('http://www.discfactory.co.uk/wp-content/uploads/matt_lamination_info.jpg','<p>Matt Lamination is a process in which a thin transparent plastic film is applied to the surface of card packaging.</p><p>This gives the packaging even more rigidity, making it not only highly durable but making the treated surfaces water resistant too.</p><p>Matt Lamination also has the added benefit of giving the finished surface a soft "satin" finish that is really smooth to the touch.',"#FFFFFF");

messages[21] = new Array('http://www.discfactory.co.uk/wp-content/uploads/gloss_lamination_info.jpg','<p>Gloss lamination gives your printed card packaging a shiny covering by applying a thin transparent plastic film to the surface of card.</p><p>This gives the packaging even more rigidity, making it not only highly durable but making the treated surfaces water resistant too.</p><p>',"#FFFFFF");

messages[22] = new Array('http://www.discfactory.co.uk/wp-content/uploads/recycled_option_info.jpg','<p>Concerned about the environment?</p><p>Well we are here to help. Now you can promote your company as ecologically responsible as we offer you packaging that is made from recycled and recyclable materials.</p>',"#FFFFFF");

messages[23] = new Array('http://www.discfactory.co.uk/wp-content/uploads/cello_wrapping_info.jpg','<p>Cello-wrapping give your product a highly professional finish and lets your customers know they are getting a brand new product.</p><p>On certain products that have thin spines cello-wrapping is simply not possible, in these instances we use a similar method to "shrink-wrap" instead to give a similar finish.</p>',"#FFFFFF");

messages[24] = new Array('http://www.discfactory.co.uk/wp-content/uploads/barcode_info.jpg','<p>Disc Factory Ltd is a registered member with GS1 UK, allowing us to assign you a unique barcode for your artwork that complies with GS1 UK standards. Barcodes are provided as a vector/scalable file for inclusion in your artwork.</p>',"#FFFFFF");

messages[25] = new Array('http://www.discfactory.co.uk/wp-content/uploads/artwork_design_info.jpg','<p>Need help with your artwork? Our team of talented in-house graphic designers can help design your artwork for you.</p><p>Either working from scratch or using graphics, photos and text that you provide our design team can create all the necessary artwork for you.</p>',"#FFFFFF");

messages[26] = new Array('http://www.discfactory.co.uk/wp-content/uploads/embossing_info.jpg','<p>Embossing creates raised areas by stamping them into the paper. This technique is commonly used to raise titles or logos but can also be used on its own to stunning effect.</p><p>This process is a great ways to give your packaging a tactile contrast and eye-catching finish, especially when used in conjunction with metallic inks or hot foiling!</p>',"#FFFFFF");

messages[27] = new Array('http://www.discfactory.co.uk/wp-content/uploads/debossing_info.jpg','<p>The opposite of "Embossing"... Debossing presses selected areas of the packaging downwards by stamping them into the paper. This technique is commonly used to raise titles or logos but can also be used on its own to stunning effect.</p><p>This process is a great ways to give your packaging a tactile contrast and eye-catching finish, especially when used in conjunction with metallic inks or hot foiling!</p>',"#FFFFFF");

messages[28] = new Array('http://www.discfactory.co.uk/wp-content/uploads/metallic_printing_info.jpg','<p>This allows for an amazing metallic shine. This finish is accomplished by actually putting metallic particles in the ink so they reflect light in a way that is not possible with regular inks.</p><p>Metallic printing is a great way to enhance the final print of both your disc and packaging - and you are not just limited to silver and gold - simply choose an ink from the Pantone Metallic Library.</p><p>Note: If you need a mirror-like metallic finish for your packaging, consider using Hot Foil Stamping instead.</p>',"#FFFFFF");
						 
messages[29] = new Array('http://www.discfactory.co.uk/wp-content/uploads/serialization_info.jpg','<p>Serialization involves putting a unique serial number or code on each individual disc or packaging.</p>',"#FFFFFF");

messages[30] = new Array('http://www.discfactory.co.uk/wp-content/uploads/spot_uv_info.jpg','<p>Spot UV still uses a High Gloss UV varnish to give the packaging a ultra shiny finish but instead of having the entire packaging coated you can specify to have only specific areas coated which can create some amazing eye-catching effects.</p><p>For the packaging this is best used in conjunction with "Matt Lamination", with "Reverse Board Printing" also giving a nice effect. Spot UV is also an option the disc itself!</p>',"#FFFFFF");

messages[31] = new Array('http://www.discfactory.co.uk/wp-content/uploads/hot_foiling_info.jpg','<p>This is where a shiny metallic foil is bonded to the printed surface. This gives a striking mirror-like finish you can achieve in no other way.</p>',"#FFFFFF");

messages[32] = new Array('http://www.discfactory.co.uk/wp-content/uploads/reverse_board_print_info.jpg','<p>Reverse board printing provides a lovely natural matt finish as it is printing to the uncoated side of the card.</p><p>It does have a higher ink absorption rate than coated card but we take that into consideration when we setup our print press for these jobs to ensure great results.</p>',"#FFFFFF");

messages[33] = new Array('http://www.discfactory.co.uk/wp-content/uploads/eco_disc_info.jpg','<p>Reduce your carbon footprint with our revolutionary "EcoDisc".</p><p>The flexible "EcoDisc" can store the same about of data as a normal CD or DVD but is thinner and lighter than a normal disc meaning it emits 52% less carbon dioxide during production, and as it also requires no toxic bonder it is 100% fully recyclable - and being half the weight of a normal disc they offer substantial CO2 emission reductions in shipping and transportation too!</p>',"#FFFFFF");

messages[34] = new Array('http://www.discfactory.co.uk/wp-content/uploads/gloss_uv_info.jpg','<p>All our printed packaging come with a protective gloss (or matt) varnish as standard but opting to add a High Gloss UV coating gives the packaging an ultra shiny finish.</p>',"#FFFFFF");

messages[35] = new Array('http://www.discfactory.co.uk/wp-content/uploads/custom_die_cuts_info.jpg','<p>Custom die-cuts are a very creative way to add a unique look and feel to your project.</p><p>Whether its a window in a Slip Case for something to show through, or perhaps a different die-cut for the thumb cut you can create great effects. Special die-cuts involve create a unique die-cutting tool for your project.</p>',"#FFFFFF");

messages[36] = new Array('http://www.discfactory.co.uk/wp-content/uploads/additional_pantone_info.jpg','<p>The term "6C" can apply to both packaging and discs. It refers to having another sixth ink color (Normally a spot color or pantone metallic ink) over the normal 5 colour process of CMYK and white base.</p>',"#FFFFFF");

messages[37] = new Array('http://www.discfactory.co.uk/wp-content/uploads/spine_printing_info.jpg','<p>This is a popular choice for Digipaks and Digifiles when customers want a panoramic image to span across the entire width of the inside panels without having the raw white card visible between each inside panels or pocket. This is achieved by also printing to both sides of the card.</p>',"#FFFFFF");

messages[38] = new Array('http://www.discfactory.co.uk/wp-content/uploads/additional_info_info.jpg','<p>This is where you let us know any extra information regarding your project.</p><p>Perhaps you have some specific request or maybe you need some packaging option not listed above. Just let us know and we will do our very best to help!</p>',"#FFFFFF");

messages[39] = new Array('http://www.discfactory.co.uk/wp-content/uploads/deadline_info.jpg','Got a specific deadline in mind? If so then let us know so we can alert you to how long the manufacturing process will take.</p><p>Disc Factory offer UKs fastest turnaround for short runs and in special cases we can even process your order and ship the very same day to ensure you dont miss your deadline!',"#FFFFFF");


 
////////////////////  END OF CUSTOMIZATION AREA  ///////////////////
 
// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}
 
// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';
 
////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}
 
window.onload = initTip;
 
/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,num) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor;
	if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}
 
var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	if (tipOn) positionTip(evt);
}
 
/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = mouseX-(tpWd+offX)+"px";
	else tipcss.left = mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = winHt-(tpHt+offY)+"px";
	else tipcss.top = mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}
 
function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}
 
document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')

 
 
 
 
 
 
 