$(document).ready(function() {

    $("#markenmenu").select_skin();
    
    $("#inputfield_alter_t").select_skin();
    
    $("#inputfield_alter_m").select_skin();
     
    // scrolling nav on home for first element (marken)
    $('#naviMain ul li:first').mouseover(function () {
        $(this).stop().animate({
            marginTop: '-107px'
        }, 600
        );
        $('#motioncontainer').stop().animate({
            height: '107px'
        }, 600
        );
    });

    $('#naviMain ul li:first').mouseout(function () {
        $(this).stop().animate({
            marginTop: '0'
        }, 600
        );
        $('#motioncontainer').stop().animate({
            height: '0'
        }, 600
        );
    });


/*
    // imageflow for marken page
    var instanceOne = new ImageFlow();
    instanceOne.init({
        aspectRatio: 1, 
        ImageFlowID: 'navibrands',
        reflections: false,
		reflectionP: 0.0,
        captions: false,
		imageScaling: true, 
		imageFocusM: 1.0,
		imagesHeight: 0.25,
		percentOther: 75,
		percentLandscape: 75,
		imageFocusMax: 2,
		xStep: 90,
        slider: false,
		imageFocusMax: 6,
        startID: 'navimgflow33',
        onClick: function() { 

            // CAG JR: we split longdesc as it also contains img path to hover img
            var indexNo = this.getAttribute('longdesc').split('#');
            indexNo = indexNo[1];

            document.location  = document.getElementById('navibrands').childNodes[indexNo];
        }
    });
*/

});