var boxesCounter = 0;
var boxesOpen = 0;
var boxSelected = "";
var boxLast = "";
var boxLastLeft = null;
var boxLastTop = null;
var boxArray = new Array;
var backgroundToggle = false;

function startWithBox() {	
	if ($.getURLParam("article_id") != null) {
		var url = './cms.php?article_id=' + $.getURLParam("article_id");
		loadBox(url);
		loadBox("néwsletter.html");		
	} else {
		loadBox("cms.php");
		loadBox("newsletter.html");
	}
}

function sendBoxForm(box_id) {
	$.post($("." + box_id + " form").attr("action"), $("." + box_id + " form").serialize(), function(data){
		$("." + box_id + " .box_content").html(data);
		
		if($(data).find(".box_helper").html() != null)
		{
			$('.' + box_id + " .box_helper").remove();
		}
	 });
}

function loadBackground(videoMode) {
	/*var so = new SWFObject("BGresize_IMG.swf", "mymovie", "100%", "100%", "8", "#000000");
	so.addParam("wmode", "transparent");
	so.addParam("loop", "true");
	so.addParam("scale", "showall");
	so.write("background");*/
	
	if(videoMode == true) {
		var movie = "BG_video.swf";
	} else {
		var movie = "BGresize_IMG.swf";
	}
	
	var attributes = false;
	var flashvars = false;
	var params = {
	  wmode: "transparent",
	  loop: "true",
	  scale: "showall"
	};
	
	swfobject.embedSWF(movie, "background", "100%", "100%", "8.0.0", "expressInstall.swf", flashvars, params, attributes);
}

function loadMusicplayer() {
	var so = new SWFObject("music_player.swf", "mymovie", "126", "15", "8", "#000000");
	so.addParam("wmode", "transparent");
	so.addParam("loop", "true");
	so.addParam("scale", "showall");
	so.write("musicplayer");
}

function loadNavigation() {
	$.get('cms.php?article_id=11', function(data){
		$("#sub-nav ul").html(data);
		$("#sub-nav a").click(function() { 
			var url = $(this).attr('href');
			url = url.replace("index", "cms");
			if(url.indexOf("http://") == -1)
			{
				loadBox(url);				
				return false;
			}
		});		
	});
}

function loadFlyer() {
	$("#container").append('<div id="flyout"><div id="dofly" class="isIn"><img src="img/Flyer_Button_web.gif" /></div><div id="flyer"></div></div>');
	
	$("#flyout").hover(function() { 
			$('#flyer').show(500, function() {
				$('#flyer').removeClass('isIn').addClass('isOut');
			});
		}, function() {
			$('#flyer').hide(300, function() {
				$('#flyer').removeClass('isOut').addClass('isIn');
			});
	});	
	
	$.get('cms.php?article_id=25', function(data){
		$("#flyer").html(data);	
		$.fn.fancyzoom.defaultsOptions.imagezindex='100000'; 
		$('#flyer a').fancyzoom();
	});
}

function loadTopNavigation() {
	$.get('cms.php?article_id=26', function(data){
		$("#nav ul").html(data);		
	});
}
	
function reloadBox(box_id, url) {
	$.get(url, function(data){
		$("." + box_id + " .box_content").html(data);
		
		if($(data).find(".box_helper").html() != null)
		{
			var headline = $(data).find('h1').html();
			var subline = $(data).find('h2').html();
			var title = "<span class=\"headline\">" + headline + "</span><br /><span class=\"subline\">" + subline + "</span>";			
			$("." + box_id  + " .box_conten").dialog("option", "title", title);
			
			$("." + box_id  + " .ui-dialog-title").html(title);
			
			
			$('.' + box_id + " .box_helper").remove();
		}
		
		$("." + box_id  + " .box_content a").click(function() {
			var url = $(this).attr('href');
			url = url.replace("index", "cms");		
			if(url.indexOf("http://") == -1)
			{	
				reloadBox(boxSelected, url);
				return false;
			}
		});
		url = url.replace("cms", "index");
		pageTracker._trackPageview(url);
	});
}

