function onOff(divid){
    var ele = document.getElementById(divid).style.display;
    if (ele == 'none') {
        document.getElementById(divid).style.display = 'inline';
    }
    else {
        document.getElementById(divid).style.display = 'none';
    }
}

function detail(url){
    fenster = window.open(url, "Detail", "width=666,height=510,status=no,scrollbars=no,resizable=no");
    fenster.focus();
}

function detail2(url){
    fenster = window.open(url, "Detail", "width=850,height=620,status=no,scrollbars=no,resizable=no");
    fenster.focus();
}

function v_detail2(url){
    fenster = window.open(url, "Detail", "width=560,height=850,status=no,scrollbars=no,resizable=no");
    fenster.focus();
}

function print_out(url){
    fenster = window.open("./print.php?cnt=" + url, "Detail", "width=480,height=480,status=no,scrollbars=no,resizable=no");
    fenster.focus();
}

function fadeout(divid){
    Effect.Fade(divid);
}

function set_print(produkt){

    Element.show('systemWorking');
    
    var opt = {
        method: 'post',
        evalScripts: true,
        onComplete: working = function(){
            Element.hide('systemWorking');
        },
        postBody: 'produkt=' + produkt
    };
    
    Request = new Ajax.Updater({
        success: 'extra1'
    }, './ajax/getPrintExtra1.php', opt);
    
    var opt = {
        method: 'post',
        evalScripts: true,
        onComplete: working = function(){
            Element.hide('systemWorking');
        },
        postBody: 'produkt=' + produkt
    };
    
    Request = new Ajax.Updater({
        success: 'extra2'
    }, './ajax/getPrintExtra2.php', opt);
    
    //RESET
    $('kind').value = produkt;
    set_size_first("32");
    set_size("");
    set_tile("1");
    
    $('print_info').innerHTML = produkt;
    $('detailview').title = "./ajax/getDetail.php?p=" + produkt;
}

function v_set_print(produkt){

    Element.show('systemWorking');
    
    var opt = {
        method: 'post',
        evalScripts: true,
        onComplete: working = function(){
            Element.hide('systemWorking');
        },
        postBody: 'produkt=' + produkt
    };
    
    Request = new Ajax.Updater({
        success: 'extra1'
    }, './ajax/getPrintExtra1V.php', opt);
    
    var opt = {
        method: 'post',
        evalScripts: true,
        onComplete: working = function(){
            Element.hide('systemWorking');
        },
        postBody: 'produkt=' + produkt
    };
    
    Request = new Ajax.Updater({
        success: 'extra2'
    }, './ajax/getPrintExtra2V.php', opt);
    
    //RESET
    $('kind').value = produkt;
    v_set_size_first("32");
    set_size("");
    set_tile("1");
    
    $('print_info').innerHTML = produkt;
    $('detailview').title = "./ajax/getDetail.php?p=" + produkt;
}

function set_p_special(produkt){
    $('kind').value = produkt;
    $('print_info').innerHTML = produkt;
    $('detailview').title = "./ajax/getDetail.php?p=" + produkt;
}

function set_size(size){
    $('size').value = size;
    set_price();
}

function set_v2(v2){
    $('v2').value = v2;
}

function set_price(){

    Request = new Ajax.Request('./ajax/getPrice.php', {
        method: 'post',
        onSuccess: function(transport){
            $('dummy_preis').value = (transport.responseText);
        },
        parameters: {
            size: $('size').value,
            produkt: $('kind').value,
            tile: $('tile_new').value
        }
    });
    
}

function set_color(color, sho){
    if (sho) {
        sho += "_";
    }
    
    $('color').value = color;
    $('pic_').src = "bilder/" + $('art_id').value + "_" + sho + "big.jpg";
    
    set_price();
}

function checksubmit(){
    var err = 0;
    
    if ($('kind').value == "") {
        err = 1;
    }
    if ($('color').value == "") {
        err = 1;
    }
    if ($('size').value == "") {
        err = 1;
    }
    if (err == 0) {
        document.forms.art_form.submit();
    }
    else {
        alert("Bitte alle Felder ausfuellen")
    }
}

function checksubmit2(){
    var err = 0;
    
    if (document.getElementsByName("zahlung")[1].checked) {
        if ($('inhaber').value == "") {
            err = 1;
        }
        if ($('kontonr').value == "") {
            err = 1;
        }
        if ($('blz').value == "") {
            err = 1;
        }
        if ($('bank').value == "") {
            err = 1;
        }
    }
    
    if (err == 0) {
        document.forms.userdaten.submit();
    }
    else {
        alert("Bitte fuellen Sie alle Bankeinzugsfelder aus.")
    }
}

