jQuery(document).ready(function(){ /* Slider */ var amount_of_slides = jQuery('#slider-holder .slide').length; var counter = 0; var rel_left = amount_of_slides; var slider_tracker = 1; var rel_right = 2; //Setup jQuery('#slider-nav .slider-left').attr('rel',rel_left); jQuery('#slider-nav .slider-right').attr('rel',rel_right); jQuery('#slider-holder .slide-1'); jQuery('#slider-holder img.full-mask-1').show(); // Show the correct mask before click action //Set initial slider content jQuery('#slider-holder .slide-content-1').css('top','116px'); var content_height = jQuery('#slider-holder .slide-content-height-1').height(); var cut_from_top = 116 - content_height; var cut_from_top2 = -4 - content_height; jQuery('#slider-holder .slide-content-1').animate({ 'top':cut_from_top},1000); jQuery('#slider-holder .slide-content-1').animate({ 'top':cut_from_top},4000); jQuery('#slider-holder .slide-content-1').animate({ 'top':cut_from_top2},1000); // Navigation Animation LEFT & RIGHT //Set opacity on buttons jQuery('#slider-holder .slider-left') .add('#slider-holder .slider-right'); jQuery('#slider-holder .slider-left') .add('#slider-holder .slider-right') .hover(function(){ jQuery(this).animate({ },200) },function(){ jQuery(this).animate({ },400) }) if(amount_of_slides > 1){ //Amount of slide check var t; var timeout = 6300; function click_do(){ t = setTimeout(function(){ jQuery('#slider-nav .slider-right').click(); click_do(); },timeout); } click_do(); // --------------------------- CLICK FUNCTIONS - FORWARD ------------------------------ jQuery('#slider-nav .slider-right').click(function(evt){ clearTimeout(t); // Action jQuery('#slider-holder .slide-full').css('top','-4px'); jQuery('#slider-holder img.full-mask').hide(); jQuery('#slider-holder img.full-mask-' + slider_tracker).show(); // Keeps the correct mask shown jQuery('#slider-holder .slide-content').css('top','116'); // Keps the correct mask shown counter++; var target_slide = jQuery(this).attr('rel'); // Lock in on what slide is next //Prep Slider Content jQuery('#slider-holder .slide-content-' + target_slide).css('z-index',counter).css('top','116px'); if(jQuery.browser.msie){ jQuery("#slider-holder .slide-content");} else { jQuery('#slider-holder .slide-content-' + target_slide); } //Main Action jQuery('#slider-holder .slide-' + target_slide).css('z-index',counter).css('top','117px'); jQuery('#slider-holder .slide-' + target_slide).animate({ "left": "0px", "top": "0px"}, content_stuff ); //Slider Content Fade in and Height calc function content_stuff(){ var content_height = jQuery('#slider-holder .slide-content-height-' + target_slide).height(); var cut_from_top = 116 - content_height; var cut_from_top2 = -4 - content_height; if(jQuery.browser.msie){ jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},1000); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},4000); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top2},1000); } else{ jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},1000); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},4000); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top2},1000); } } // Clocks slider_tracker++; rel_left++; rel_right++; // Clock Statements if(rel_left > amount_of_slides){rel_left = 1;} if(rel_right > amount_of_slides){rel_right = 1;} if(slider_tracker > amount_of_slides){slider_tracker = 1;} //Assign Values, Save action jQuery('#slider-nav .slider-left').attr('rel',rel_left); jQuery('#slider-nav .slider-right').attr('rel',rel_right); //Prevent Click Default Action evt.preventDefault(); /* jQuery('#slider-nav span').html(slider_tracker + ' ... init'); jQuery('#slider-nav .slider-left').html('<--- ' + rel_left + ' --- '); jQuery('#slider-nav .slider-right').html('--- ' + rel_right + ' --->'); */ }); // --------------------------- CLICK FUNCTION - END ------------------------------------ // --------------------------- CLICK FUNCTIONS - REVERSE------------------------------ jQuery('#slider-nav .slider-left').click(function(evt){ // Action jQuery('#slider-holder .slide-full').css('top','0px'); jQuery('#slider-holder img.full-mask').hide(); jQuery('#slider-holder img.full-mask-' + slider_tracker).show(); // Keps the correct mask shown counter++; var target_slide = jQuery(this).attr('rel'); // Lock in on what slide is next //Prep Slider Content jQuery('#slider-holder .slide-content-' + target_slide).css('z-index',counter).css('top','116px'); //Main Action jQuery('#slider-holder .slide-' + target_slide).css('z-index',counter).css('top','117px'); jQuery('#slider-holder .slide-' + target_slide).animate({ "left": "0px", "top": "0px"},content_stuff_left); //Slider Content Fade in and Height calc function content_stuff_left(){ var content_height = jQuery('#slider-holder .slide-content-height-' + target_slide).height(); var cut_from_top = 250 - content_height; if(jQuery.browser.msie){ jQuery('#slider-holder .slide-content-' + target_slide).css('z-index',counter).css('top','116px').css('left','0'); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},1000); } else { jQuery('#slider-holder .slide-content-' + target_slide).css('z-index',counter).css('top','116px').css('left','0'); jQuery('#slider-holder .slide-content-' + target_slide).animate({ 'top':cut_from_top},1000); } } // Clocks slider_tracker--; rel_left--; rel_right--; // Clock Statements if(rel_left < 1){rel_left = amount_of_slides;} if(rel_right < 1){rel_right = amount_of_slides;} if(slider_tracker < 1){slider_tracker = amount_of_slides;} //Assign Values, Save action jQuery('#slider-nav .slider-left').attr('rel',rel_left); jQuery('#slider-nav .slider-right').attr('rel',rel_right); //Prevent Click Default Action evt.preventDefault(); /* jQuery('#slider-nav span').html(slider_tracker + ' ... init'); jQuery('#slider-nav .slider-left').html('<--- ' + rel_left + ' --- '); jQuery('#slider-nav .slider-right').html('--- ' + rel_right + ' --->'); */ }); // --------------------------- CLICK FUNCTION - END ------------------------------------- }// End amount of slide check })