function ReinitializeAddThis() {
    if (window.addthis) {
        window.addthis.ost = 0;
        window.addthis.ready();
    }
}

function isBoxColliding() {
	/*var curLeft = $("." + boxSelected).offset().left;
	var curTop = $("." + boxSelected).offset().top;
	var curHeight = $("." + boxSelected).height();
	var curWidth = $("." + boxSelected).width();
	var collisionA = false;
	var collisionB = false;
	var collisionC = false;
	var collisionD = false;
	
	for(var i=0;i<boxArray.length;i++)
	{
		//alert(boxArray[i]["left"] + boxArray[i]["width"]);
		/*if( (curLeft >= boxArray[i]["left"] + 10 && curLeft <= boxArray[i]["left"] + 10 + boxArray[i]["width"]) || (curLeft + curWidth <= boxArray[i]["left"] + 10 && curLeft + curHeight >= boxArray[i]["left"] + 10 + boxArray[i]["width"]))
		{
			if(boxArray[i]["title"] != boxSelected)
			{
				alert("Colission Left!"); 
			}
		}
		
		if( (curTop + 45 >= boxArray[i]["top"] && curTop + 45 <= boxArray[i]["top"] + boxArray[i]["height"] + 45) )
		{
			if(boxArray[i]["title"] != boxSelected)
			{
				if(curLeft <= boxArray[i]["left"] + 10 && curLeft >= boxArray[i]["left"] + 10 + boxArray[i]["width"])
				{
					alert(boxSelected + " " + boxArray[i]["title"]);
					alert("Colission Top!");
				}
			}
		}*/
		
		//var test =  boxArray[i]["top"] + boxArray[i]["height"];
		//alert(curTop + " " + test);
		
		
		/*if(boxArray[i]["title"] != boxSelected)
		{
			if( (curTop >= boxArray[i]["top"] && curTop <= boxArray[i]["top"] + boxArray[i]["height"] ) && (curLeft >= boxArray[i]["left"] && curLeft <= boxArray[i]["left"] + boxArray[i]["width"]))
			{
				collisionA = true;
			}
			
			if( (curTop >= boxArray[i]["top"] && curTop <= boxArray[i]["top"] + boxArray[i]["height"] ) && (curLeft + curWidth >= boxArray[i]["left"] && curLeft + curWidth <= boxArray[i]["left"] + boxArray[i]["width"]))
			{
				collisionB = true;
			}
			
			if( (curTop + curHeight >= boxArray[i]["top"] && curTop + curHeight<= boxArray[i]["top"] + boxArray[i]["height"] ) && (curLeft >= boxArray[i]["left"] && curLeft <= boxArray[i]["left"] + boxArray[i]["width"]))
			{
				collisionC = true;
			}	
			
			if( (curTop + curHeight >= boxArray[i]["top"] && curTop + curHeight<= boxArray[i]["top"] + boxArray[i]["height"] ) && (curLeft + curWidth >= boxArray[i]["left"] && curLeft + curWidth <= boxArray[i]["left"] + boxArray[i]["width"]))
			{
				collisionD = true;
			}
			
			if(collisionA == true || collisionB == true || collisionC == true || collisionD == true)
			{
				return true;
			}
			return false;
		}
	}*/
}

