function getMobileOption(get) {
    
    switch (get) {
        case 'maker':
            var result = 'mobile_maker_id';
            var c_id   = $F('mobile_carrier_id');
            var request = "get=" + get + "&c_id=" + c_id;
            if (c_id == '') {
                $('mobile_maker_id').innerHTML = '<option>携帯事業者を選択してください</option>';
                $('mobile_type_id').innerHTML  = '<option>メーカーを選択してください</option>';
                exit;
            }
            break;
            
        case 'type':
            var result = 'mobile_type_id';
            var c_id   = $F('mobile_carrier_id');
            var m_id   = $F('mobile_maker_id');
            var request = "get=" + get + "&c_id=" + c_id + "&m_id=" + m_id;
            break;
    }
    var msec    = (new Date()).getTime();
    
    new Ajax.Updater( {
        success:result
    },
    "ajax_mobile_opt.php?" + request, {
        method: "get",
        parameters: "cache=" + msec,
        onComplete: function(request) {
            if (get == 'maker') {
                getMobileOption('type');
            }
        },
        onFailure:function(httpObj) {
            $(result).innerHTML = "ERROR";
        }
    }
    );
}

function initRollovers() {
    if (!document.getElementById) return
    var aPreLoad = new Array();

    var sTempSrc;
    var aImages = document.getElementsByTagName('img');
	
    for (var i = 0; i < aImages.length; i++) {
        if (aImages[i].className == 'imgover') {
			
            var src = aImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc = src.replace(ftype, '_o'+ftype);
			
            aImages[i].setAttribute('hsrc', hsrc);
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }
			
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
        }
    }
}

function initRollovers2() {
    if (!document.getElementById) return
    var aPreLoad  = new Array();
    var aPreLoad2 = new Array();
	
    var sTempSrc;
    var aImages = document.getElementsByTagName('img');
	
	
    for (var i = 0; i < aImages.length; i++) {
        if (aImages[i].className == 'imgover2') {
			
            var src = aImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc   = src.replace(ftype, '_o'+ftype);
            var hsrc_p = src.replace(ftype, '_p'+ftype);
			
            aImages[i].setAttribute('hsrc',   hsrc);
            aImages[i].setAttribute('hsrc_p', hsrc_p);
			
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
			
            aPreLoad2[i] = new Image();
            aPreLoad2[i].src = hsrc_p;
			
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }
			
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
			
            aImages[i].onmousedown = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc_p'));
            }
			
            aImages[i].onmouseup = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_p'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
        }
    }
}

function initOvers() {
    initRollovers();
    initRollovers2();
}

window.onload = initOvers;