/***********************************************
* 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
***********************************************/

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" }

var tipFollowMouse= true;
var tipWidth= 520;
var offX= 20;	// how far from mouse to show tip
var offY= 12;
var tipFontFamily= "Verdana, Arial, Helvetica, sans-serif";
var tipFontSize= "8pt";
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF";
var tipBorderColor= "#8FBC8F";
var tipBorderWidth= 6;
var tipBorderStyle= "solid";
var tipPadding= 5;

var messages = new Array();

/*UNIQUE*/
messages[0] = new Array('images/star_white.jpg','<table><tr><td colspan="2"><font face="Arial" size="2" color="#000000">Instead of using common third-party templates we will custom design your website from scratch, completely based on your business requirements. The result is your unique professional website that will fully compliment your products and services.<p>However, a unique design is not enough for you; it must be efficient as well. While developing your website we will pay close attention to ensure that:<p><b>The Pages</b> download quickly, the website fits in all browsers, and the hyperlinks, e-mail links, forms, and graphics all work as intended.</font></td></tr><tr><td valign="center"><img src="images/web_design.png" width="150"></td><td width="70%"><font face="Arial" size="2" color="#000000"><b>Content</b> is clearly written, has correct spelling and grammar, is well organized and logically formatted on the pages with proper headings, lists, bullets, boxes and other techniques of formatting and organizing.<p><b>Navigation</b> is intuitive, consistently located on all pages, is logically grouped, and has clear labels that tell users exactly where they will go.</font></td></tr></table>',"#FFFFFF");

/*DYNAMIC
messages[1] = new Array('images/star.jpg','<table> <tr valign="top"> <td colspan="2"> <font face="Arial" size="2" color="#000000"> Using Web 2.0 technologies, we develop feature-rich dynamic websites to give your clients the ultimate experience of interactivity. We specialize in developing PHP/MySQL database-driven websites such as: <p> <table> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Content Management Systems </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> E-commerce Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Corporate Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Social Networking Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Bulletin Boards, Discussion Boards, Blogs </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Flash Web Designs </td> </tr> </table></font> </td> </tr><tr valign="center"> <td colspan="2">&nbsp;</td> </tr><tr> <td colspan="2"> <font face="Arial" size="2" color="#000000"> Our database-driven websites can give you full control of content management. This may save a lot of your time and money when it comes to updating contents of your website at any future time.</font> </td> </tr> </table>',"#EEEEEE");
*/
messages[1] = new Array('images/star.jpg','<table><tr valign="top"><td colspan="2"><script type="text/javascript">new fadeshow(fadeImagesDynamic, 500, 62, 0, 2000, 0)</script></td></tr><tr valign="top"><td colspan="2"> <font face="Arial" size="2" color="#000000">Using Web 2.0 technologies, we develop feature-rich dynamic websites to give your clients the ultimate experience of interactivity. We specialize in developing PHP/MySQL database-driven websites such as: <p> <table> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Content Management Systems </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> E-commerce Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Corporate Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Social Networking Websites </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Bulletin Boards, Discussion Boards, Blogs </td> </tr> <tr> <td width="14" valign="center"> <img src="images/star.jpg" width="13"> </td> <td valign="top"> Flash Web Designs </td> </tr> </table></font> </td> </tr><tr valign="center"> <td colspan="2">&nbsp;</td> </tr><tr> <td colspan="2"> <font face="Arial" size="2" color="#000000"> Our database-driven websites can give you full control of content management. This may save a lot of your time and money when it comes to updating contents of your website at any future time.</font></td></tr></table>',"#EEEEEE");

/*POWERFUL*/
messages[2] = new Array('images/star.jpg','<table> <tr> <td colspan="2"> <font face="Verdana" size="2" color="#000000"> We use an array of powerful designing tools and programming languages, based on the requirements of the particular website. Some languages and tools we use are: <p> </font> </td> </tr><tr> <td colspan="2"> <font face="Verdana" size="4" color="#FF3300">M</font><font face="Verdana" size="2" color="#000000">arkup and <font face="Verdana" size="4" color="#FF3300">S</font><font face="Verdana" size="2" color="#000000">tyle Sheet languages (HTML, SHTML, XML, CSS) <p> <font face="Verdana" size="4" color="#FF3300">C</font><font face="Verdana" size="2" color="#000000">lient-side scripting (JavaScript), <font face="Verdana" size="4" color="#FF3300">S</font><font face="Verdana" size="2" color="#000000">erver-side scripting (PHP, CGI, Perl) <p> <font face="Verdana" size="4" color="#FF3300">D</font><font face="Verdana" size="2" color="#000000">atabase Technologies (MySQL), <font face="Verdana" size="4" color="#FF3300">M</font><font face="Verdana" size="2" color="#000000">ultimedia Technologies (Flash) <p> <font face="Verdana" size="4" color="#FF3300">S</font><font face="Verdana" size="2" color="#000000">hopping Carts (OSCommerce, ZenCart, VirtueMart, PayPal) <p> <font face="Verdana" size="4" color="#FF3300">C</font><font face="Verdana" size="2" color="#000000">ontent Management Systems (Joomla, Drupal), <font face="Verdana" size="4" color="#FF3300">B</font><font face="Verdana" size="2" color="#000000">logs (WordPress) <p> </font> </td> <tr><tr> <td width"150"> <img src="images/web_lamp.png" width="150"></td><td> <font face="Verdana" size="2" color="#000000"> We always build, test, and host on open source technologies such as the LAMP bundle (Linux, Apache, MySQL, PHP, Perl). </font> </td> </tr></table>',"#EEEEEE");

