function tabs_slideshow_show(event, ui){
    var lastOpenedPanel = jQuery(this).data("lastOpenedPanel");
    var actualPanelNum = jQuery(ui.panel).attr('id').replace('fragment-', '');
    
    if (!jQuery(this).data("topPositionTab")) {
        jQuery(this).data("topPositionTab", jQuery(ui.panel).position().top)
    }         
    jQuery(ui.panel).hide().fadeIn(500);

    if (lastOpenedPanel) {
        lastOpenedPanel
            .toggleClass("ui-tabs-hide")
            .css("position", "absolute")
            .fadeOut(500, function() {
            });
    }
    jQuery(this).data("lastOpenedPanel", jQuery(ui.panel));
    moveEdge(actualPanelNum);
}

function tabs_slideshow_instantly(event, ui){
    var lastOpenedPanel = jQuery(this).data("lastOpenedPanel");
    var actualPanelNum = jQuery(ui.panel).attr('id').replace('fragment-', '');
    
    if (!jQuery(this).data("topPositionTab")) {
        jQuery(this).data("topPositionTab", jQuery(ui.panel).position().top)
    }         
    jQuery(ui.panel).hide().fadeIn(0);

    if (lastOpenedPanel) {
        lastOpenedPanel
            .toggleClass("ui-tabs-hide")
            .css("position", "absolute")
            .fadeOut(0, function() {
            });
    }
    jQuery(this).data("lastOpenedPanel", jQuery(ui.panel));
    moveEdge(actualPanelNum);
}

function moveEdge(actualPanelNum) {
    if (typeof(actualPanelNum)!='undefined' && !isNaN(actualPanelNum)) {
        actualPanelNum = Number(actualPanelNum);
        switch(actualPanelNum) {
            default:
            case 1:
                pos = 0;
                break;
            case 2:
                pos = 71;
                break;
            case 3:
                pos = 142;
                break;
        }
        jQuery('#slideshowx #slide_edge').css('top', pos);
    }
}

jQuery(document).ready(function() {
	jQuery('#slideshowx').tabs({show: tabs_slideshow_show}).tabs('rotate', 3000, false);
	jQuery('#slideshowx').find('ul').removeClass('ui-corner-all');
	
	jQuery('#slideshowx').find('.ui-tabs-nav').find('li').click (
	function() {
		var id = jQuery(this).attr('id').replace(/\D*/g,'')-1;
		jQuery('#slideshowx').tabs('rotate', 0, false).tabs({show:tabs_slideshow_instantly}).tabs('select', id);
		jQuery("#slideshowx").find('.arrow').css('marginTop',((id*70)+12) + 'px');
        
        /* nothing is selected bugfix */
		var id = jQuery(this).attr('id').replace(/\D*/g,'')-1;
		jQuery('#slideshowx').tabs('select', id).tabs({show:tabs_slideshow_instantly});
		jQuery('#slideshowx').tabs({show: tabs_slideshow_show}).tabs('rotate', 3000, false);
	}/*,
	function() {
		
	}*/);
});