function set_tile(tile){
    $('tile_dummy').value = tile + " Teil(e)";
    $('tile_new').value = tile;
    set_price();
    DRAW(tile);
}

function v_set_tile(tile){
    $('tile_dummy').value = tile + " Teil(e)";
    $('tile_new').value = tile;
    set_price();
    DRAW(tile);
}

function set_tile_tap(tile){
    $('tile_dummy').value = tile + " Teil(e)";
    $('tile_new').value = tile;
    set_price();
    DRAW(tile);
}

function set_size_first(sizefst){
    Element.show('systemWorking');
    var opt = {
        method: 'post',
        evalScripts: true,
        postBody: 'sizefst=' + sizefst,
        onComplete: working = function(){
            Element.hide('systemWorking');
        }
    };
    Request = new Ajax.Updater({
        success: 'select_snd'
    }, './ajax/getSizeFirst.php', opt);
    
    init_new();
	
	var verh = $('pic_').width/$('pic_').height;
	    
    switch (sizefst) {
        case '11':
            $('pic_').height = 390 / 1;
            $('pic_').width = 390 / 1 * verh;
            $('draggy').style.width = "390px";
            $('draggy').style.height = "390px";
            dd.elements.draggy.maxoffl = 390 / 2;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '32':
            $('pic_').height = 390 / 1.5;
            $('pic_').width = 390 / 1.5 * verh;
            $('draggy').style.width = "390px";
            $('draggy').style.height = 390 / 1.5 + "px";
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '43':
            $('pic_').height = 390 / 1.3;
            $('pic_').width = 390 / 1.3 * verh;
            $('draggy').style.width = "390px";
            $('draggy').style.height = "292.5px";
            dd.elements.draggy.maxoffl = 390 / 6.5;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '54':
            $('pic_').height = 390 / 1.25;
            $('pic_').width = 390 / 1.25 * verh;
            $('draggy').style.width = "390px";
            $('draggy').style.height = "312px";
            dd.elements.draggy.maxoffl = 390 / 4.875;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '12':
            $('pic_').height = 390 / verh;
            $('pic_').width = 390;
            $('draggy').style.width = "390px";
            $('draggy').style.height = "195px";
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 390 / 6;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '13':
            $('pic_').height = 390 / verh;
            $('pic_').width = 390;
            $('draggy').style.width = "390px";
            $('draggy').style.height = "130px";
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 390 / 3;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        default:
            $('pic_').width = 390;
            break;
    }
}

function v_set_size_first(sizefst){
    Element.show('systemWorking');
    var opt = {
        method: 'post',
        evalScripts: true,
        postBody: 'sizefst=' + sizefst,
        onComplete: working = function(){
            Element.hide('systemWorking');
        }
    };
    Request = new Ajax.Updater({
        success: 'select_snd'
    }, './ajax/getSizeFirstV.php', opt);
    
    init_new();
    
	var verh = $('pic_').height/$('pic_').width;
	
    switch (sizefst) {
        case '11':
            $('pic_').width = 390 / 1;
            $('pic_').height = 390 / 1 * verh;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = "390px";
            
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 390 / 2;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '32':
            $('pic_').width = 390 / 1.5;
            $('pic_').height = 390 / 1.5 * verh;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = 390 / 1.5 + "px";
            
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '43':
            $('pic_').width = 390 / 1.3;
            $('pic_').height = 390 / 1.3 * verh;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = "292.5px";
            
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 390 / 6.5;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '54':
            $('pic_').width = 390 / 1.25;
            $('pic_').height = 390 / 1.25 * verh;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = "312px";
            
            dd.elements.draggy.maxoffl = 0;
            dd.elements.draggy.maxofft = 390 / 4.875;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '12':
            $('pic_').width = 390 / verh;
            $('pic_').height = 390;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = "195px";
            
            dd.elements.draggy.maxoffl = 390 / 6;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        case '13':
            $('pic_').width = 390 / verh;
            $('pic_').height = 390;
            
            $('draggy').style.height = "390px";
            $('draggy').style.width = "130px";
            
            dd.elements.draggy.maxoffl = 390 / 3;
            dd.elements.draggy.maxofft = 0;
            dd.elements.draggy.maxoffr = 0;
            dd.elements.draggy.maxoffb = 0;
            break;
            
        default:
            $('pic_').height = 390;
            break;
    }
}

