//////////////////////////////////////////////////////////////////////////// //***********************************************************************// // fmld-web-brochure, based on Jquery // // programed by Ch. Meidinger 2011 // // meid[at]gmx.at // // tested on IE7,IE8,Firefox,Safari,Opera // //******************************************************************// ///////////////////////////////////////////////////////////////////// var fastload = 1; //getUrlVars()["fastload"]; var x=0; var y=0; var preloaded=false; var idletimeout = 1000; var isIdledYet=false; var myinterval; var myi=0; var names=new Array(); names.push('pumping'); names.push('conveying'); names.push('mixing'); names.push('measuring'); names.push('storing'); names.push('dosing'); var urls=new Array(); urls.push('http://www.fmld.net/index.php?kat=99&titel=pumping'); urls.push('http://www.fmld.net/index.php?kat=21&titel=conveying'); urls.push('http://www.fmld.net/index.php?kat=22&titel=mixing'); urls.push('http://www.fmld.net/index.php?kat=23&titel=measuring'); urls.push('http://www.fmld.net/index.php?kat=24&titel=storing'); urls.push('http://www.fmld.net/index.php?kat=25&titel=dosing'); if(fastload==1) { var my_delay100=0; var my_delay500=0; var my_delay600=0; var my_delay1000=0; var my_delay2000=0; var my_delay3000=0; var my_delay4000=0; var my_delay5000=0; var my_fast=10; var my_slow=10; }else{ var my_delay100=100; var my_delay500=500; var my_delay600=600; var my_delay1000=1000; var my_delay2000=2000; var my_delay3000=3000; var my_delay4000=4000; var my_delay5000=5000; var my_fast='fast'; var my_slow='slow'; } var sales=[]; sales[0]='#fluidsbody'; sales[1]='#bulksbody'; sales[2]='#machinerysbody'; sales[3]='#brochuresbody'; if(fastload==1) { var my_delay100=0; var my_delay500=0; var my_delay600=0; var my_delay1000=0; var my_delay5000=0; var my_delay2000=0; var my_delay3000=0; var my_fast=10; var my_slow=10; }else{ var my_delay100=100; var my_delay500=500; var my_delay600=600; var my_delay1000=1000; var my_delay5000=5000; var my_delay2000=2000; var my_delay3000=3000; var my_fast='fast'; var my_slow='slow'; } var fluidtext=[]; fluidtext.push(new Array('dosing pumps','dosing.png','http://www.fmld.net/index.php?kat=46&n=Dosing-Pumps')); fluidtext.push(new Array('centrifugal pumps','centrifugal.png','http://www.fmld.net/index.php?kat=47&n=Centrifugal%20Pumps')); fluidtext.push(new Array('positive displacement pumps','positive-displacement.png','http://www.fmld.net/index.php?kat=48&n=Positive-Displacement-Pumps')); fluidtext.push(new Array('submersible pumps','submersible.png','http://www.fmld.net/index.php?kat=49&n=Submersible-Pumps')); fluidtext.push(new Array('cartridge and barrel empty or filling units','filling.png','http://www.fmld.net/index.php?kat=51&n=cartridge%20and%20barrel%20empty%20or%20filling%20units')); fluidtext.push(new Array('mixer, stirrer, dissolver and dispersing machines','dispersing.png','http://www.fmld.net/index.php?kat=61&n=mixer,%20stirrer,%20dissolver%20and%20dispersing%20machines')); fluidtext.push(new Array('homogenizer','homogenizer.png','http://www.fmld.net/index.php?kat=64&n=Static%20mixers,%20homogenizers')); fluidtext.push(new Array('mixing - dosing - dissolving - filling stations or machines','dosing-station.png','http://www.fmld.net/index.php?kat=65&n=Metering,%20mixing,%20dissolving%20and%20filling%20stations,%20systems%20and%20facilities')); fluidtext.push(new Array('flow meter','flowmeter.png','http://www.fmld.net/index.php?kat=68&n=Flow%20meter')); fluidtext.push(new Array('tanks, silos, container','silo.png','http://www.fmld.net/index.php?kat=67&n=Containers,%20tanks%20and%20silos')); fluidtext.push(new Array('laboratory systems','laboratory-systems.jpg','http://www.fmld.net/index.php?kat=52&n=Laboratory%20Systems')); fluidtext.push(new Array('loading arms / loading equipment','loading.png','http://www.fmld.net/index.php?kat=66&n=Loading%20Arms%20/%20Loading%20and%20unloading%20systems%20for%20trains,%20trucks%20and%20ships')); var bulktext=[]; bulktext.push(new Array('dosing screws and dosing troughs','0dosingscrew.png','http://www.fmld.net/index.php?kat=69&n=dosing%20screws%20and%20dosing%20troughs')); bulktext.push(new Array('flexible screw conveyors','0flexscrewconveyors.png','http://www.fmld.net/index.php?kat=70&n=flexible%20screw%20conveyors')); bulktext.push(new Array('vibratory conveying troughs','0vibratoryconveyingtrough.png','http://www.fmld.net/index.php?kat=74&n=vibratory%20conveying%20troughs')); bulktext.push(new Array('rotary valves','0rotaryvalve.png','http://www.fmld.net/index.php?kat=73&n=rotary%20valves')); bulktext.push(new Array('bucket elevator','0bucketelevator.png','http://www.fmld.net/index.php?kat=76&n=bucket%20elevators')); bulktext.push(new Array('trough chain conveyor','0troughchainconveyor.png','http://www.fmld.net/index.php?kat=75&n=trough%20chain%20conveyor')); //bulktext.push(new Array('belt conveyor','0beltconveyor.png','')); bulktext.push(new Array('empty bag and big-bag compactors','0bagemptying.png','http://www.fmld.net/index.php?kat=87&n=Big-Bag%20Emptying%20Systems')); bulktext.push(new Array('bag, big-bag, container silo or barrel filling stations','0bigbagfilling.png','http://www.fmld.net/index.php?kat=90&n=Big-Bag%20Filling%20Stations')); bulktext.push(new Array('mixing - dosing - filling stations','0mixing-dosing-filling-station.png','http://www.fmld.net/index.php?kat=93&n=Mixing-%20Dosing-%20Charging-%20and%20Fillingstations%20and%20Plants')); bulktext.push(new Array('batch mixers and mixing screws','0batchmixer.png','http://www.fmld.net/index.php?kat=80&n=batch%20mixers,%20continuous%20mixers,%20mixing%20screws')); bulktext.push(new Array('lump-breaker','0lumpbreaker.png','http://www.fmld.net/index.php?kat=79&n=lump%20-%20breakers')); bulktext.push(new Array('bin discharger','0bindischarger.png','http://www.fmld.net/index.php?kat=89&n=Barrel%20and%20IBC%20Emptier%20and%20Plants')); bulktext.push(new Array('loading arms / loading equipment','0loading.png','http://www.fmld.net/index.php?kat=28&n=Loading%20and%20Unloading')); bulktext.push(new Array('vacuum and pneumatic conveying equipment','0vacuumconveying.png','http://www.fmld.net/index.php?kat=84&n=pneumatic%20vacuum%20cleaning%20systems')); bulktext.push(new Array('slide gate valves, diverter valves','0slidegatevalve.png','http://www.fmld.net/index.php?kat=85&n=Accessories%20for%20Bulk%20material%20handling')); bulktext.push(new Array('tanks, silos, container','0silo.png','http://www.fmld.net/index.php?kat=94&n=Container,%20Silos%20and%20Tanks')); var machinerytext=[]; machinerytext.push(new Array('high performance filters','','')); machinerytext.push(new Array('rotary kilns, dryers, coolers and furnaces','','')); machinerytext.push(new Array('sectional coolers','','')); machinerytext.push(new Array('steam tube calciners','','')); machinerytext.push(new Array('lime shaft kilns','','')); machinerytext.push(new Array('thickeners','','')); machinerytext.push(new Array('equipment for the soda, potash and sugar industry','','')); machinerytext.push(new Array('components for wind turbines','','')); machinerytext.push(new Array('industrial machines','','')); machinerytext.push(new Array('small and medium scale plants','','')); machinerytext.push(new Array('components for water treatment','','')); machinerytext.push(new Array('components for waste water treatment','','')); machinerytext.push(new Array('food-, diary-, beverage and pharmaceutical process euipment','','')); machinerytext.push(new Array('partner searching','','')); machinerytext.push(new Array('consulting','','')); $(function() { var mypreload=[]; mypreload.push('img/logo_3d_sm.png'); mypreload.push('img/stufe_netto.PNG'); for(var i in names) { mypreload.push('img/w1_'+names[i]+'.PNG'); } mypreload.push('img/sales-top.PNG'); mypreload.push('img/sales-hg.PNG'); mypreload.push('img/sales-bottom.PNG'); mypreload.push('img/sales-fluid.PNG'); mypreload.push('img/sales-bulk.PNG'); mypreload.push('img/sales-machinery.PNG'); $.preload(mypreload, { init: function(loaded, total) { $('body').html('Loading....'); window.setTimeout(function(){ if(!preloaded) { preloaded=true; start_me_up(); } },3000); }, loaded: function(img, loaded, total) { $('body').html("Loaded: "+loaded+"/"+total); }, loaded_all: function(loaded, total) { $('body').html("Loaded: "+loaded+"/"+total+". Done!"); if(!preloaded){preloaded=true;start_me_up();} } }); }); function start_me_up(){ var dims=get_screen_dims(); var mytop=(dims[1]-380)/2; if(mytop<0){mytop=0;} $('body').html('
'); $('#spacer').attr('style',"width:696px;height:"+mytop+"px;text-align:center;margin-left:auto;margin-right:auto;"); $('#spacer_1').attr('style',"width:696px;height:64px;text-align:center;margin-left:auto;margin-right:auto;"); $('#partnercompetence').attr('style',"width:696px;height:16px;text-align:center;margin-left:auto;margin-right:auto;overflow:visible;"); $('#stage').attr('style',"width:696px;height:128px;text-align:center;margin-left:auto;margin-right:auto;overflow:visible;position:relative;"); $('#stage').html(''); //set_position2center($('#stage')); //set_position2center($('#greetings')); $('#greetings').delay(my_delay1000).fadeIn(my_slow).delay(my_delay1000).fadeOut(my_fast,function(){ $('#greetings').html('to').fadeIn(my_slow).delay(my_delay600).fadeOut(my_fast,function(){ $('#greetings').html('fmld-austria').fadeIn(my_slow).delay(my_delay1000,function(){ $('#partnercompetence').append('').delay(my_delay100,function(){ continue1(); }); }); }); }); } function continue1() { $('body').append(''); $('#stufenhg').append('
'); $('#stufenhg').delay(my_delay1000).fadeIn(my_slow,function(){ var myleft=476; //alert(navigator.appName+' // '+navigator.appVersion); if(IE7||OPERA) { var mytop=-42; }else{ var mytop=119; } var inkr_l=74; var inkr_t=27; var dims=get_screen_dims(); var j=1; for(var i=names.length-1;i>=0;i--) { $('#textcontainer').append('
'); //window.location $('#'+names[i]).delay(my_delay500*j).animate({ left: myleft }, 600, function() { }); myleft=myleft-inkr_l; mytop=mytop-inkr_t; j++; } $('#greetings1').delay(my_delay5000).fadeIn(my_slow,function(){ $('#spacer').delay(my_delay1000).animate({ height: 0 }, 600, function() { continue2(); }); $('#greetings1').delay(my_delay1000).animate({ fontSize:"14px" }, 1000, function() { }); $('#spacer_1').delay(my_delay1000).animate({ height: 0 }, 600, function() { }); }); }); $('#stufenhg').append('
'); if(IE7||OPERA) { $('#picdiv').append(''); $('#picdiv').append(''); }else{ $('#picdiv').append(''); $('#picdiv').append(''); } } //$('body').attr('style',"background:rgb(0,120,114) url('img/fmldINT_stufe1.png'); background-repeat:no-repeat;background-position:center;background-attachment:fixed;font-family:tahoma;font-size:20px;color:whitesmoke;display: table-cell; vertical-align: middle;"); //set_position2center($('#centerdiv')); // $('#stage').delay(100,function(){ // // $('#stage').append("
"); // }); // $('#stage').delay(600).fadeIn('slow',function(){ // // // // }); function continue2() { mk_accordeon(); // idle presentation $('body').append('
fmld - the world wide Import & Export company
'); $('#worldwide').attr('style',"font-size:14px;margin-top:14px;width:696px;height:16px;text-align:center;margin-left:auto;margin-right:auto;overflow:visible;display:none;"); $('#worldwide').delay(my_delay5000).fadeIn(my_slow); $(document).bind("idle.idleTimer", function(){ //alert(666); if(!isIdledYet){ //alert(777); myinterval=window.setInterval(function(){ expand(sales[myi]); if(myi==0){myi=1;}else{myi=0;} },20000); } isIdledYet=true; }); $(document).bind("active.idleTimer", function(){ myinterval=window.clearInterval(myinterval) }); $.idleTimer(idletimeout); } function hide_pics(name) { $('#pic1cont').css('background','url(\'img/clear.gif\')'); $('#pic2cont').css('background','url(\'img/clear.gif\')'); $('#pic1cont').hide(); $('#pic2cont').hide(); } function show_pics(name) { $('#pic1cont').css('background','url(\'img/p1-'+name+'1.PNG\')'); $('#pic2cont').css('background','url(\'img/p1-'+name+'2.PNG\')'); $('#pic1cont').attr('alt',''); $('#pic2cont').attr('alt',''); $('#pic1cont').fadeIn('fast'); $('#pic2cont').fadeIn('fast'); } function mk_accordeon() { $('body').append(''); $('#fluid').append('
'); $('#fluid').append('
'+mk_salestxt(fluidtext,'fluid')+'
'); $('#fluid').append('
'); $('#fluidlist').prepend('
'); $('#fluidlist').append('
'); $('#fluidlist').css('height','374px'); mk_showpic(fluidtext,'#fluidsbodyshow'); $('#fluid').delay(my_delay1000).fadeIn(); $('#fluidshead').bind('mouseover',function(){ $('#fluidsimg').attr("src","img/sales-fluid-x.PNG"); }); $('#fluidshead').bind('mouseout',function(){ $('#fluidsimg').attr("src","img/sales-fluid.PNG"); }); $('#fluidshead').bind('click',function(){ expand('#fluidsbody'); }); $('body').append(''); $('#bulk').append('
'); $('#bulk').append('
'+mk_salestxt(bulktext,'bulk','img/hg_stones.jpg')+'
'); $('#bulk').append('
'); $('#bulklist').prepend('
yyy
'); $('#bulklist').append('
'); $('#bulklist').css('height','484px'); mk_showpic(bulktext,'#bulksbodyshow'); $('#bulk').delay(my_delay2000).fadeIn(); $('#bulkshead').bind('mouseover',function(){ $('#bulksimg').attr("src","img/sales-bulk-x.PNG"); }); $('#bulkshead').bind('mouseout',function(){ $('#bulksimg').attr("src","img/sales-bulk.PNG"); }); $('#bulkshead').bind('click',function(){ expand('#bulksbody'); }); $('body').append(''); $('#machinery').append('
'); $('#machinery').append('
'+mk_salestxt(machinerytext,'machinery','img/hg_machinery.png')+'
'); $('#machinery').append('
'); $('#machinerylist').prepend('
'); $('#machinerylist').append('
'); $('#machinerylist').css('height','470px'); $('#machinery').delay(my_delay3000).fadeIn(); $('#machineryshead').bind('mouseover',function(){ $('#machinerysimg').attr("src","img/sales-machinery-x.PNG"); }); $('#machineryshead').bind('mouseout',function(){ $('#machinerysimg').attr("src","img/sales-machinery.PNG"); }); $('#machineryshead').bind('click',function(){ expand('#machinerysbody'); }); $('body').append(''); $('#brochure').append('
'); $('#brochure').append('
'+mk_salespdfdownload()+'
'); $('#brochure').append('
'); $('#brochurelist').prepend('
'); $('#brochurelist').append('
'); $('#brochurelist').css('height','296px'); $('#brochure').delay(my_delay4000).fadeIn(); $('#brochureshead').bind('mouseover',function(){ $('#brochuresimg').attr("src","img/sales-brochure-x.PNG"); }); $('#brochureshead').bind('mouseout',function(){ $('#brochuresimg').attr("src","img/sales-brochure.PNG"); }); $('#brochureshead').bind('click',function(){ expand('#brochuresbody'); }); } function expand(elemname) { var allcollapsed=true; //expand(elemname) or just collapse if($(elemname).is(":visible")) { $(elemname).slideToggle(1200); //alert(elemname); return true; } var id=str_replace('sbody','',elemname); $(id+'sbodyshow').children().css('border-left', 'whitesmoke solid 4px'); $(id+'_ul').children().css('color', '#696969'); var myidx=0; for(var k in sales) { if(elemname!==sales[k]) { if($(sales[k]).is(":visible")) { allcollapsed=false; var myk=k; $(sales[k]).slideToggle(600,function(myk){ //alert(sales[myk]); if($(elemname).not(":visible")) { $(elemname).slideToggle(1200); window.setTimeout(function(){ //alert(myidx+' : '+sales[myidx]+'show'+' '+$(sales[myidx]+'show').height()+' body:'+$(sales[myidx]).height()); //alert(parseFloat($(sales[myidx]+'show').css('top'))); animate_show(elemname); },1000,elemname); return true; } }); } }else{ myidx=k; } } if(allcollapsed) { if($(elemname).not(":visible")) { $(elemname).slideToggle(1200); window.setTimeout(function(){ //alert(myidx+' : '+sales[myidx]+'show'+' '+$(sales[myidx]+'show').height()+' body:'+$(sales[myidx]).height()); //alert(parseFloat($(sales[myidx]+'show').css('top'))); animate_show(elemname); },1000); } } //alert('expand: '+allcollapsed); } function mk_showpic(salestxt,id) { $(id).html(''); //alert(id); $(id).append(''); for(var k in salestxt) { $(id).append(''); } $(id).append(''); } function animate_show(id) { var scrollheight=-1*($(id+'show').height()-$(id).height()); //alert(id+'show'+' position: '+$(id+'show').css('top')+', height: '+$(id+'show').height()); // if($(id+'show').css('top')!=='0px') { ///wawawawaw! $(id+'show').animate({ top: '0px' }, 20000, function() { //alert(parseFloat($(id+'show').css('top'))); }); }else{ $(id+'show').animate({ top: scrollheight+'px' }, 20000, function() { //alert(parseFloat($(id+'show').css('top'))); }); } } function focus_showpic(txtid,id,picid) { var absScroll=$(window).scrollTop(); //alert(); $('#'+id+'sbodyshow').stop(); $('#'+id+'sbodyshow').children().css('border-left', 'whitesmoke solid 4px'); $('#'+id+'_ul').children().css('color', '#696969'); var offset=$('#'+id+'sbody').offset(); var reloffset=(y-offset.top); var p_div=$('#'+id+'sbodyshow').position(); var p_pic=$('#'+picid).position(); //alert(p_pic.top+' '+p_div.top); var left2bottom=$('#'+id+'sbody').height()-reloffset-absScroll; //alert(left2bottom); if(left2bottom<60) { scrollheight=((-1*Math.round(p_pic.top-reloffset))-90+absScroll)+'px'; }else{ scrollheight=((-1*Math.round(p_pic.top-reloffset))-40+absScroll)+'px'; } //alert(left2bottom); $('#'+picid).css('border-left','red solid 4px'); $('#'+txtid).css('color','red'); $('#'+id+'sbodyshow').animate({ top: scrollheight }, 500, function() { //alert(parseFloat($(id+'show').css('top'))); }); } function mk_salestxt(salestxt,id,bgimg) { if(!bgimg){bgimg='img/wasser_hg.jpg';} if(!id){id='fluid';} var out="\n\n"+'
\n\n"; return(out); } function mk_salespdfdownload() { var bgimg='img/sales-brochure_hg.PNG'; var id='brochure'; var out="\n\n"+'
'+"\n";; out+='view the
FMLD sales program
'+"\n"; //out+='

