var nextStep=400; var lastStep=-400; var rotation_range=5; var image_speed_out=500; var image_speed_in=400; var mhh=300; var cycle_timer=9000; var current; var masthead_items=0; var counter=0; var paused=false; // document.write(''); $(document).ready(function(){ $(window).bind('resize',handleResize); handleResize(); }); function handleResize(){ $('#masthead div.image').each(function(i){ $(this).data("rotation",$(this).css('transform')); $(this).css({ 'opacity':'0', 'visibility':'visible', '-webkit-transition': 'none', '-moz-transition': 'none', '-o-transition': 'none', '-ms-transition': 'none', 'transition': 'none' }); if($(this).data('on')==1)$(this).css('opacity',1); }); } $(window).load(function(){ masthead_items=0; /*$('#masthead dl').each(function(i){ $(this).attr("data",i); //$(this).click(function(){ // paused=true; // handleMasthead($(this).attr("data")); //}); $(this).attr("id","m-dl"+i); $(this).css({'opacity':'0','visibility':'visible'}); //if(i==1) //$(this).data("on")=0; });*/ $('#masthead div.image').each(function(i){ $(this).attr("id","masthead-item-"+i); $(this).css({'opacity':'0','visibility':'visible'}); masthead_items++; }); current=-1; handleMasthead(0); //$('#masthead dl').animate({'opacity':1},500); setTimeout("cycle();",cycle_timer); }); function cycle(){ if(!paused){ if(counter==masthead_items)counter=0; handleMasthead(counter); counter++; setTimeout("cycle();",cycle_timer); } } function handleMasthead(num){ if(current!=num){ //alert("current:"+current+", num:"+num+","); var descheight=0; /*$('#masthead dl').each(function(i){ if(i!=num){ if($(this).data('on')==1){ $(this).data("on",0); $(this).animate({opacity:0},image_speed_in,function(){ //$(this).css("display","none"); }); } }else{ if($(this).data('on')!=1){ $(this).data('on',1); //$(this).css("display","block"); $(this).animate({opacity:1},image_speed_in,function(){ }); } } });*/ $('#masthead>div').each(function(i){ if(i!=num){ //var rot=Math.floor((Math.random()*rotation_range))-rotation_range; if($(this).data('on')==1){ $(this).data("on",0); //$(this).css('z-index','100'); $(this).css({ '-webkit-transition': 'none', '-moz-transition': 'none', '-o-transition': 'none', '-ms-transition': 'none', 'transition': 'none' }); $(this).css({ 'opacity':'0', '-webkit-transition': 'all '+image_speed_in+'ms ease-out', '-moz-transition': 'all '+image_speed_in+'ms ease-out', '-o-transition': 'all '+image_speed_in+'ms ease-out', '-ms-transition': 'all '+image_speed_in+'ms ease-out', 'transition': 'all '+image_speed_in+'ms ease-out' }); }else{ $(this).css({ '-webkit-transition': 'none', '-moz-transition': 'none', '-o-transition': 'none', '-ms-transition': 'none', 'transition': 'none' }); $(this).css({ //'z-index':'100', 'opacity':'0', '-webkit-transition': 'all '+image_speed_in+'ms ease-out', '-moz-transition': 'all '+image_speed_in+'ms ease-out', '-o-transition': 'all '+image_speed_in+'ms ease-out', '-ms-transition': 'all '+image_speed_in+'ms ease-out', 'transition': 'all '+image_speed_in+'ms ease-out' }); } }else{ if($(this).data('on')!=1){ $(this).data('on',1); $(this).css({ '-webkit-transition': 'none', '-moz-transition': 'none', '-o-transition': 'none', '-ms-transition': 'none', 'transition': 'none' }); $(this).css({ //'z-index':'101', 'opacity':'1', '-webkit-transition': 'all '+image_speed_in+'ms ease-out', '-moz-transition': 'all '+image_speed_in+'ms ease-out', '-o-transition': 'all '+image_speed_in+'ms ease-out', '-ms-transition': 'all '+image_speed_in+'ms ease-out', 'transition': 'all '+image_speed_in+'ms ease-out' }); } } }); /* var dl=$('#masthead dl'); if($(window).width()>939){ //dl.animate({top:((mhh-32-(dl.data('height')+descheight))/2)+"px"},500); }else{ //dl.css({"top":"auto","bottom":"20px"}); }*/ var x=nextStep; nextStep=lastStep; lastStep=x; current=num; } }