function closeModal() {
    $('modal_bg').setStyles({
        visibility: 'hidden',
        display: 'none'
    });
    $('modal_win').setStyles({
        visibility: 'hidden',
        display: 'none'
    });
    $('modal_win').set('text', 'De content wordt geladen...');
}

function checkOrderFormFields() {
    if ($('frm_kleur').value != 0) {
        $('frm_glassoort').disabled = false;
        $('frm_maat').disabled = false;
        $('frm_submit').disabled = false;
    } else {
        $('frm_glassoort').disabled = true;
        $('frm_maat').disabled = true;
        $('frm_submit').disabled = true;
    }
    var req = new Request.HTML({url:'/include/ajax/ajax.load.order.form.php?mid=' + $('frm_mid').value + '&cid=' + $('frm_kleur').value, 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('modal_win').set('text', '');
			//Inject the new DOM elements into the results div.
			$('modal_win').adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('modal_win').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
		}
	});
    req.send();
}
function checkColorFormFields(id) {
    if ($('frm_kleur').value != 0) {
        $('frm_glassoort').disabled = false;
        $('frm_maat').disabled = false;
        $('frm_submit').disabled = false;
    } else {
        $('frm_glassoort').disabled = true;
        $('frm_maat').disabled = true;
        $('frm_submit').disabled = true;
    }
    var req = new Request.HTML({url:'/include/ajax/ajax.load.color.form.php?mid=' + $('frm_mid').value + '&cid=' + $('frm_kleur').value, 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('frm_holder').set('text', '');
			//Inject the new DOM elements into the results div.
			$('frm_holder').adopt(html);
            $('bigImage').src = "http://www.eye-wear.nl/custom/products/montuurtype_" + $('frm_kleur').value + "_default.jpg";
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('frm_holder').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
		}
	});
    req.send();
}
function SubmitOrderForm() {
    if ($('frm_glassoort').value == 0) {
        alert('U moet een glastype selecteren.');
    } else {
        var req = new Request.HTML({url:'/include/ajax/ajax.load.order.form.php?mid=' + $('frm_mid').value + '&cid=' + $('frm_kleur').value, 
            onSuccess: function(html) {
                //Clear the text currently inside the results div.
                $('modal_win').set('text', '');
                //Inject the new DOM elements into the results div.
                $('modal_win').adopt(html);
                RefreshCartInfo();
            },
            //Our request will most likely succeed, but just in case, we'll add an
            //onFailure method which will let the user know what happened.
            onFailure: function() {
                $('modal_win').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
            } 
        }).post($('order_form'));
        req.send();
    //closeModal();
    }
}
function SubmitColorForm() {
    if ($('frm_glassoort').value == 0) {
        alert('U moet een glastype selecteren.');
    } else {
        var req = new Request.HTML({url:'/include/ajax/ajax.load.color.form.php?mid=' + $('frm_mid').value + '&cid=' + $('frm_kleur').value, 
            onSuccess: function(html) {
                //Clear the text currently inside the results div.
                $('frm_holder').set('text', '');
                //Inject the new DOM elements into the results div.
                $('frm_holder').adopt(html);
                RefreshCartInfo();
            },
            //Our request will most likely succeed, but just in case, we'll add an
            //onFailure method which will let the user know what happened.
            onFailure: function() {
                $('frm_holder').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
            } 
        }).post($('order_form'));
        req.send();
    //closeModal();
    }
}
function RefreshCartInfo() {
    var req = new Request.HTML({url:'/include/ajax/ajax.cart.info.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('cart_info').set('text', '');
			//Inject the new DOM elements into the results div.
			$('cart_info').adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('cart_info').set('text', 'ERROR');
		} 
	});
    req.send();
}

function CartAddOne(mtid, gsid, maat) {
    var req = new Request.HTML({url:'/include/ajax/ajax.update.cart.php?a=addone&mtid=' + mtid + '&gsid=' + gsid + '&maat=' + maat, 
		onSuccess: function(html) {
            CartUpdatePage();
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
            alert('FAIL!');
		} 
	});
    req.send();
}

function CartRemoveOne(mtid, gsid, maat) {
    var req = new Request.HTML({url:'/include/ajax/ajax.update.cart.php?a=removeone&mtid=' + mtid + '&gsid=' + gsid + '&maat=' + maat, 
		onSuccess: function(html) {
            CartUpdatePage();
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
            alert('FAIL!');
		} 
	});
    req.send();
}

function CartRemoveAll(mtid, gsid, maat) {
    var req = new Request.HTML({url:'/include/ajax/ajax.update.cart.php?a=removeall&mtid=' + mtid + '&gsid=' + gsid + '&maat=' + maat, 
		onSuccess: function(html) {
            CartUpdatePage();
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
            alert('FAIL!');
		} 
	});
    req.send();
}

function DeleteCart() {
    var req = new Request.HTML({url:'/include/ajax/ajax.update.cart.php?a=deletecart&mtid=0&gsid=0', 
		onSuccess: function(html) {
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
            alert('FAIL!');
		} 
	});
    req.send();
}

function CartUpdatePage() {
    location.reload(true);
}


function OpenModalComments(mid) {
    var modal_bg = $('modal_bg');
    var modal_wrap = $('modal_win');
    var viewport = $(window).getSize();
    var win_height = $(window).getScrollHeight();
    var wrapsize = $('modal_win').getSize();
    var scrollTop = document.body.scrollTop;
    if (scrollTop == 0) {
        if (window.pageYOffset)
            scrollTop = window.pageYOffset;
        else
            scrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }

    
    var req = new Request.HTML({url:'/include/ajax/ajax.load.comments.php?mid=' + mid, 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('modal_win').set('text', '');
			//Inject the new DOM elements into the results div.
			$('modal_win').adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('modal_win').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
		}
	});
    req.send();
    modal_bg.setStyle('display', 'block');
    modal_bg.setStyle('visibility', 'visible');
    modal_bg.setOpacity(0.5);
    modal_bg.setStyle('height', win_height);
    modal_wrap.setOpacity(1.0);
    modal_wrap.setStyles({
            display: 'block',
            visibility: 'visible',
            width: 450,
            height: 275,
            position: 'absolute',
            left: (viewport.x/2)-225,
            top: scrollTop+160,
            background: '#000',
            'z-index': 1000
    });
}