function set_size_tap(size){

    size.replace(' ', '');
    arr = size.split('x');
    
    if (arr[0] < 490) {
    
        width = Math.floor(arr[0] / 100);
        height = Math.floor(arr[1] / 100);
        
        size_new = Math.floor((width / height) * 1000);
        
        size_new = size_new.toString();
        
        switch (size_new) {
            case '1000':
                $('pic_').height = 390 / 1;
                $('pic_').width = 390 / 1 * 1.5;
                $('draggy').style.width = "390px";
                $('draggy').style.height = "390px";
                dd.elements.draggy.maxoffl = 390 / 2;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            case '1500':
                $('pic_').height = 390 / 1.5;
                $('pic_').width = 390 / 1.5 * 1.5;
                $('draggy').style.width = "390px";
                $('draggy').style.height = 390 / 1.5 + "px";
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            case '1333':
                $('pic_').height = 390 / 1.3;
                $('pic_').width = 390 / 1.3 * 1.5;
                $('draggy').style.width = "390px";
                $('draggy').style.height = "292.5px";
                dd.elements.draggy.maxoffl = 390 / 6.5;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            case '1250':
                $('pic_').height = 390 / 1.25;
                $('pic_').width = 390 / 1.25 * 1.5;
                $('draggy').style.width = "390px";
                $('draggy').style.height = "312px";
                dd.elements.draggy.maxoffl = 390 / 4.875;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            case '500':
                $('pic_').height = 390 / 1.5;
                $('pic_').width = 390;
                $('draggy').style.width = "390px";
                $('draggy').style.height = "195px";
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 390 / 6;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            case '333':
                $('pic_').height = 390 / 1.5;
                $('pic_').width = 390;
                $('draggy').style.width = "390px";
                $('draggy').style.height = "130px";
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 390 / 3;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                $('error_').innerHTML = "";
                break;
                
            default:
                //RESET
                set_size_first("32");
                set_size("");
                set_tile("1");
                $('error_').innerHTML = "F&uuml;r diesen Wert ist keine Vorschau verf&uuml;gbar!"
                break;
        }
        
        $('size').value = size;
		
		if (arr[2]) {
			set_tile(Math.round(width * 100 / arr[2]));
		}
		else {
			set_tile(Math.floor(width * 100 / 70) + 1);
		}
		
        set_price();
    }
}

function v_set_size_tap(size){

    size.replace(' ', '');
    arr = size.split('x');
    
    if (arr[0] < 490) {
    
        height = Math.floor(arr[0] / 100);
        width = Math.floor(arr[1] / 100);
        
        size_new = Math.floor((width / height) * 1000);
        
        size_new = size_new.toString();
        
        switch (size_new) {
            case '1000':
                $('pic_').width = 390 / 1;
                $('pic_').height = 390 / 1 * 1.5;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = "390px";
                
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 390 / 2;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
            case '1500':
                $('pic_').width = 390 / 1.5;
                $('pic_').height = 390 / 1.5 * 1.5;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = 390 / 1.5 + "px";
                
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
            case '1333':
                $('pic_').width = 390 / 1.3;
                $('pic_').height = 390 / 1.3 * 1.5;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = "292.5px";
                
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 390 / 6.5;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
            case '1250':
                $('pic_').width = 390 / 1.25;
                $('pic_').height = 390 / 1.25 * 1.5;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = "312px";
                
                dd.elements.draggy.maxoffl = 0;
                dd.elements.draggy.maxofft = 390 / 4.875;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
            case '500':
                $('pic_').width = 390 / 1.5;
                $('pic_').height = 390;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = "195px";
                
                dd.elements.draggy.maxoffl = 390 / 6;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
            case '333':
                $('pic_').width = 390 / 1.5;
                $('pic_').height = 390;
                
                $('draggy').style.height = "390px";
                $('draggy').style.width = "130px";
                
                dd.elements.draggy.maxoffl = 390 / 3;
                dd.elements.draggy.maxofft = 0;
                dd.elements.draggy.maxoffr = 0;
                dd.elements.draggy.maxoffb = 0;
                break;
                
                
            default:
                //RESET
                v_set_size_first("32");
                set_size("");
                set_tile("1");
                $('error_').innerHTML = "F&uuml;r diesen Wert ist keine Vorschau verf&uuml;gbar!"
                break;
        }
        
        $('size').value = size;
        
	if (arr[2]) {
			set_tile(Math.round(width * 100 / arr[2]));
		}
		else {
			set_tile(Math.floor(width * 100 / 70) + 1);
		}
		
        set_price();
    }
}

function init_new(){
    $('pic_').style.marginLeft = "0px";
    $('pic_').style.marginTop = "0px";
    dd.elements.draggy.del();
    ADD_DHTML(CURSOR_MOVE, TRANSPARENT, "draggy" + MAXOFFLEFT + 0 + MAXOFFRIGHT + 0 + MAXOFFTOP + 0 + MAXOFFBOTTOM + 0);
}