var piu = piu || {};



// -- Piu Kopfuebersicht --
piu.heads = piu.heads || {};

piu.heads = (function(uid) {
    var contentContainer = $('#ce-piu-heads-' + uid);
    var header = $('#ce-piu-heads-header-inner-' + uid);
    
    addScrollbarsToListElements();
    
    function showDetails(headUid) {
	contentContainer.find('.ce-piu-heads-details-item').css('display', 'none');
	contentContainer.find('#ce-piu-heads-details-item-' + headUid).css('display', 'block');
	
	var url = $('#ce-piu-heads-details-placeholder-' + headUid).attr('ajaxurl');
	$('#ce-piu-heads-details-placeholder-' + headUid).load(url);
    }
    
    function toggleView() {
	if(!$(this).hasClass('active')) {
	    var viewClassName = $(this).attr('viewclassname');
	    $('#ce-piu-heads-header-inner-' + uid).attr('class', viewClassName);
	    $('#ce-piu-heads-inner-' + uid).attr('class', viewClassName);
	    addScrollbarsToListElements();
	    
	    // Inserts nachladen
	    if(viewClassName == 'showInserts') {
		var url = contentContainer.find('.ce-piu-heads-inserts-placeholder').attr('ajaxurl');
		contentContainer.find('.ce-piu-heads-inserts-placeholder').load(url, null, function() {
		    addScrollbarsToListElements();
		});
	    }
	}
    }
    
    function addScrollbarsToListElements() {
	amlAddScrollBars('ce-piu-heads-list');
	amlAddScrollBars('ce-piu-heads-inserts-list');		
    }
    
    contentContainer.find('.viewTrigger').click(toggleView);
    header.find('.viewTrigger').click(toggleView);
    
    contentContainer.find('.ce-piu-heads-list-item').hover(function() {
	$(this).toggleClass('ro');
    },
    function() {
	$(this).toggleClass('ro');
    });
    
    contentContainer.find('.ce-piu-heads-list-item').click(function() {
	showDetails($(this).attr('headuid'));
    });
    
    contentContainer.find('.browse').click(function() {
	showDetails($(this).attr('headuid'));
    });	    
	    
    return {};    
});


// -- Piu Strahlervarianten --
piu.spotlightVariants = piu.spotlightVariants || {};

piu.spotlightVariants = (function(uid) {
    var container = $('#ce-piu-spotlightVariants-' + uid);
    
    // alle items bis auf das erste verstecken
    container.find('.ce-piu-spotlightVariants-item').css('display', 'none');
    container.find('.ce-piu-spotlightVariants-item:first').css('display', 'block');
    
    // Links des ersten Elements laden
    showSpotlightvariant(container.find('.ce-piu-spotlightVariants-item:first').attr('spotlightvariantuid'));

    
    // icons verlinken
    container.find('.ce-piu-spotlightVariants-item').each(function() {
	$(this).find('.button').click(function() {
	    showSpotlightvariant($(this).parent().attr('spotlightvariantuid'));
	});
    });
            
    function showSpotlightvariant(uid) {
	container.find('.ce-piu-spotlightVariants-item').css('display', 'none');
	container.find('#ce-piu-spotlightVariants-item-' + uid).css('display', 'block');
	
	// Links nachladen
	var url = $('#ce-piu-spotlightVariants-linkList-' + uid).attr('ajaxurl');
	$('#ce-piu-spotlightVariants-linkList-' + uid).load(url, null, function() {
	    // Scrollbars
	    amlAddScrollBars('ce-piu-spotlightVariants-linkList-' + uid);
	    
	    // Diashow
	    $('#ce-piu-spotlightVariants-linkList-' + uid).find('.imgs').cycle({ 
		fx:     "fade", 
		speed:   300, 
		timeout: 2500, 
		pause:   1
	    });
	    
	    // Elemente overlay & verlinkung
	    container.find('.ce-piu-spotlightVariants-list-item').hover(function() {
		$(this).toggleClass('ro');
	    },
	    function() {
		$(this).toggleClass('ro');
	    });
	    
	    container.find('.ce-piu-spotlightVariants-list-item').click(function() {
		location.href = $(this).attr('productlink');
	    });
	    
	    // Tooltips dazu
	    amlAttachOverlibs(true);
	});
    }
    
    return {};
});


// -- Piu Montagezubehoer --
piu.accessories = piu.accessories || {};

piu.accessories = (function(uid) {
    var header = $('#ce-piu-accessories-header-' + uid);
    var contentContainer = $('#ce-piu-accessories-' + uid);
    var viewSwitch = $('#ce-piu-accessories-viewSwitch-' + uid);
    
    function toggleView() {
	viewSwitch.toggleClass('showDetails');
	contentContainer.toggleClass('showDetails');
    }
    
    function showDetails(accessorieUid) {
	contentContainer.find('.ce-piu-accessories-details-item').css('display', 'none');
	contentContainer.find('#ce-piu-accessories-' + accessorieUid).css('display', 'block');
	
	var url = $('#ce-piu-accessories-details-placeholder-' + accessorieUid).attr('ajaxurl');
	$('#ce-piu-accessories-details-placeholder-' + accessorieUid).load(url);
    }
    
    contentContainer.find('.ce-piu-accessories-list-item').hover(function() {
	$(this).toggleClass('ro');
    },
    function() {
	$(this).toggleClass('ro');
    });
    
    contentContainer.find('.ce-piu-accessories-list-item').click(function() {
	toggleView();
	showDetails($(this).attr('accessorieuid'));
    });
    
    contentContainer.find('.browse').click(function() {
	showDetails($(this).attr('accessorieuid'));
    });
    
    viewSwitch.click(function() {
	toggleView();
    });
    
    return {};
});