$(document).ready(function(){
	$("#p1").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>Edaho Properties</b><br/>We customized the existing HTML site with wordpress platform. Edaho Properties is a properties listing website.<br/><a href='http://edahoproperties.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
	$("#p2").makeInfoBubble({
								text: "<div style='width:200px; height:200px;'> <b>Ilovefootball</b><br/>For this project we created a simple HTML/CSS design that was search engine friendly, we used flash for countdown timer, and also we integrated with aweber.com for a newsletter subscription.<a href='http://ilovefootball.sg' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	
	});
	$("#p3").makeInfoBubble({
								text: "<div style='width:200px; height:200px;'> <b>I3s-Monitor</b><br/>We customized the existing HTML site with wordpress platform.<br/><a href='http://i3s-monitor.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	
	});
	$("#p4").makeInfoBubble({
							text: "<div style='width:200px; height:200px;'> <b>Speakingroses</b><br/>We did a great deal of customization to an existing site in order to get the site to appear just how the client wanted it to. Customizations included changing the color scheme, designs and using Oscommerce platform for ecommerce solution.<br/> <a href='http://www.speakingroses.com.sg' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	
	});
$("#p5").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b> B1G1</b><br/>We designed this website using HTML/CSS and Flash.<br/><a href='http://www.b1g1.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});

$("#p6").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>Two Dollar Movie</b><br/>Two Dollar Movie is a website designed using Wordpress platform that allows users to view the trailers of newly released movies in singapore. This website also allows the user to register their names to win a ticket for $2.<br/><a href='http://www.twodollarmovie.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});

$("#p7").makeInfoBubble({
			text: "<div style='width:200px; height:200px;'><b>Oceanic Offshore</b> <br/>We designed this website using HTML/CSS and Flash. <br/><a href='http://www.oceanicoffshore.com.sg' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});

$("#p8").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b>Genisisgi</b><br/>We designed this website using HTML/CSS and Flash. Genesis Global Investment Pte Ltd was set up to create a dedicated, Global–focused mining and coal marketing company<br/><a href='http://www.genesisgi.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});

$("#p9").makeInfoBubble({
	text: "<div style='width:200px; height:200px;'><b> Opening Young Minds</b><br/>This project was designed using HTML/CSS.<br/><a href='http://www.openingyoungminds.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p10").makeInfoBubble({
						 	text: "<div style='width:200px; height:200px;'> T<b>Intsight</B><br/>We customized the existing HTML site with wordpress platform.<br/><a href='http://www.intsight.asalta.net' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	
	});
$("#p11").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>CamfordLaw</b><br/>This project was fresh project designed using HTML/CSS. Camford Law provides commercial legal services to domestic and international clients. <br/><a href='http://camfordlaw.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
	$("#p12").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b>B1G1</b><br/>This was a fresh project designed using HTML/CSS and Flash.<br/><a href='http://www.Buy1-give1free.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
	$("#p13").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>StrongerHead</b><br/> This website was designed for educational purposes using wordpress platform. Here we implemented the testimonials sections, where the user can post thier testimonials.<a href='http://www.strongerhead.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
	$("#p14").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>BDC</B><br/>This project was designed using HTML/CSS<br/><a href='http://www.breworks.com/blog/' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p15").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b> TF</b><br/>This project was designed using HTML/CSS and Flash.<br/><a href='http://tf.sg' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p16").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b> TF</b><br/>This project was designed using HTML/CSS and Flash.<br/><a href='http://www.askprobrochure.com/blog/' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p17").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b> TF</b><br/>This project was designed using HTML/CSS and Flash.<br/><a href='http://www.skycreation.com.sg/blog/' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p18").makeInfoBubble({
		
			text: "<div style='width:200px; height:200px;'> <b>CKRA</b><br/>This project was designed using HTML/CSS. CHRA is one of the world's largest plantation group, CKRA has acquisition rights on 460,000Ha of matured sago plantation and 60,000Ha of oil palm plantations.<br/><a href='http://citra-agri.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p19").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'> <b>Shopping</b><br/>We developed a simple and clean design for e-Commerce solutions. This is our demo system.This site was designed using Oscommerce platform.<br/><a href='http://www.shopping.asalta.net' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p20").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b>Winaflip</b><br/> We designed a new website for cisco, We used PHP/MYSQL to design this site. Additionally we created a administration section to help manage the site. We made this for cisco employees for win a flip contest.<br/><a href='http://winaflip.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p21").makeInfoBubble({
		text: "<div style='width:200px; height:200px;'><b>Topdeals4u</b><br/>We did a great deal of customization to an existing site in order to get the site to appear just how the client wanted it to. Customizations included changing the color scheme, designs and using Oscommerce platform for ecommerce solution.<br/><a href='http://www.topdeals4u.com' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p22").makeInfoBubble({
		text: "<div style='height:380px;'><b>China Aviation Oil Singapore Corporation ltd - CAO</b><br/><ul><li>is the<br /></li><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Largest purchaser of jet fuel in the Asia Pacific region.&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Key supplier of imported jet fuel to the PRC civil aviation industry&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Main businesses:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><ul><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jet fuel supply and trading&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Trading of other oil products&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Investments in oil-related assets&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Listed on the mainboard of the Singapore Exchange Securities Trading Limited&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li></ul></ul><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Key shareholders:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><ul><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;China National Aviation Fuel Group Corporation (50.88%)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BP Investments Asia Limited (20%)</li></ul></ul><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Asalta Tech, develops custom reports for CAO, on their trading platform</li></ul><br/><a href='http://www.allegrodev.com/commodity-trading/trade-execution' target=_blank>Allegro Trading Platform</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});
$("#p23").makeInfoBubble({
		text: "<div style='height:220px;'><b>People Action Party (PAP)</b><br/>Singapore\'s major political power in office since independence.<br/>Asalta Tech, developed an custom issue escalation system. Where members & ministers address the concerns of people, where by providing the solutions. Its an historical archive of all the issues addressed. This system has an integrated queue management system. This system is integrated in GRC\'s of Singapore<br/><a href='http://www.pap.org.sg/' target=_blank>View Website</a> </div>",
		bgColor: "#e3ecf3",
		fgColor: "#000000"
	});









	$("#example2"). makeInfoBubble({
		text: "Another example<br />with color.",
		bgColor: "#9ACD32",
		fgColor: "#000000"
	});
	
	$("#example3"). makeInfoBubble({
		preLoad: true, 
		imageSrc: "images/cat.jpg",
		text: "Pre-loaded image with text.",
		bgColor: "#DDDDDD",
		fgColor: "#444444"
	});
	
	$("#example4"). makeInfoBubble({
		preLoad: false, 
		imageSrc: "http://0x00ff00.com/images/cat2.jpg",
		text: "Dynamically loaded image with text.",
		bgColor: "#DDDDDD",
		fgColor: "#444444"
	});
});