/*SEO*/
messages[3] = new Array('images/boxBanner_500_seo.png','<table><tr><td colspan="2"><font face="Arial" size="2" color="#000000">Designing, developing and hosting a website is only the first step towards your online presence. Once your site is hosted and alive, you need to let the world know that you are there providing the kind of products and services that they are looking for. When thousands of pages are being added every day to the Internet how do you ensure that potential customers will see you when they search online for the same products and services that you offer?<p>You know the answer - Search Engine Optimization (SEO). But so does everyone else, including your competitors. To make the difference and to stand atop you actually need <b>Result-driven Search Engine Optimization</b> from experienced professionals with proven SEO records.<p>Search Engine Optimization is not only Meta Tags, Sitemaps, and Links. There are much more to it. But you do not need to spend a fortune to achieve top rankings. For proven results and a low-cost no-obligation quote please call us today.</font></td></tr></table>',"#EEEEEE");

/*Hosting*/
messages[4] = new Array('images/boxBanner_500_hosting.png','<table><tr><td colspan="2"><font face="Arial" size="2" color="#000000">We will not only design and develop your website, our professional team of web experts will stand 24/7 to support all your hosting and maintenance needs. Following are some of the great features that come with our award-winning hosting plan:<br><table width="100%"><tr><td width="50%"><br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Unlimited Disk Space<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Unlimited Data Transfer/Bandwidth<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;2,500 POP3 Email Accounts<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;E-mail Forwarding & Auto Responder<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Browser-based Email (WebMail)<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;25 MySQL Database<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;CGI-BIN + PHP 4 & 5 Support<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;PERL Support<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Server Side Includes<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;FrontPage 2000/2002 Extensions<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Website Statistics<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Website Backup Software<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Web Hosting Control Panel</td><td><br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;osCommerce Shopping Cart, ZenCart<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Agora Shopping Cart<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;PayPal Shopping Cart Integration<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Access Logs<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;File Manager<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;FTP Manager<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Secure FTP<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;High Performance Servers<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;2 Data Centers<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;Cisco Routers Using BGP4 Protocol<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;NetApp Snapshot Data Backups<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;UPS Power Backup, Diesel Backup<br><img src="images/icon_E4F9AD.png">&nbsp;&nbsp;24x7 Network Monitoring</td></tr></table></font></td></tr></table>',"#EEEEEE");

/*
messages[3] = new Array('images_ClientHomePages/KiranPalace1.png','<b><font color="#FF6600">Kiran Palace, Commack</font></b>&nbsp;&nbsp;http://www.kiranpalace.net',"#DDDDDD");
messages[4] = new Array('images_ClientHomePages/MAAWS.png','<b><font color="#FF6600">MAAWS for Global Welfare</font></b>&nbsp;&nbsp;http://www.maawsusa.org',"#993333");
messages[5] = new Array('images_ClientHomePages/KakatuaAgency.png','<b><font color="#FF6600">Kakatua Agency</font></b>&nbsp;&nbsp;http://www.kakatua.com',"#993333");
messages[6] = new Array('images_ClientHomePages/CouponsAndCatalogs.png','<b><font color="#FF6600">Coupons And Catalogs</font></b>&nbsp;&nbsp;http://www.couponsandcatalogs.com',"#C8E181");
messages[7] = new Array('images_ClientHomePages/BukharSweets.png','<b><font color="#FF6600">Bukhara Sweets</font></b>&nbsp;&nbsp;http://www.bukharasweets.com',"#C8E181");
messages[8] = new Array('images_ClientHomePages/monalisaNY.png','<b><font color="#FF6600">Mona  Lisa</font></b>&nbsp;&nbsp;http://www.monalisaNY.com',"#C8E181");
messages[9] = new Array('images_ClientHomePages/KiranPalaceHV.png','<b><font color="#FF6600">Kiran Palace, Hicksville</font></b>&nbsp;&nbsp;http://www.kiranpalacehicksville.net',"#993333");
messages[10] = new Array('images_ClientHomePages/DistinctiveKBNY.png','<b><font color="#FF6600">Distinctive Kitchens and Baths</font></b>&nbsp;&nbsp;http://www.distinctivekbny.com',"#C8E181");
messages[11] = new Array('images_ClientHomePages/theLavenderLetter.png','<b><font color="#FF6600">The Lavender Letter</font></b>&nbsp;&nbsp;http://www.thelavenderletter.com',"#C8E181");
messages[12] = new Array('images/slide13.jpg','<b><font color="#FF6600">Pista Burfee</font></b>. Available in 1Lb package',"#FFFFFF");
messages[13] = new Array('images/slide14.jpg','<b><font color="#FF6600">Sakar Para</font></b>. Available in 1Lb package',"#FFFFFF");
//messages[] = new Array('test.gif','Test description','black','white');
*/

// 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>')