// -----------------------------------------------------------------------------
// -----  LIBRARY
// -----------------------------------------------------------------------------

function load_item(object){
    var temp = object.html();
    var image = object.find('.fancy-teaser-image').clone();
    var thumb = object.find('.fancy-teaser-image-s').clone();
    var desc = object.find('.fancy-teaser-description').clone();
    var link = object.find('.fancy-teaser-link').clone();
    jQuery('#fancy-teaser-loader').fadeOut(function(){
        if(desc.html() !== ''){
            jQuery(this).empty().append(image).append(desc).fadeIn();
        }else{
            jQuery(this).empty().append(image).fadeIn();
        }
    });
}

function load_navi(){
    jQuery('#fancy-teaser-storage div .fancy-teaser-image-s').each(function(){
        var thumb = jQuery(this).clone();
        var id = jQuery(this).parent().attr('id');
        
        thumb.find('a').attr('rel',id);
        jQuery('#fancy-teaser-navi .subcr').append(thumb);
    });
    jQuery('#fancy-teaser-navi a:first').addClass('active');
    jQuery('#fancy-teaser-navi a:first').addClass('first');
    jQuery('#fancy-teaser-navi a:last').addClass('last');
}


// -----------------------------------------------------------------------------
// -----  jQuery
// -----------------------------------------------------------------------------

jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){

    // Remove thumbnail' hrefs's default link behaviour
//    jQuery('.fancy-teaser-image-s a').removeAttr('href');
//    jQuery('.fancy-teaser-image-s a').removeAttr('target');
    
    // load first item
    var item = jQuery('#fancy-teaser-storage #fancy-teaser-item_01');
    load_item(item);

    // Build Navi
    load_navi();

    // Navigate

//    jQuery('#fancy-teaser-navi a').click(function(){
    jQuery('#fancy-teaser-navi a').mouseover(function(){
        jQuery(document).stop();
        jQuery('#fancy-teaser-navi a').removeClass('active');
        var trigger = jQuery(this).attr('rel');
        var selector = '#'+trigger;
        var item = jQuery(selector);

        jQuery(this).addClass('active');
        load_item(item);
        jQuery(document).stopTime('cycle');
    });


}).everyTime(6000, 'cycle', function() { // Autoplay starts here using jQuery timers plugin...
    var next_item;
    
    // Get active nav item
    var act_item = jQuery('#fancy-teaser-navi a.active');

    // Check if active item is last item
    if(act_item.hasClass('last')){
        next_item = jQuery('#fancy-teaser-navi a.first');
        act_item.removeClass('active');
        next_item.addClass('active');
    }else{
        next_item = act_item.parent().next('.fancy-teaser-image-s').find('a');
        act_item.removeClass('active');
        next_item.addClass('active');
    }

    // Set selector
    var next_id = next_item.attr('rel');
    var selector = '#'+next_id;

    // Get corresponding dom element and load it
    next_item = jQuery(selector);
    load_item(next_item);
    

}, 0);