$(document).ready(function(){
$.fn.qtip.styles.mystyle = { // Last part is the name of the style
background: '#111',
color: '#FFF',
textAlign: 'center',
tip: 'bottomMiddle',
border: {
width: 1,
radius: 5,
color: '#444'
},
name: 'cream' // Inherit the rest of the attributes from the preset dark style
}
$('#social-media li').each(function()
{
// Grab video ID from the url
var text = $(this).attr('id');
$(this).qtip({
content: "Find Us on " + text,
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'bottomLeft',
tooltip: 'topRight'
}
},
effect: {
type:'slide',
length:1000
},
style: {
tip: 'rightTop',
name:'mystyle'
}
});
});
$('#bi-1').qtip({
content: 'We evaluate the interior and exterior condition,check the mileage of your vehicle. We drive your vehicle to make sure all major components are in good working order.',
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
effect: {
type:'slide',
length:1000
},
style: 'mystyle'
});
$('#bi-2').qtip({
content: 'You will get an honest and fair offer. We will always present you with our best possible offer to minimize uncomfortable negotiating. ',
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
effect: {
type:'slide',
length:1000
},
style: 'mystyle'
});
$('#bi-3').qtip({
content: 'You will get instant cash wether your car is financed or leased.',
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
effect: {
type:'slide',
length:1000
},
style: 'mystyle'
});
var videoID = "Xh-p-abWd4Y";
$('#bi-4').qtip(
{
// Create content DIV with unique ID for swfObject replacement
content: '',
position: {
corner: {
tooltip: 'bottomMiddle', // ...and position it center of the screen
target: 'topMiddle' // ...and position it center of the screen
}
},
show: {
when: 'click', // Show it on click...
solo: true // ...and hide all others when its shown
},
hide: 'unfocus', // Hide it when inactive...
style: {
width: 430,
height: 240,
padding: 0,
tip: true,
name: 'mystyle'
},
/*api: {
onRender: function()
{
// Setup video paramters
var params = { allowScriptAccess: 'always', allowfullScreen: 'false' };
var attrs = { id: 'youtube-video-'+videoID };
// Embed the youtube video using SWFObject script
swfobject.embedSWF('http://www.youtube.com/v/'+videoID+'&enablejsapi=1&playerapiid=youtube-api-'+videoID,
'youtube-embed-'+videoID, '425', '264', '8', null, null, params, attrs);
},
onHide: function(){
// Pause the vide when hidden
var playerAPI = this.elements.content.find('#youtube-video-'+videoID).get(0);
if(playerAPI && playerAPI.pauseVideo) playerAPI.pauseVideo();
}
}*/
}
).attr('href', '#');
$('#map').qtip({
content: ' View Larger Map',
show: {
when: 'click'
},
hide: 'unfocus',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
effect: {
type:'slide',
length:1000
},
style:{
width: 425,
height: 350,
padding: 0,
tip: true,
name: 'mystyle'
}
});
});