var about = false;
var ourwork = false;
var services = false;
var contact = false;

if(page == 'about') about = true;
else if(page == 'ourwork') ourwork = true;
else if(page == 'services') services = true;
else if(page == 'contact') contact = true;


$(document).ready(function() 
		{
		
			$('#mnuAbout').qtip(
		    {
			 content: '<img src="assets/images/tip_about.jpg" alt="About Us" />',
			   position: {
				  corner: {
					 target: 'bottomCenter',
					 tooltip: 'topLeft'
				  }
			   },
			   style:{
					padding:0,
					border: 0
			   },
			   show:{ready: about}
			   
			});
			
			$('#mnuOurWork').qtip(
		    {
			  content: '<img src="assets/images/tip_ourwork.jpg" alt="Our Work" />',
			   position: {
				  corner: {
					 target: 'bottomCenter',
					 tooltip: 'topLeft'
				  }
			   },
			   style:{
					padding:0,
					border: 0
			   },
			   show:{ready: ourwork}
			   
			});
			
			$('#mnuServices').qtip(
		    {
			  content: '<img src="assets/images/tip_services.jpg" alt="Services" />',
			   position: {
				  corner: {
					 target: 'bottomCenter',
					 tooltip: 'topCenter'
				  }
			   },
			   style:{
					padding:0,
					border: 0
			   },
			   show:{ready: services}
			  
			});
			
			$('#mnuContact').qtip(
		    {
			 content: '<img src="assets/images/tip_contact.jpg" alt="Contact" />',
			   position: {
				  corner: {
					 target: 'bottomCenter',
					 tooltip: 'topLeft'
				  }
			   },
			   style:{
					padding:0,
					border: 0
			   },
			   show:{ready: contact}
			  
			});
			
			
		   // Match all link elements with href attributes within the content div
		   $('#directmedia').qtip(
		   {
			  content: bubble1, // Give it some content, in this case a simple string
			  position: {
				  corner: {
					 target: 'leftMiddle',
					 tooltip: 'rightMiddle'
				  },
				  adjust:{
					y: 0,
					x:-0
				  }
			   },
			   hide: {
					fixed: true // Make it fixed so it can be hovered over
				 },
			   show:{
					solo:true
			   },
			   style: { 
				  width: 280,
				  background:'#222222',
				  color:'#eeeeee',
				  border: {
					 width: 3,
					 radius: 8,
					 color: '#222222'
				  },
				  tip:{
					corner:'rightMiddle'
				  }
			   },
			   api:{
				 beforeShow:function(){Cufon.replace("#directmedia",{color:'#007e8c',fontSize:'18px',fontFamily:'Avenir LT Std'})},
				 beforeHide:function(){Cufon.replace("#directmedia",{color:'#222222',fontSize:'18px',fontFamily:'Avenir LT Std'})}
			   }
		   });
		   
		   $('#savetimemoney').qtip(
		   {
			  content: bubble2, // Give it some content, in this case a simple string
			  position: {
				  corner: {
					 target: 'leftMiddle',
					 tooltip: 'rightMiddle'
				  },
				  adjust:{
					y: 0,
					x:-0
				  }
			   },
			   hide: {
					fixed: true // Make it fixed so it can be hovered over
				 },
			   show:{
					solo:true
			   },
			   style: { 
				  width: 280,
				  background:'#222222',
				  color:'#eeeeee',
				  border: {
					 width: 3,
					 radius: 8,
					 color: '#222222'
				  },
				  tip:{
					corner:'rightMiddle'
				  }
			   },
				api:{
				 beforeShow:function(){Cufon.replace("#savetimemoney",{color:'#007e8c',fontSize:'18px',fontFamily:'Avenir LT Std'})},
				 beforeHide:function(){Cufon.replace("#savetimemoney",{color:'#222222',fontSize:'18px',fontFamily:'Avenir LT Std'})}
			   }

		   });
		   
		   $('#cuttingedge').qtip(
		   {
			  content: bubble3, // Give it some content, in this case a simple string
			  position: {
				  corner: {
					 target: 'leftMiddle',
					 tooltip: 'rightMiddle'
				  },
				  adjust:{
					y: 0,
					x:-0
				  }
			   },
			   hide: {
					fixed: true // Make it fixed so it can be hovered over
				 },
			   show:{
					solo:true
			   },
			   style: {
				  width: 280,
				  background:'#222222',
				  color:'#eeeeee',
				  border: {
					 width: 3,
					 radius: 8,
					 color: '#222222'
				  },
				  tip:{
					corner:'rightMiddle'
				  }
			   },
			  api:{
				 beforeShow:function(){Cufon.replace("#cuttingedge",{color:'#007e8c',fontSize:'18px',fontFamily:'Avenir LT Std'})},
				 beforeHide:function(){Cufon.replace("#cuttingedge",{color:'#222222',fontSize:'18px',fontFamily:'Avenir LT Std'})}
			   }

		   });
		   
		   
		});