function loadBox(url) {
$.get(url, function(data){
	var headline = $(data).find('h1').html();
	var subline = $(data).find('h2').html();
	var title = "<span class=\"headline\">" + headline + "</span><br /><span class=\"subline\">" + subline + "</span>";

	if($(data).find('.inhalt').attr('title') == '')
	{
		var box_height = $("#container").height() -  $("#nav").height() - $("#footer").height() - 47;
		if(data.indexOf('class="externalSiteIframe"') > -1 && window.innerWidth >= 1200) {
			var box_width = $("#container").width() * 0.84;
		} else {
			var box_width = 800/*$("#container").width() * 0.66  - $(".box-0").width() - $("#logo_container").width()*/;
		}
		//alert(data.indexOf("iframe"));
	} else
	{
		var box_type = $(data).find('.inhalt').attr('title');
		var box_height = null;
		var box_width = null;
	}

	var box = $(data).dialog({
		title: title, 
		dialogClass: 'box-' + boxesCounter,
		autoOpen: false,
		show: 'blind',
		hide: 'blind',
		resize: function(event, ui) {
			$('.' + boxSelected + " .inhalt").css('height', $('.' + boxSelected + " .box_content").css("height") - 50);	
			//alert($('.' + boxSelected + " .inhalt").css('height'));
		},
		open: function(event, ui) {
			boxesOpen++;	
		},
		close: function(event, ui) {
			$('.' + boxSelected + " .ui-dialog").dialog("destroy");
			$('.' + boxSelected + " .ui-dialog").remove();
			boxesOpen--;
		},
		dragStart: function(event, ui) {
			/*Transparenz für Box $(this).css("opacity", "0.5");*/
		},
		dragStop: function(event, ui) {
			/*if(isBoxColliding() == true)
			{
				alert(isBoxColliding());
				$(this).css("opacity", "1");
			}*/
			/*Transparenz für Box $(this).css("opacity", "0.9");*/
		},		
		focus: function(event, ui) {
			if($(this).attr('title') == '')
			{
				$(this).attr('title', 'box-' + boxesCounter);
				$('.box-' + boxesCounter + ' .ui-dialog-titlebar-close').before('<a class="ui-dialog-titlebar-minimize" href="#"><span class="ui-icon ui-icon-minimizethick" unselectable="on" style="-moz-user-select: none;"><img border="0" style="margin-top: 11px;" src="img/ui_minimize.gif" /></span></a>');
				
				$('.box-' + boxesCounter + ' .ui-icon-minimizethick').click(function() {
					//$( '.' + boxSelected + " .box_content").dialog("close").end();
					$( '.' + boxSelected).effect("clip", "", 500);
					$("#footer").append('<span id="' + boxSelected + '" title="' + boxSelected + '" class="box-bar">' + $("." + boxSelected + " .headline").html() + '</span>');
					$("#" + boxSelected).click(function() {
						var boxUpAgain = $(this).attr("title");
						$("." + boxUpAgain).show();
						$("." + boxUpAgain + " .box_content").dialog('moveToTop');
						$(this).remove();						
					});
					
					return false;
				});
																							
				$(this).dialog( "option", "minWidth", $('.box-' + boxesCounter + ' .headline').width() + 30 );
				boxArray.push(new Object);
				boxArray[boxArray.length - 1]["title"] = 'box-' + boxesCounter;
				boxArray[boxArray.length - 1]["status"] = "open";
				boxArray[boxArray.length - 1]["left"] = $(this).offset().left;
				boxArray[boxArray.length - 1]["top"] = $(this).offset().top;
				boxArray[boxArray.length - 1]["width"] = $(this).width();
				boxArray[boxArray.length - 1]["height"] = $(this).height();			
			}			
			boxLast = boxSelected;
			boxSelected = $(this).attr('title');
			/*Transparenz für Box $(this).css("opacity", "0.9");*/
			//if(boxLast != "" && boxLast != boxSelected) $("." + boxLast + " .box_content").css("opacity", "0.5");
		}		
	});

	switch(box_type)
	{
		case "newsletter":
			box.dialog("option", "resizable", false);
			box.dialog("option", "position", [$("#nav").offset().left - 80, $("#iconbar").offset().top + $("#iconbar").height() - 150]);
			box.dialog("option", "minHeight", 120);
			//box.dialog("option", "draggable", false);  
			//$('.box-' + boxesCounter + " .ui-dialog-titlebar-close").remove();
			box_height = 120; 
			break;
		case "twitter":
			box.dialog("option", "resizable", false);
			box.dialog("option", "minHeight", $("#container").height() /*- $(".box-0").height()*/ - $("nav").height() - $("#footer").height() - 102);
			//box.dialog("option", "draggable", false);  
			box.dialog("option", "position", [$("#nav").offset().left, 80 /*$(".box-0").height() + 90*/]);
			//$('.box-' + boxesCounter + " .ui-dialog-titlebar-close").remove();
			$('.box-' + boxesCounter + " .inhalt").css("margin-bottom", "0px");
			$('.box-' + boxesCounter + " .inhalt").getTwitter({
				userName: "beatcircusSG",
				numTweets: 5,
				loaderText: "Loading tweets...",
				slideIn: true,
				showHeading: false,
				showProfileLink: true
			});
			box_height = $("#container").height() - $(".box-0").height() - $("nav").height() - $("#footer").height() - 102;
			break;
		case "musicplayer":
		   	box.dialog("option", "resizable", false);
		   	box.dialog("option", "minHeight", 120);
		   	box_height = 120; 
			box_width = 450;
		   	var so = new SWFObject("music_player.swf", "mymovie", "400", "32", "8", "#000000");
           	so.addParam("wmode", "transparent");
           	so.addParam("loop", "true");
           	so.addParam("scale", "showall");
           	so.write('musicplayer');
			break;
		default:
			box.dialog("option", "position", [$("#nav").offset().left /*+ $(".box-0").width() + 10*/, 80]);
			break;
	}
	
	if(box_height != null)
	{
		box.dialog("option", "height", box_height);
	}

	if(box_width != null)
	{
		box.dialog("option", "width", box_width);
	}
	
	
	$('.box-' + boxesCounter + " .box_helper").remove();
	
	if(box_height != null)
	{
		$('.box-' + boxesCounter).css('height', box_height);
		$('.box-' + boxesCounter + " .inhalt").css('height', $('.box-' + boxesCounter + " .box_content").css("height") - 50);
	}	
	
	$('.box-' + boxesCounter + " .send_form").click(function(){
		sendBoxForm(boxSelected);
		return false;
	});

	$('.box-' + boxesCounter + " .box_content a").click(function() {
		var url = $(this).attr('href');
		url = url.replace("index", "cms");
		if(url.indexOf("http://") == -1)
		{		
			reloadBox(boxSelected, url);
			return false;
		}
	});	
	
	box.dialog('open');
	url = url.replace("cms", "index");	
	pageTracker._trackPageview(url);
	
	boxesCounter++;
 });
}

