/* options.inc.js muss included sein */

var my_timer;
var random_highlight;


var colors = new Array();
colors[0] = "#C7CCE9";
colors[1] = "#C7CCE9";
colors[2] = "#C7CCE9";
colors[3] = "#C7CCE9";

//colors[1] = "#C7DDE9";
//colors[2] = "#9499B6";
//colors[3] = "#616683";
//colors[3] = "#C7CCE9";

var texte = new Object();
texte["r1c2"] = "<img src='matysik_200.jpg'>";
texte["r1c3"] = "<img src='juergens_200.jpg'>";
texte["r2c1"] = "<img src='pbonk_200.jpg'>";
texte["r2c2"] = "<img src='mohr_200.jpg'>";
texte["r2c3"] = "";
texte["r3c1"] = "<img src='knyn_200.jpg'>";
texte["r3c3"] = "<img src='tschenck_200.jpg'>";
var diffcolor = new Object;

//Dropshadow options
var ds_left = 3;
var ds_top = 3
var ds_blur = 1;
var ds_opacity = 0.3;
var ds_color = 'black';
var ds_swap = false;

var ds_options = ({left:ds_left,top:ds_top,blur:ds_blur,opacity:ds_opacity,color:ds_color,swap: ds_swap});

var imgs = new Object();
imgs["r1c1"] = "sde_logo.jpg";
imgs["r2c3"] = "kugeln_200.jpg";
imgs["r3c2"] = "code_200.jpg";

$(document).ready(function() {
	for (var i=0; i<rows; i++) {
		for (var j=0; j<cols; j++) {
			var myrow = i+1;
			var mycol = j+1;
			var myid = "r"+myrow+"c"+mycol;
			var newdiv = $("<div id='"+myid+"'></div>");
			//Absmessungen
			newdiv.addClass('debug');
			newdiv.css("width", width);
			newdiv.css("height", height);									
			var myleft = ((mycol-1)*width)+(mycol*space)+abstand_left;
			var mytop = ((myrow-1)*height)+(myrow*space)+abstand_top;			
			newdiv.css("left", myleft);
			newdiv.css("top", mytop);
			//newdiv.html(texte[myid]);	
			/*
			if (typeof texte[myid] != "undefined") {
				if (myid == "r1c1") {
					newdiv.html(texte["r1c1"]);
				} else {	
					var newtext = $("<span>"+texte[myid]+"</span>");
					newtext.addClass('mycenter');
					newdiv.append(newtext);				
				}
			}
			*/
			if (typeof imgs[myid] != "undefined") {
				var string_img = "<img src='"+imgs[myid]+"' class='img_center'>"
				newdiv.html(string_img);
			} else if(typeof texte[myid] != "undefined") {
				var newtext = $("<span>"+texte[myid]+"</span>");
				newtext.addClass('mycenter');
				newdiv.append(newtext);			
			}

			//BGColor
			var my_rand = GetRandom(0,3);
			diffcolor[myid] = colors[my_rand];
			//console.log(my_rand);
			//Erstes KŠstchen immer weiss
			if (myid == "r1c1") {
				newdiv.css("background-color", "white");			
			} else {
				newdiv.css("background-color", colors[my_rand]);			
			}
			if (typeof imgs[myid] == "undefined") {
				newdiv.mouseenter(function(myid) {
					colorme(myid);
				})
				newdiv.mouseleave(function(myid) {
					colormeback(myid);			
				})
				newdiv.click(function(myid) {
					moveme(myid);
				})
			}
			$("#parent").append(newdiv);
			//$("#"+myid).dropShadow(ds_options);
		}
	}
	
	start_my_timer();
});



function GetRandom( min, max ) {
        if( min > max ) {
                return( -1 );
        }
        if( min == max ) {
                return( min );
        }
        return( min + parseInt( Math.random() * ( max-min+1 ) ) );

} 

function moveme(did) {
	var target = did.currentTarget.id;
	alle_ausblenden(target)
}

function fadeout(ausser) {
	for (var i=0; i<rows; i++) {
		for (var j=0; j<cols; j++) {
		    var myrow = i+1;
			var mycol = j+1;
			var myid = "r"+myrow+"c"+mycol;
			if (myid != ausser) {			
				var my_obj = $("#"+myid);
				//my_obj.removeShadow();
				my_obj.fadeOut(500);
			} else {
				$("#"+ausser).removeShadow();
			}
		}
	}	
}


