var $j = jQuery.noConflict();
     // Use jQuery via $j(...)
	$j(document).ready(function(){

function featured_title_out(el, time) {
    var time = (typeof(time) != 'undefined') ? time : 500;
    $j(el).animate({
        backgroundColor:'rgb(227,237,242)'
    }, time).removeClass('featured_stories_on_focus_box');
}
function featured_title_in(el, time) {
    var time = (typeof(time) != 'undefined') ? time : 500;
    $j(el).animate({
        backgroundColor:'rgb(255,255,255)'
    }, time).addClass('featured_stories_on_focus_box');
}
function featured_image(el, animated, time) {
    var time = (typeof(time) != 'undefined') ? time : 'slow';
    $j('#home_featured_stories_rotating_image').prepend($j(el));
    $j('#home_featured_stories_rotating_image a.featured_image:first').hide();
    if (animated) {
        $j('#home_featured_stories_rotating_image a.featured_image:first').fadeIn(time);
        $j('#home_featured_stories_rotating_image a.featured_image:last').fadeOut(time, function(){
            $j('#home_featured_stories_rotating_image a.featured_image:last').hide().remove();
        });
    } else {
        $j('#home_featured_stories_rotating_image a.featured_image:last').remove();
    }
}
function featured_next() {
    featured_title_out($j(featured_titles).eq(counter));
    counter ++;
    if (counter >= featured_count) {
        counter = counter - featured_count;
    }
    featured_image($j(featured_images).eq(counter), 'true');
    featured_title_in($j(featured_titles).eq(counter));
}
function featured_prev() {
    featured_title_out($j(featured_titles).eq(counter));
    counter --;
    if (counter < 0) {
        counter = featured_count - 1;
    }
    featured_image($j(featured_images).eq(counter), 'true');
    featured_title_in($j(featured_titles).eq(counter));
}
function featured_item(num) {
    featured_title_out($j(featured_titles).eq(counter));
    counter --;
    if (counter < 0) {
        counter = featured_count - 1;
    }
    featured_image($j(featured_images).eq(counter), 'true');
    featured_title_in($j(featured_titles).eq(counter));
}
function featured_pause() {
    if (featured_timer) {
        clearInterval(featured_timer);
        featured_timer = false;
        $j('#featured_nav_pause img').attr('src', 'assets/templates/yfm/images/layout/home/featured_stories/featured_stories_control_forward.jpg');
    }
}
function featured_play() {
    if (!featured_timer) {
        featured_timer = setInterval("featured_next()", 5000);
        $j('#featured_nav_pause img').attr('src', 'assets/templates/yfm/images/layout/home/featured_stories/featured_stories_control_pause.jpg');
    }
}

$j(document).ready(function(){
    counter = 0;
    featured_count = $j('div.featured_stories_off_focus_box').length;
    featured_titles = $j('div.featured_stories_off_focus_box');
    featured_images = $j('div.featured_stories_off_focus_box a.featured_image');
    
    featured_timer = setInterval("featured_next()", 5000);
    
    $j('#featured_nav_pause').click(function(){
        if (featured_timer) {
            featured_pause();
        } else {
            featured_play();
        }
    });
    $j('#featured_nav_back').click(function(){
        clearInterval(featured_timer);
        featured_prev();
        featured_timer = setInterval("featured_next()", 5000);
    });
    $j('#featured_nav_forward').click(function(){
        clearInterval(featured_timer);
        featured_next();
        featured_timer = setInterval("featured_next()", 5000);
    });
    
    $j('div.featured_stories_off_focus_box').hoverIntent(function(){
        if (!$j(this).hasClass('featured_stories_on_focus_box')) {
            featured_pause();
            featured_title_out('div.featured_stories_on_focus_box', 100);
            counter = $j('div.featured_stories_off_focus_box').index(this);
            featured_title_in($j(featured_titles).eq(counter), 100);
            featured_image($j(featured_images).eq(counter), 'true', 250);
        } else {
            featured_pause();
        }
    }, function(){
        featured_play();
    });
});





/*
 * jQuery Color Animations
 * Copyright 2007 John Resig
 * Released under the MIT and GPL licenses.
 */

(function(jQuery){

 // We override the animation for all of these color styles
 jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
     jQuery.fx.step[attr] = function(fx){
         if ( fx.state == 0 ) {
             fx.start = getColor( fx.elem, attr );
             fx.end = getRGB( fx.end );
         }

         fx.elem.style[attr] = "rgb(" + [
             Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
             Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
             Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
         ].join(",") + ")";
     }
 });

 // Color Conversion functions from highlightFade
 // By Blair Mitchelmore
 // http://jquery.offput.ca/highlightFade/

 // Parse strings looking for color tuples [255,255,255]
 function getRGB(color) {
     var result;

     // Check if we're already dealing with an array of colors
     if ( color && color.constructor == Array && color.length == 3 )
         return color;

     // Look for rgb(num,num,num)
     if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
         return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];

     // Look for rgb(num%,num%,num%)
     if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
         return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];

     // Look for #a0b1c2
     if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
         return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];

     // Look for #fff
     if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
         return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];

     // Otherwise, we're most likely dealing with a named color
     return colors[jQuery.trim(color).toLowerCase()];
 }
 
 function getColor(elem, attr) {
     var color;

     do {
         color = jQuery.curCSS(elem, attr);

         // Keep going until we find an element that has color, or we hit the body
         if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
             break; 

         attr = "backgroundColor";
     } while ( elem = elem.parentNode );

     return getRGB(color);
 };
 
 // Some named colors to work with
 // From Interface by Stefan Petre
 // http://interface.eyecon.ro/

 var colors = {
     aqua:[0,255,255],
     azure:[240,255,255],
     beige:[245,245,220],
     black:[0,0,0],
     blue:[0,0,255],
     brown:[165,42,42],
     cyan:[0,255,255],
     darkblue:[0,0,139],
     darkcyan:[0,139,139],
     darkgrey:[169,169,169],
     darkgreen:[0,100,0],
     darkkhaki:[189,183,107],
     darkmagenta:[139,0,139],
     darkolivegreen:[85,107,47],
     darkorange:[255,140,0],
     darkorchid:[153,50,204],
     darkred:[139,0,0],
     darksalmon:[233,150,122],
     darkviolet:[148,0,211],
     fuchsia:[255,0,255],
     gold:[255,215,0],
     green:[0,128,0],
     indigo:[75,0,130],
     khaki:[240,230,140],
     lightblue:[173,216,230],
     lightcyan:[224,255,255],
     lightgreen:[144,238,144],
     lightgrey:[211,211,211],
     lightpink:[255,182,193],
     lightyellow:[255,255,224],
     lime:[0,255,0],
     magenta:[255,0,255],
     maroon:[128,0,0],
     navy:[0,0,128],
     olive:[128,128,0],
     orange:[255,165,0],
     pink:[255,192,203],
     purple:[128,0,128],
     violet:[128,0,128],
     red:[255,0,0],
     silver:[192,192,192],
     white:[255,255,255],
     yellow:[255,255,0]
 };
 
})(jQuery);



/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);

	});