var J = jQuery.noConflict();
J(document).ready(function() {
    //hoverCollections();
    hoverFadeLight()
    hoverFadeDark()
})



function slideshow() {

    
    
    J('#cycle').cycle({
        fx: 'fade',
        speed: 1000,
        timeout: 6000,
        before: onBefore,
        pager:  '#thumbs',
        pagerAnchorBuilder: function(idx, slide) {
            return '#thumbs li:eq(' + idx + ') a';
        } 
    });

    //single image
    if (J('#cycle img.sigleImg').length > 0) {
        J('#cycle img.sigleImg').show()
        if (J('#img1Cap').length > 0) {
            J('#capCycle').show().css('opacity', '0.80')
            J('#capCycle p').html(J('#img1Cap').html());
        }
    }

    stopSlideShow()
    
}

function onBefore(curr, next, opts) {
    J('#capCycle p').hide().empty()
    J('#' + curr.id + 'Thumb a img').fadeTo(200, '0.6')
    J('#' + next.id + 'Thumb a img').fadeTo(200, '1')
    if (J('#' + this.id + 'Cap').length > 0) {
        J('#capCycle p').html(J('#' + this.id + 'Cap').html()).fadeIn(200);
    }
}

function stopSlideShow() {

    J('#thumbs li a').click(function() {
        J('#cycle').cycle('pause');
    })
}


function hoverFadeLight() {
    J('#thumbs li a img').hover(function() {
        J(this).fadeTo(200, '1')
    }, function() {
        J(this).fadeTo(200, '0.6')
    })
}

function hoverCollections() {
    J('#prdsV .notSel').fadeTo(100, '0.6')
    J('#collections li a img, #prds li a img, #prdsV li a img').hover(function() {
        J('#collections li a img, #prds li a img, #prdsV li a img').not(this).css('opacity', '0.6')
        //J('#collections li a img, #prds li a img, #prdsV li a img').not(this).fadeTo(200, 0.6)
    }, function() {
        J('#collections li a img, #prds li a img, #prdsV li a img').not(this).css('opacity', '1')
        //J('#collections li a img, #prds li a img, #prdsV li a img').not(this).fadeTo(200, 1)
    })
}

function hoverFadeDark() {
    J('#alfex, #medProd a img, #collections li a img, #prds li a img, #prdsV li a img').hover(function() {
        J(this).fadeTo(200, '0.8')
    }, function() {
        J(this).fadeTo(200, '1')
    })

    //collection's menu imgs
    J('#collections li').hover(function() {
        var index = J("li").index(this);
        J('#intro .sub li:eq(' + index + ') a').addClass("selectedMainMenu");
    }, function() {
        var index = J("li").index(this);
        J('#intro .sub li:eq(' + index + ') a').removeClass("selectedMainMenu");
    })
    //collection's menu links
    J('#page_26 #intro .sub li, #page_27 #intro .sub li').hover(function() {
        var index = J("#intro .sub li").index(this);
        J('#collections li:eq(' + index + ') a img').fadeTo(200, '0.8');
    }, function() {
        var index = J("#intro .sub li").index(this);
        J('#collections li:eq(' + index + ') a img').fadeTo(200, '1');
    })
    
    
}

function jumpMenu(menu) {
    window.location.href = menu.options[menu.selectedIndex].value;
}

function showBig(url) {
    J('<img src="' + url + '" />').load(function() {
        J('body').append('<div id="bigImg"><img src="' + url + '" /></div>')
        J('#bigImg').fadeIn().click(function() {
            J('#bigImg').fadeOut()
        })
    });
    
}