var sidebar;
var trgt;
var src;
var resizeX;
var newSrcW;
var newTrgtW;
var winW;

var sizeCookie;

var onlyHTML = true;
var onlyFlash = true;

var resizeX;

window.onload=function(){
	init();
	
	//sendToAS("W");
	
	onlyHTML = true;
	sidebar = $('menu');
	trgt = $('div_2');
	src = $('flashcontainer');
	winW = document.getWidth().toInt();

	resizeX = $('resizer').getStyle('left');
	$('resizer').setStyle('left',document.getWidth().toInt()/4-20);
	
	if(Cookie.read('SEsize'))
	{
		$('div_2').setStyle('opacity', 0);
		var cookieSize = Cookie.read('SEsize');
		resizeX = cookieSize.toInt();
		$('resizer').setStyle('left', resizeX);
		tweenSize();
		onlyHTML = false;
		onlyFlash = false;
		
	}
	document.getWidth = getWidth;
	document.getHeight = getHeight;
	
	if(flashReady==true)
	{
		$('photo_blog').setStyle('visibility', 'visible');
		//---siehe flashInterface.js--//
	}
	
	$('get_menu').setStyle('visibility', 'visible');
	//$('get_menu_bottom').setStyle('visibility', 'visible');
	
	//$('trace_1').setStyle('visibility', 'visible');

	$('trace_1').makeDraggable({
		modifiers:{x:false, y: 'top'}
		});

	$('menu_drag').makeDraggable({
		modifiers:{x:false, y: 'top'}
		});

	$('resizer').makeDraggable({
		modifiers:{x:'left', y: false},
		onStart : function(){
			winW = checkWindow().toInt();
		},
		onDrag : function(){
			changeSize();
		}
	});
	
	$('menu_drag').onmouseover = function()
	{
		$('menu_drag').setStyle('cursor', 'move');
		$('menu_drag').setStyle('border','1px solid #cacaca');
		$('menu_drag').setStyle('background-color','#e5e5e5');
	}

	$('menu_drag').onmouseout = function()
	{
		$('menu_drag').setStyle('cursor', 'auto');
		$('menu_drag').setStyle('border','1px solid #dfdfdf');
		$('menu_drag').setStyle('background-color','#dfdfdf');
	}

	$('resizer').onmouseover = function()
	{
		$('resizer').setStyle('cursor','w-resize');
	}

	$('resizer').onmouseout = function()
	{
		$('resizer').setStyle('cursor','auto');
	}

	$('make_html').onmouseover = function()
	{
		$('make_html').setStyle('cursor', 'pointer');
		$('make_html').setStyle('background-color','#eeeeee');
	}

	$('make_html').onmouseout = function()
	{
		$('make_html').setStyle('cursor', 'auto');
		$('make_html').setStyle('background-color','#dfdfdf');
	}

	$('make_html').onmouseup = function()
	{
		$('resizer').setStyle('left',document.getWidth().toInt()/4-20);
		tweenSize();
		$('div_2').setStyle('opacity', 1);
		$('div_2').setStyle('cursor', 'auto');
		onlyHTML = true;
	}

	$('make_flash').onmouseover = function()
	{
		$('make_flash').setStyle('cursor', 'pointer');
		$('make_flash').setStyle('background-color','#eeeeee');
	}

	$('make_flash').onmouseout = function()
	{
		$('make_flash').setStyle('cursor', 'auto');
		$('make_flash').setStyle('background-color','#dfdfdf');
	}

	$('make_flash').onmouseup = function()
	{
		$('resizer').setStyle('left',document.getWidth().toInt()-100);
		tweenSize();
		$('div_2').setStyle('opacity', 0.3);
		$('div_2').setStyle('cursor', 'pointer');
		onlyFlash = true;
		
	}

	$('flashcontainer').onmouseup = function()
	{
		if(onlyHTML == true)
		{
			$('resizer').setStyle('left',document.getWidth().toInt()-100);
			tweenSize();
			$('div_2').setStyle('opacity', 0.3);
			$('div_2').setStyle('cursor', 'pointer');
			onlyFlash = true;
		}
		
	}

	$('div_2').onmouseup = function()
	{
		if(onlyFlash == true)
		{
			$('resizer').setStyle('left',document.getWidth().toInt()/4-20);
			tweenSize();
			$('div_2').setStyle('opacity', 1);
			$('div_2').setStyle('cursor', 'auto');
			onlyHTML = true;
		}
		
	}
	
	
	$('div_2').setStyle('opacity', 1);
	


}

