var the_timeout;
//All function names are pretty much self explanatory, so you won't see many comments.
function moveBubble()
{
var the_Bubble = getStyleObject("Bubble");
if (the_Bubble)
{
var current_left = parseInt(the_Bubble.left);
var new_left = current_left - 4;
var current_width = parseInt(the_Bubble.width);
var new_width = current_width + 10;
var current_top = parseInt(the_Bubble.top);
var new_top = current_top - 8;
var current_height = parseInt(the_Bubble.height);
var new_height = current_height + 10;
if (document.layers)
{
the_Bubble.left = new_left;
the_Bubble.width = new_width;
the_Bubble.top = new_top;
the_Bubble.height = new_height;
}
else
{
the_Bubble.left = new_left + "px";
the_Bubble.width = new_width + "px";
the_Bubble.top = new_top + "px";
the_Bubble.height = new_height + "px";
}
if (new_width < 700)
{
the_timeout = setTimeout('moveBubble();',10);
}
}
}
function moveContent()
{
var the_Content = getStyleObject("Content");
if (the_Content)
{
var current_left = parseInt(the_Content.left);
var new_left = current_left - 2;
var current_width = parseInt(the_Content.width);
var new_width = current_width + 6;
var current_top = parseInt(the_Content.top);
var new_top = current_top - 6;
var current_height = parseInt(the_Content.height);
var new_height = current_height + 6;
if (document.layers)
{
the_Content.left = new_left;
the_Content.width = new_width;
the_Content.top = new_top;
the_Content.height = new_height;
}
else
{
the_Content.left = new_left + "px";
the_Content.width = new_width + "px";
the_Content.top = new_top + "px";
the_Content.height = new_height + "px";
}
if (new_width < 450)
{
the_timeout = setTimeout('moveContent();',10);
}
}
}
function moveSmallBubble()
{
var the_SmallBubble = getStyleObject("SmallBubble");
if (the_SmallBubble)
{
var current_left = parseInt(the_SmallBubble.left);
var new_left = current_left - 2;
var current_width = parseInt(the_SmallBubble.width);
var new_width = current_width + 5;
var current_top = parseInt(the_SmallBubble.top);
var new_top = current_top - 4;
var current_height = parseInt(the_SmallBubble.height);
var new_height = current_height + 5;
if (document.layers)
{
the_SmallBubble.left = new_left;
the_SmallBubble.width = new_width;
the_SmallBubble.top = new_top;
the_SmallBubble.height = new_height;
}
else
{
the_SmallBubble.left = new_left + "px";
the_SmallBubble.width = new_width + "px";
the_SmallBubble.top = new_top + "px";
the_SmallBubble.height = new_height + "px";
}
if (new_width < 300)
{
the_timeout = setTimeout('moveSmallBubble();',10);
}
}
}
function moveSmallContent()
{
var the_SmallContent = getStyleObject("SmallContent");
if (the_SmallContent)
{
var current_left = parseInt(the_SmallContent.left);
var new_left = current_left - 1;
var current_width = parseInt(the_SmallContent.width);
var new_width = current_width + 3;
var current_top = parseInt(the_SmallContent.top);
var new_top = current_top - 3;
var current_height = parseInt(the_SmallContent.height);
var new_height = current_height + 3;
if (document.layers)
{
the_SmallContent.left = new_left;
the_SmallContent.width = new_width;
the_SmallContent.top = new_top;
the_SmallContent.height = new_height;
}
else
{
the_SmallContent.left = new_left + "px";
the_SmallContent.width = new_width + "px";
the_SmallContent.top = new_top + "px";
the_SmallContent.height = new_height + "px";
}
if (new_width < 180)
{
the_timeout = setTimeout('moveSmallContent();',10);
}
}
}
function expandProjectBubble()
{
var i=0;
for (i=1;i<=5;i++)
{
var the_ProjectBubble = getStyleObject("ProjectBubble" + i);
if (the_ProjectBubble)
{
var current_top = parseInt(the_ProjectBubble.top);
var new_top = current_top - 2;
var current_height = parseInt(the_ProjectBubble.height);
var new_height = current_height + 3;
var current_left = parseInt(the_ProjectBubble.left);
var new_left = current_left - 1;
var current_width = parseInt(the_ProjectBubble.width);
var new_width = current_width + 3;
if (document.layers)
{
the_ProjectBubble.left = new_left;
the_ProjectBubble.width = new_width;
the_ProjectBubble.top = new_top;
the_ProjectBubble.height = new_height;
}
else
{
the_ProjectBubble.left = new_left + "px";
the_ProjectBubble.width = new_width + "px";
the_ProjectBubble.top = new_top + "px";
the_ProjectBubble.height = new_height + "px";
}
}
}
if (new_height < 200)
{
the_timeout = setTimeout('expandProjectBubble();',10);
}
}
function expandProjectContent()
{
var j=0;
for (j=1;j<=5;j++)
{
var the_ProjectContent = getStyleObject("ProjectContent" + j);
if (the_ProjectContent)
{
var current_top = parseInt(the_ProjectContent.top);
var new_top = current_top - 2;
var current_height = parseInt(the_ProjectContent.height);
var new_height = current_height + 3;
var current_left = parseInt(the_ProjectContent.left);
var new_left = current_left - 1;
var current_width = parseInt(the_ProjectContent.width);
var new_width = current_width + 3;
if (document.layers)
{
the_ProjectContent.left = new_left;
the_ProjectContent.width = new_width;
the_ProjectContent.top = new_top;
the_ProjectContent.height = new_height;
}
else
{
the_ProjectContent.left = new_left + "px";
the_ProjectContent.width = new_width + "px";
the_ProjectContent.top = new_top + "px";
the_ProjectContent.height = new_height + "px";
}
}
}
if (new_height < 195)
{
the_timeout = setTimeout('expandProjectContent();',10);
}
}
function ChangeBubble (x)
{
var _ProjectBubble = document.getElementById('ProjectBubble' + x);
var _triger = document.getElementById('triger' + x);
_triger.onmouseover = function ()
{
_ProjectBubble.innerHTML = '![](\"site_images/LCBO.png\")
';
}
_triger.onmouseout = function ()
{
_ProjectBubble.innerHTML = '![](\"site_images/LCB.png\")
';
}
}
function ChangeDescription (y)
{
var _SmallContent = document.getElementById('SmallContent');
var _About = document.getElementById('About');
var _Projects = document.getElementById('Projects');
var _Links = document.getElementById('Links');
var _Contact = document.getElementById('Contact');
if (y == '1'){
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.';
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.';
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
}
else if (y == '2'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.';
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.';
}
}
else if (y == '3'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.'
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.'
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
}
else if (y == '4'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Γνωρίστε τον Bob the Βlowfish, μάθετε πως μπορεί να σας βοηθήσει να επεκταθείτε.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.';
}
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Ρίξτε μια ματιά στις δουλειές μας.';
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Προτάσεις για άλλους τομείς της διαφήμισης. Post houses, Illustration, Design, Camera, Photography ό,τι μπορεί να χρειαστείτε!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Επικοινωνίστε μαζί μας, πείτε μας τις ανάγκες σας, μάθετε τις προσφορές μας.';
}
}
else if (y == '5'){
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects';
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
}
else if (y == '6'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects.';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects.';
}
}
else if (y == '7'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects.';
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
_Contact.onmouseover = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
_Contact.onmouseout = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
}
else if (y == '8'){
_About.onmouseover = function ()
{
_SmallContent.innerHTML = 'About us
Meet Bob the Blowfish, learn how he can help you expand.';
}
_About.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
_Projects.onmouseover = function ()
{
_SmallContent.innerHTML = 'Projects
Take a look at our projects.';
}
_Projects.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
_Links.onmouseover = function ()
{
_SmallContent.innerHTML = 'Links
Suggestions for other advertising means. Post houses, Illustration, Design, Camera, Photography everything you might need!';
}
_Links.onmouseout = function ()
{
_SmallContent.innerHTML = 'Contact us
Contact us, tell us your needs, learn about our offers.';
}
}
}
//function ChangeLang ()
//{
//var _GR = document.getElementById('GR');
//var _EN = document.getElementById('EN');
//var _SmallContent = document.getElementById('SmallContent');
//var _SmallContentEN = document.getElementById('SmallContentEN');
//var _Content = document.getElementById('Content');
//var _ContentEN = document.getElementById('ContentEN');
//_GR.onclick = function ()
//{
//_SmallContent.style.visibility = 'visible';
//_SmallContentEN.style.visibility = 'hidden';
//_Content.style.visibility = 'visible';
//_ContentEN.style.visibility = 'hidden';
//}
//_EN.onclick = function ()
//{
//_SmallContent.style.visibility = 'hidden';
//_SmallContentEN.style.visibility = 'visible';
//_Content.style.visibility = 'hidden';
//_ContentEN.style.visibility = 'visible';
//}
//}
//function not used, just keeping it around cause it's handy. It changes the visibility of two div tags on another's click, usefull for switching content on demand.
function getStyleObject(objectId) {
// cross-browser function to get an object's style object given its
if(document.getElementById && document.getElementById(objectId)) {
// W3C DOM
return document.getElementById(objectId).style;
} else if (document.all && document.all(objectId)) {
// MSIE 4 DOM
return document.all(objectId).style;
} else if (document.layers && document.layers[objectId]) {
// NN 4 DOM.. note: this won't find nested layers
return document.layers[objectId];
} else {
return false;
}
// This was Apple's cross browser animation technique, credits to Apple for the getStyleObject function.
}
// JavaScript Document