// --------------------------------------------------------------------------------------------------------
// functions which is called at end of page loading

function initall() {

	curnav = getnavigator(); // without var in front makes it global
    replaceChecks();

}

// --------------------------------------------------------------------------------------------------------
// pop up cover check url

function coverpopup(obj) {

    var covername = obj.value;
    if (covername.length > 4) {
//        alert(covername);
//        covername = covername.substring(0, covername.length - 4);
//        alert(covername);
        var URL = 'http://shop.tsc-dvd.be/admin/covercheck/' + covername + '.tsc';
        window.open (URL, 'Covercheck', 'width=200, height=300');
    }

}

// --------------------------------------------------------------------------------------------------------
// set new img src

function setnewimgsrc(newsrc, id) {

    var obj = document.getElementById(id);
    obj.src = newsrc;

}

// --------------------------------------------------------------------------------------------------------
// get navigator

function getnavigator() {

	var agt=navigator.userAgent.toLowerCase();

	if (agt.indexOf("opera") != -1) return 'opera';
	if (agt.indexOf("firefox") != -1) return 'firefox';
	if (agt.indexOf("safari") != -1) return 'safari';
	if (agt.indexOf("msie") != -1) return 'msie';
	if (agt.indexOf("netscape") != -1) return 'netscape';

}

// --------------------------------------------------------------------------------------------------------
// toggle lost password element

function togglepasswordentry(tname) {

    var styledisplay = 'table-cell';
       if (curnav == 'msie') { styledisplay = 'block'; }

    toggleobj = document.getElementById(tname);

    if(toggleobj.style.display == 'none' || toggleobj.style.display == ''){
        toggleobj.style.display = styledisplay;
    }else{
        toggleobj.style.display = 'none';
    }

}

// --------------------------------------------------------------------------------------------------------
// toggle creditcard table elements

function togglecreditcardentries() {

    var styledisplay = 'table-cell';
       if (curnav == 'msie') { styledisplay = 'block'; }

    var tdobjects = document.getElementsByTagName('td');
    var currentoption = document.getElementById('register_payment').value;

    for (var i=0; i < tdobjects.length; i++) {
        var cid = tdobjects[i].id;
        if (cid.substring(0,9) == 'ccelement') {
            if (currentoption == 2 || currentoption == 3 || currentoption == 4) {
                tdobjects[i].style.display = styledisplay;
            } else {
                tdobjects[i].style.display = 'none';
            }
        }
    }
}


// --------------------------------------------------------------------------------------------------------
// toggle div display

function toggledisplay(toggle, button){

	toggleobj = document.getElementById(toggle);
	buttonobj = document.getElementById(button);

	if(toggleobj.style.display == 'none' || toggleobj.style.display == ''){
        toggleobj.style.display = 'block';
        buttonobj.src = 'http://shop.zoolook.be/viewimage/image/arrow_up/none.tsc';
	}else{
        toggleobj.style.display = 'none';
        buttonobj.src = 'http://shop.zoolook.be/viewimage/image/arrow_down/none.tsc';
	}
}

// --------------------------------------------------------------------------------------------------------
// AJAX stuff for adding basket item

function ajaxaction(ajaxactionurl, responseobjid) {

var xmlHttp;

try	{ xmlHttp=new XMLHttpRequest(); }
	catch (e) { try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
					catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }
									catch (e) { alert("Your browser does not support AJAX!"); return false; } }
	}

  xmlHttp.onreadystatechange=function() {
  	if(xmlHttp.readyState == 4) {
  		var response = xmlHttp.responseText;
  		if (response.substring(0,1) == "*") {
  			response = response.substring(1,response.length);
  			hideelements('orderinginfo');
		}
  		document.getElementById(responseobjid).innerHTML = response;
  	}
  }
  xmlHttp.open("GET",ajaxactionurl,true);
  xmlHttp.send(null);

}

// --------------------------------------------------------------------------------------------------------
// hide all elements with id 'id'

function hideelements(id) {

    elements = document.getElementsByTagName('div');

    for(var i=0; i < elements.length; i++) {
		if (elements[i].id == id+'box') {
            elements[i].style.display='none';
		}
	}

}

// --------------------------------------------------------------------------------------------------------
// script for replacing check and radio buttons

var inputs;
var imgFalse = '/viewimage/image/checkmarkoff/none.tsc';
var imgTrue = '/viewimage/image/checkmarkon/none.tsc';

function replaceChecks() {

    //get all the input fields on the page
    inputs = document.getElementsByTagName('input');

    //cycle trough the input fields
    for(var i=0; i < inputs.length; i++) {

        //check if the input is a checkbox
        if(inputs[i].getAttribute('type') == 'checkbox') {

            //create a new image
            var img = document.createElement('img');

            //check if the checkbox is checked
            if(inputs[i].checked) {
                img.src = imgTrue;
            } else {
                img.src = imgFalse;
            }

            img.style.verticalAlign = 'middle';
            //set image ID and onclick action
            img.id = 'checkImage'+i;
            //set image
            img.onclick = new Function('checkChange('+i+')');
            //place image in front of the checkbox
            inputs[i].parentNode.insertBefore(img, inputs[i]);

            //hide the checkbox
            inputs[i].style.display='none';
        }
    }
}

//change the checkbox status and the replacement image
function checkChange(i) {

    if(inputs[i].checked) {
        inputs[i].checked = '';
        document.getElementById('checkImage'+i).src=imgFalse;
    } else {
        inputs[i].checked = 'checked';
        document.getElementById('checkImage'+i).src=imgTrue;
    }
}

// --------------------------------------------------------------------------------------------------------

window.onload = initall;