var boolWurdeVergroessert = new Array();
boolWurdeVergroessert ['content'] = false;
boolWurdeVergroessert ['content_movie'] = false;

var startBreite = new Array();
startBreite['content'] = 0;
startBreite['content_movie'] = 0;

var startHoehe = new Array();
startHoehe['content'] = 0;
startHoehe['content_movie'] = 0;

var tmpGroesse = new Array();
tmpGroesse['content'] = 0;
tmpGroesse['content_movie'] = 0;

function spielVergroessern(idName, groesse) {
	var alteBreite = document.getElementById(idName).style.width;
    var alteHoehe = document.getElementById(idName).style.height;
    
    alteBreite = alteBreite.substring(0, alteBreite.length-2);
    alteHoehe = alteHoehe.substring(0, alteHoehe.length-2);

    alteBreite = toInt(alteBreite);
    alteHoehe = toInt(alteHoehe);
    

    // Vorherige Groesse speichern
    tmpGroesse[idName] = groesse;

    if(!boolWurdeVergroessert[idName]) {
        boolWurdeVergroessert[idName] = true;
        startBreite[idName] = alteBreite;
        startHoehe[idName] = alteHoehe;
    }
    
    alteBreite = startBreite[idName]+groesse;
    alteHoehe = startHoehe[idName]+groesse;

    document.getElementById(idName).style.width = alteBreite + "px";
    document.getElementById(idName).style.height = alteHoehe + "px";
}

function toInt(x) {
    return (parseInt(x) + 0);
}

// Slider
$(document).ready(function(){
    $("#slider").slider();
    $("#slider").slider('option', 'max', 350);
	$("#slider").slider({
		change: function(event, ui) {
							var value = $("#slider").slider('option', 'value');
							spielVergroessern('content_movie', value);
							spielVergroessern('content', value);
						}
	});
	$("#slider").slider({
		slide: function(event, ui) {
							var value = $("#slider").slider('option', 'value');
							spielVergroessern('content_movie', value);
							spielVergroessern('content', value);
						}
	});
	

});