function alle_ausblenden(ausser) {
    //$("#"+ausser).empty();
       fadeout(ausser);
	$("#"+ausser).animate({left:abstand_left, top:abstand_top});
	$("#"+ausser).animate({width:overlay_size, height:overlay_size});
	$("#"+ausser).animate({backgroundColor:'#616693'});

	$("#"+ausser).unbind('mouseenter');
	$("#"+ausser).unbind('mouseleave');	
	$("#"+ausser).unbind('click');	
	$("#"+ausser).click(function(ausser) {
		alle_einblenden(ausser);
	});
	$.ajax({
		url: 'fetch_site.php',
		method: 'POST',
		data: 'id='+ausser,
		success: function(retval) {
			$("#"+ausser).html(retval);	
		}
	})
}

/* Mouseover function */
function colorme(did) {
	var target = did.currentTarget.id;
//	console.log(target);
	$("#"+target).animate({backgroundColor:'#616693'});
	//$("#"+target).animate({background:'#616693'});
	//$("#"+target).removeClass("debug").addClass("highlight")
}

/* Mouseout function */
function colormeback(did) {
	var target = did.currentTarget.id;
	var backcolor = diffcolor[target];
//	console.log(diffcolor);
	$("#"+target).animate({backgroundColor:backcolor});
	//$("#"+target).removeClass("highlight").addClass("debug")
}

var my_helper;

function alle_einblenden(ausser) {
	//alert(ausser);
	var target = ausser.currentTarget.id;
	$("#"+target).animate({width:width, height:height});
	//Ursprungsposition feststellen
	var org_row = (target.charAt(1)-1);
	var org_col = (target.charAt(3)-1);
	//alert(target.charAt(1));
	//IE Fuckup -> nicht string als array benutzen
	var test1 = target;
	//alert(test1);
	var org_pos_row = ((org_row-1)*height)+((org_row)*space)+(height+space)+abstand_top;	
	var org_pos_col = ((org_col-1)*width)+((org_col)*space)+(width+space)+abstand_left;	
	//alert(org_pos_col);
	//alert(org_pos_row);	
	$("#"+target).animate({left:org_pos_col, top:org_pos_row}, function() {fadinall();});		
	backcolor = diffcolor[target];
	//Ursprungseigenschaften
	//$("#"+target).css("background-color", backcolor);			
	$("#"+target).mouseenter(function(myid) {
			colorme(myid);
	})
	$("#"+target).mouseleave(function(myid) {
			colormeback(myid);			
	})
	$("#"+target).unbind('click'); //Now IE is your friend, too!!
	$("#"+target).bind('click', function(myid) {
			moveme(myid);
	})
	
		
		
	//console.log(texte[target]);
	if (typeof texte[target] != "undefined") {	
    	var newtext = $("<span>"+texte[target]+"</span>");
		newtext.addClass('mycenter');
		$("#"+target).html(newtext);
    }	
}

function start_my_timer() {
	//my_timer = window.setInterval('highlight_random()', 2000);
}

function fadinall() {
for (var i=0; i<rows; i++) {
		for (var j=0; j<cols; j++) {
		    var myrow = i+1;
			var mycol = j+1;
			var myid = "r"+myrow+"c"+mycol;
			my_helper = myid;
			//if (myid != ausser) {
				var my_obj = $("#"+myid);				
				my_obj.fadeIn(3000, function() {
					var restore_css = this.id;
					//alert($("#"+restore_css));
					$("#"+restore_css).removeClass("debug");
					$("#"+restore_css).addClass("debug");					
					$("#"+restore_css).attr("class", "debug");					
					//window.setTimeout()
					//$("#"+restore_css).css("background", "filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=1, StartColorStr='#616693', EndColorStr='#C7CCE9')");
					
					//my_obj.removeClass("debug");
					//my_obj.addClass("debug");
				});				
			//} 
		}
	}
}

function stop_my_timer() {
	//window.clearInterval(my_timer);
}

function highlight_random() {
	var ef_options = {color:'#FFFFFF'};
	var rand1 = GetRandom(0,3);
	var rand2 = GetRandom(0,3);	
	var str_obj = "#r"+rand1+"c"+rand2;
	$(str_obj).effect("highlight", ef_options, 2500);
}


function blog_weiter(id_show, id_hide) {
    $("#" + id_hide).css('display', 'none');
    $("#" + id_show).css('display', '');
}