function rand ( n )
{
return ( Math.floor ( Math.random ( ) * n + 1 ) );
}
window.addEvent('domready', function() {
var lightbox = false;
$$('.drag').addEvent('click', function(e){
var id = this.id;
var port = 'port'+id;
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}else{
// IE6+
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
var top_nr = rand(myHeight - 180);
var left_nr = rand(myWidth - 300);
//stop the click from following the link
new Event(e).stop;
//create the text for our new div
if(id==2){
//thebird
var text= ''+id+'
';
lightbox = false;
}else if(id==4){
//decom
var text= 'De communicatie praktijk
WebsiteOffline: 1Logo
2Postkaarten
'+id+'
';
lightbox = true;
}else if(id==1){
//bike
var text= 'Bike Motion
Offline:1Logo
2Beeldmerk
3Folder
'+id+'
';
lightbox = true;
}else if(id==3){
//call
var text= 'Call Hosted
Offline:1Logo
2Huisstijl
'+id+'
';
lightbox = true;
}else if(id==5){
//capsicum
var text= 'Capsicum|co
Offline:1Logo
2Huisstijl
'+id+'
';
lightbox = true;
}else if(id==12){
//citybob
var text= 'Citybob
Offline:1Logo
2Flyer 1
3Flyer 2
4Bierviltje
'+id+'
';
lightbox = true;
}else if(id==7){
//koeltechniek
var text= ''+id+'
';
lightbox = true;
}else if(id==6){
//Huisartsdeil
var text= ''+id+'
';
lightbox = false;
}else if(id==8){
//Krijnen
var text= ''+id+'
';
lightbox = true;
}else if(id==9){
//Livestyle
var text= ''+id+'
';
lightbox = false;
}else if(id==10){
//Mise & Place
var text= 'Mise&Place
Offline: 1Casting Flyer
'+id+'
';
lightbox = true;
}else if(id==11){
//Vrouwen
var text= 'Vrouwen weer aan het werk
Offline: 1Bannier
2Flyer
'+id+'
';
lightbox = true;
}
//create out new div element and give it an id of myNewDiv, set its text, and insert into the DOM
var newDiv=new Element('div', {
'class': 'container_port',
'id': 'port'+id,
'styles': {
'position': 'absolute',
'left': left_nr,
'top': top_nr
},
'events': {
'mouseenter': function(){
this.setStyle('z-index', '1000');
},
'mouseleave': function(){
this.setStyle('z-index', '200');
}
}
}).setHTML(text).injectBefore('top_inlog'); //notice its all combined on this line.
$(id).setStyle('color', '#fe6b01');
new Drag.Move(port);
if(lightbox==true){
Lightbox.init({showNumbers: false, descriptions: '.lightboxDesc', showControls: false});
}
$('close'+id).addEvent('click', function(e) {
new Event(e).stop;
$(port).remove();
$(id).setStyle('color', '#7C7C7C')
});
});
var inlog_click = $$("#inlog_relatie");
var inlog_close = $$("#inlog_close");
var inlog_scherm = $$("#inlog_scherm");
var fx = new Fx.Styles('inlog_scherm', {duration:250, wait:false});
inlog_click.addEvent('mouseenter', function(){
fx.start({
'top': 0
});
});
inlog_close.addEvent('click', function(){
fx.start({
'top': -175
});
});
var client_click = $$("#clients");
$$('#clientlist li').setOpacity(0);
var inuit = 'in';
var omhoogomlaag = 'omlaag';
client_click.addEvent('click', function(){
var timer = 0;
var topy = 0;
var bottomy = -36;
var clientblocks = $$('#clientlist li');
if(inuit=='uit'){
this.setStyle('color', '#7C7C7C');
clientblocks.each(function(el){
timer += 200;
var fxclient = new Fx.Styles(el, {duration:400, wait:false, transition: Fx.Transitions.Back.easeOut})
fxclient.start.delay(timer, fxclient, {
'top': 0,
'opacity': 0
});
});
inuit='in';
topy=0;
}else{
this.setStyle('color', '#fe6b01');
clientblocks.each(function(el){
timer += 150;
var fxclient = new Fx.Styles(el, {duration:300, wait:false, transition: Fx.Transitions.Back.easeOut})
if(omhoogomlaag == 'omlaag'){
fxclient.start.delay(timer, fxclient, {
'top': topy,
'opacity': 1
});
omhoogomlaag='omhoog';
topy += 18;
}else{
fxclient.start.delay(timer, fxclient, {
'top': bottomy,
'opacity': 1
});
omhoogomlaag='omlaag';
bottomy -= 18;
}
});
inuit='uit';
}
});
var clientblocks = $$('#clientlist li');
clientblocks.each(function(el){
var fxblock = new Fx.Styles(el, {duration:200, wait:false})
el.addEvent('mouseenter', function(){
fxblock.start({
'color': '#fe6b01'
});
});
el.addEvent('mouseleave', function(){
fxblock.start({
'color': '#7c7c7c'
});
});
});
var contact_click = $$('#contact');
$$('#contactinfo').setOpacity(0);
var inuitcontact = 'in';
var clicks_con=0;
contact_click.addEvent('click', function(){
/*-
var top_nr = rand(window.innerHeight - 350);
var left_nr = rand(window.innerWidth - 365);
//create the text for our new div
var form= '
Contactformulier
';
//create out new div element and give it an id of myNewDiv, set its text, and insert into the DOM
if(clicks_con==0) {
var newDiv=new Element('div', {
'id': 'formcontainer',
'styles': {
'position': 'absolute',
'left': left_nr,
'top': top_nr
},
'events': {
'mouseenter': function(){
this.setStyle('z-index', '1000');
},
'mouseleave': function(){
this.setStyle('z-index', '200');
}
}
}).setHTML(form).injectBefore('top_inlog'); //notice its all combined on this line.
clicks_con++;
this.setStyle('color', '#fe6b01');
new Drag.Move('formcontainer');
$('closeform').addEvent('click', function(e) {
new Event(e).stop;
$('formcontainer').remove();
clicks_con=0;
$('contact').setStyle('color', '#7C7C7C')
fxcontact.start({
'margin-left': -500,
'opacity': 0
});
inuitcontact = 'in';
});
}
*/
var fxcontact = new Fx.Styles('contactinfo', {duration:400, wait:false, transition: Fx.Transitions.Bounce.easeOut});
if(inuitcontact=='in'){
fxcontact.start({
'margin-left': 0,
'opacity': 1
});
this.setStyle('color', '#fe6b01');
inuitcontact = 'uit';
}else{
fxcontact.start({
'margin-left': -500,
'opacity': 0
});
this.setStyle('color', '#7C7C7C');
inuitcontact = 'in';
}
});
});