window.onresize = function()
{
	winW = document.getWidth().toInt();
	changeSize();
}

function changeSize()
{
	resizeX  = $('resizer').getStyle('left').toInt()+($('resizer').getStyle('width').toInt())-20;

	Cookie.write('SEsize', resizeX,{  path:'/'});
	
	var flashW = Math.round((resizeX/winW)*100);
	
	newSrcW = resizeX;
	newTrgtW = (winW - newSrcW)-15;
	
	src.setStyle('width', newSrcW);
	trgt.setStyle('width', newTrgtW);
	
	var newOHW = winW - sidebar.getStyle('width').toInt()-30;
	var newOHW = winW -30;
	
	$('overhead').setStyle('width', newOHW);
	$('menu_mask').setStyle('width',sidebar.getStyle('width').toInt()+30);
	
	trace('trgt_W: '+ trgt.getStyle('width') + $('resizer').getStyle('left'),true);
	
	onlyHTML = false;
	onlyFlash = false;
	$('div_2').setStyle('opacity', 1);
	$('div_2').setStyle('cursor', 'auto');
}

function tweenSize()
{
	resizeX  = $('resizer').getStyle('left').toInt()+($('resizer').getStyle('width').toInt())-20;

	Cookie.write('SEsize', resizeX,{  path:'/'});
	
	var flashW = Math.round((resizeX/winW)*100);
	
	newSrcW = resizeX;
	newTrgtW = (winW - newSrcW)-15;
	
	var newOHW = winW - sidebar.getStyle('width').toInt()-30;
	var newOHW = winW -30;
	$('overhead').setStyle('width', newOHW);
	
	$('menu_mask').setStyle('width',sidebar.getStyle('width').toInt()+30);
	
	var srcOldX = Math.round((winW/src.getStyle('width'))*100);
	var tween_1 = new Fx.Tween($(src));
	tween_1.start('width',srcOldX ,newSrcW);
	
	var trgtOldX = Math.round((winW/trgt.getStyle('width'))*100);
	var tween_2 = new Fx.Tween($(trgt));
	
	tween_2.start('width',trgtOldX,newTrgtW);
	//trace('trgt_W: '+ trgt.getStyle('width') + $('resizer').getStyle('left'),true);
}

function mouseOver(trgt)
{
	trgt.setStyle('cursor', 'pointer');
	trgt.setStyle('background-color','#eeeeee');
}

function mouseOut(trgt)
{
	trgt.setStyle('cursor', 'auto');
	trgt.setStyle('background-color','#dfdfdf');
}

function getMenu(trgt, position)
{
	trgt.setStyle('background-color','#ffffff');
	var scrollTop = getScrollXY()[1];
	var scrollBottom = getScrollXY()[1] + getHeight() - 200;
	var myFx3 = new Fx.Tween($('menu_drag'));
	
	if(position == 'bottom')
	{
		myFx3.start('top',$('menu_drag').getStyle('top'), scrollBottom );
	}
	else
	{
		myFx3.start('top',$('menu_drag').getStyle('top'), scrollTop );
	}
	
}


function getWidth() {
	var de = document.documentElement;
	var myWidth = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	return myWidth;
}

function getHeight() {
	var de = document.documentElement;
	var myHeight = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	return myHeight;
}

function checkWindow () {
  if (window.innerWidth) {
	return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
	return document.body.offsetWidth;
  } else {
	return 0;
  }
}

function getScrollXY() {
	var scrOfX = 0, scrOfY = 0;
	
	if( typeof( window.pageYOffset ) == 'number' ) {
	    //Netscape compliant
	    scrOfY = window.pageYOffset;
	    scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return [ scrOfX, scrOfY ];
}

function trace(tr1, tr2, clearMe)
{
	if(clearMe)$("trace_1").innerHTML ='';
	$("trace_1").innerHTML += tr1 + "<br/>";
	$("trace_1").innerHTML += tr2 + "<br/>";
}