// Add image preload support to jQuery
jQuery.preloadImages = function() {
	for(var i=0; i<arguments.length; i++)	{
		jQuery('<img>').attr('src', arguments[i]);
	}
}

var IMG_TOGGLE  = '/img/tab-toggle.gif';
var IMG_TOGGLED = '/img/tab-toggled.gif';

$.preloadImages(IMG_TOGGLED);

function hideTab(img) {
    $(img).attr('src', IMG_TOGGLE).parent().next().hide();
    if($(img).parent().parent().attr('id') == 'tabLast') {
        $('#tabLast div.tabTop').css('background', 'url(/img/tab_bg-bottom.gif) 0px 0px no-repeat');
        $('#tabLast div.tabBottom').hide();
    }
}
function showTab(img) {
    $(img).attr('src', IMG_TOGGLED).parent().next().show();
    if($(img).parent().parent().attr('id') == 'tabLast') {
        $('#tabLast div.tabTop').css('background', 'url(/img/tab_bg-middle.gif) 0px 0px no-repeat');
        $('#tabLast div.tabBottom').show();
    }
}
/*
function hideTabById(id) {
    //console.log($(id).prev().next());
    //console.log($(id).prev().next().children());
    $(id).hide();
}
*/

function popup(url) {
    win = window.open(url, 'Demo', 'width=800,height=635');
    win.focus();
}

$(document).ready(function() {
    // toggle tabs
    $('div#tabs div.tab div.tabTop img.toggle').click(function() {
        $(this).attr('src') == IMG_TOGGLED ? hideTab(this) : showTab(this);
    });
    
    $('div#tabs div.tab div.tabTop h2').click(function() {
        $(this).next().attr('src') == IMG_TOGGLED ? hideTab($(this).next()) : showTab($(this).next());
    });
    // hide specific tabs
    //hideTabById('div#callback');
    
    // bookmarks
    $('ul#pagebuttons li#bookmark a').click(function(e) {
        $('div#bookmarkPopup').css({
			'top' : e.pageY - ($('div#bookmarkPopup').height()+14) + 'px',
			'left': e.pageX - ($('div#bookmarkPopup').width()/2)  + 'px'
		});
        $('div#bookmarkPopup').toggle();
        return false;
    });
    $('div#bookmarkPopupTop').click(function() {
        $('div#bookmarkPopup').hide();
    });
});

var transLayer 
var divPopupLayer;

function openVirtualOffice() {
	transLayer = document.createElement('div');
	var width = document.body.clientWidth;
	var height = document.body.clientHeight;
	
	// inline css fuer IE:
	$(transLayer).css("width",width);
	$(transLayer).css("height",height+document.body.scrollHeight);
	$(transLayer).css("background-color","#000");
	$(transLayer).css("z-index","1001");
	$(transLayer).css("-moz-opacity","0.85");
	$(transLayer).css("opacity",".85");
	$(transLayer).css("filter","alpha(opacity=85)");
	$(transLayer).css("display","none");
	$(transLayer).addClass("transLayer");
	$(document.body).append($(transLayer));	
	
	// Das PopUpDiv
	divPopupLayer = document.createElement('div');
	$(divPopupLayer).addClass("popupLayer");
	$(divPopupLayer).css("position","absolute");
	$(divPopupLayer).css("top",((height-670)/2)+"px");
	$(divPopupLayer).css("left",((width-800)/2)+"px");
	$(divPopupLayer).css("z-index","1002");
	$(divPopupLayer).css("width","800px");
	$(divPopupLayer).css("height","670px");
	$(divPopupLayer).css("display","none");	
	
	
	// Das iframe
	var theIframe = document.createElement('iframe');
	$(theIframe).attr("src","http://www.pidas.com/fileadmin/flash/interaktiv/start_extern.html");
	$(theIframe).attr("width","800px");
	$(theIframe).attr("height","650px");
	$(theIframe).attr("frameborder","0");
	$(theIframe).attr("scrolling","no");

	$(theIframe).css("border","none");
	$(theIframe).css("overflow","hidden");
	$(theIframe).css("display","block");
	$(divPopupLayer).append($(theIframe));
	
	var aClose = document.createElement('a');
	$(aClose).append("Virtueller Rundgang beenden.");
	$(aClose).attr("href","javascript:closeVirtualOffice();");	
	$(aClose).css("color","#fff");
	
	var pClose = document.createElement('p');	
	$(pClose).css("font-size","12px");
	$(pClose).css("text-align","center");
	$(pClose).css("height","25px");	
	$(pClose).css("background","#000");	
	
	$(pClose).append($(aClose));
	$(divPopupLayer).append($(pClose));
	
	$(document.body).append($(divPopupLayer));	
	$(divPopupLayer).css("display","block");	
	$(transLayer).css("display","block");	
}

function closeVirtualOffice() {
	$(divPopupLayer).css("display","none");	
	$(transLayer).css("display","none");
}