FMLD-WEBSITE'+"\n"; out+='


'+"\n"; out+='

download the
FMLD sales program

(click right and then
"save target as...")
'+"\n"; out+="
\n\n"; return(out); } $(document).bind("mousemove", recordMouse); function recordMouse(e) { x = e.clientX; y = e.clientY; } function set_position2center(elem){ var dims=get_screen_dims(); var leftspace=(dims[0]-elem.width())/2; var topspace=(dims[1]-elem.height())/2; //alert(elem.width()+' '+elem.height()); elem.attr('style',"margin-left:"+leftspace+";margin-top:"+topspace+"px;"); //elem.append(leftspace+', '+topspace+', '+dims); } function get_screen_dims(){ var out=[]; out.push($(window).width()); out.push($(window).height()); // if(document.documentElement.clientWidth>$('body').width()) // { // out.push(document.documentElement.clientWidth); // }else{ // out.push($('body').width()); // } // if(document.documentElement.clientHeight>$('body').height()) // { // out.push(document.documentElement.clientHeight); // }else{ // out.push($('body').height()); // } return out; } function getUrlVars() { // Get object of URL parameters //var allVars = getUrlVars(); // Getting URL var by its nam //var first = getUrlVars()["me"]; var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } (function($) { var imgList = []; $.extend({ preload: function(imgArr, option) { var setting = $.extend({ init: function(loaded, total) {}, loaded: function(img, loaded, total) {}, loaded_all: function(loaded, total) {} }, option); var total = imgArr.length; var loaded = 0; setting.init(0, total); for(var i in imgArr) { imgList.push($("") .attr("src", imgArr[i]) .load(function() { loaded++; setting.loaded(this, loaded, total); if(loaded == total) { setting.loaded_all(loaded, total); } }) ); } } }); })(jQuery);