var material = new Object();

material.variantItemsSelector = '#MaterialDetailsVariantItems a';

material.details = new Object();
material.details.variantClick = function(e) {
    $(material.variantItemsSelector).removeClass('active').removeClass('inactive');
    var el = $('#MaterialDetailsVariantElement');
    el.children('img').attr('src', $(this).attr('href'));
    el.children('img').attr('alt', $(this).attr('title'));
    el.children('p').text($(this).attr('title'));
    $(this).addClass('active');
    $(this).blur();
    return false;
}
material.details.init = function() {
    $(material.variantItemsSelector).bind('click', material.details.variantClick);
    $(material.variantItemsSelector + ':first').addClass('active').removeClass('inactive');
}

material.overview = new Object();
material.overview.detailsClose = function(e) {
    $('#MaterialDetailsPanel').css('display','none');
    $('.item-listing a').removeClass('active');
    return false;
}
material.overview.detailsSetup = function(el) {
    $('#MaterialDetailsPanel .mainimage').attr('src', $(el).children('input.mainimage').attr('value'));
    $('#MaterialDetailsPanel .gotoarea a').attr('href', $(el).attr('href'));
    $('#MaterialDetailsPanel .desc').text($(el).attr('title'));
    $('#MaterialDetailsPanel').css('display','');
    
    var itemPrev = $(el).prev();
    itemPrev = (itemPrev.length!=0)?itemPrev:$('.item-listing a:last');
    $('#MaterialDetailsPanel .navarea a.arrowlinkprevious').bind('click', {'el':itemPrev}, material.overview.itemClick);
    
    var itemNext = $(el).next();
    itemNext = (itemNext.length!=0)?itemNext:$('.item-listing a:first');
    $('#MaterialDetailsPanel .navarea a.arrowlink').bind('click', {'el':itemNext}, material.overview.itemClick);
}
material.overview.itemOver = function(e) {
    $(e.data.el).children('img.over').css('display','');
}
material.overview.itemOut = function(e) {
    $('.item-listing a img.over').css('display','none');
}
material.overview.itemClick = function(e) {
    $('.item-listing a').removeClass('active');
    $(e.data.el).addClass('active');
    material.overview.detailsSetup(e.data.el);
    return false;
}
// adjust position of element
material.overview.adjustPos = function(bForce) {
    bForce = bForce ? true : false;
    var isVisible = $('#MaterialDetailsPanel').css('display') != 'none' || bForce;
    if (!isVisible) return;

    var prodDetWidth = 371;
    var leftPos = $(window).width() / 2 - prodDetWidth / 2;
    $('#MaterialDetailsPanel').css('left', leftPos);
}

material.overview.init = function() {
    $('.item-listing a').each(function() {
        $(this).bind('click', {el:this}, material.overview.itemClick);
        $(this).bind('mouseover', {el:this}, material.overview.itemOver);
        $(this).bind('mouseout', {el:this}, material.overview.itemOut);
    });      
    $('#MaterialDetailsPanel .closearea a').bind('click',material.overview.detailsClose);

    $(window).bind('resize', material.overview.adjustPos);
    $(window).bind('scroll', material.overview.adjustPos);
    $('body').bind('scroll', material.overview.adjustPos); // ie6 seems to need this
    material.overview.adjustPos(true);

}

material.landing = new Object();
material.landing.init = function(slideshowParams) {
    var slideshow = $('.media-gallery .wrap .slideshow');
    slideshow.css('display',''); // make them visible

    if(slideshow.children('img').length>1) { // dont start it, if less than two images
        slideshow.cycle(slideshowParams); // needs : jquery.cycle.all.min.js
    }
    
    var count = 1;
    $('.materialv2 .section-listing .productcolumn').each(function() {
        if(count%5==0) {
            // adjust the last element on each row
            $(this).css('padding-right','0');
        }
        count++;
    });      
}
$(document).ready(function() {

});