$(function() {
	//window.moveTo(0, 0)
	//window.resizeTo(screen.width, screen.height)	
	var logo_width = $("#logo").width();
	
	$("#logo_container").css("width", $("#nav").offset().left - 30);

	if($.cookie('videoMode') == "true") {
		backgroundToggle = true;
		$("#sub-nav").append('<a class="videoToggle" href="#">Switch Video off</a>');
	} else {
		backgroundToggle = false;
		$("#sub-nav").append('<a class="videoToggle" href="#">Switch Video on</a>');
	}		
	loadBackground(backgroundToggle);
	
	//loadMusicplayer();
	//loadTopNavigation();
	//loadNavigation();
	
	$(".intern").click(function() { 
		loadBox($(this).attr('href'));	
		return false; 
	});	
	
	$("#iconbar img").hover(function() { 
			$(this).css('opacity', "1");
	}, function() {	
			$(this).fadeTo('slow', 0.5);
	});
	
	loadFlyer();	
	$('#flyer').hide().addClass('isIn');
	
	startWithBox();
		
	$(".videoToggle").click(function() {
		if(backgroundToggle == false)
		{
			backgroundToggle = true;
			$(".videoToggle").html("Switch Video off");
		} else {
			backgroundToggle = false;
			$(".videoToggle").html("Switch Video on");
		}
		loadBackground(backgroundToggle);		
		$.cookie('videoMode', backgroundToggle, { expires: 31 });
	});
	
	$("#sub-nav a").click(function() { 
		var url = $(this).attr('href');
		url = url.replace("index", "cms");
		loadBox(url);
		return false; 
	});
});