var pre_callout_img = document.getElementById('pre_callout_image')
var ryo_callout_img = document.getElementById('ryo_callout_image')
//var vmw_callout_img = document.getElementById('vmw_callout_image')

addListener(pre_callout_img, 'mouseover', function() {displayCallout('pre')})
addListener(ryo_callout_img, 'mouseover', function() {displayCallout('ryo')})
//addListener(vmw_callout_img, 'mouseover', function() {displayCallout('vmw')})

addListener(pre_callout_img, 'mouseout', function() {resetOpacity('pre')})
addListener(ryo_callout_img, 'mouseout', function() {resetOpacity('ryo')})
//addListener(vmw_callout_img, 'mouseout', function() {resetOpacity('vmw')})

addListener(pre_callout_img, 'click', function() {window.location='/products/getstarted.php?section=PRE Contact Reseller'})
addListener(ryo_callout_img, 'click', function() {window.location='/products/getstarted.php?section=RYO CentOS Download Software'})
//addListener(vmw_callout_img, 'click', function() {window.location='/products/getstarted.php?section=VMW Download Software'})

function displayCallout(cout) {
    var pre_callout = document.getElementById('pre_callout')
    var ryo_callout = document.getElementById('ryo_callout')
//    var vmw_callout = document.getElementById('vmw_callout')
    var pre_details = document.getElementById('pre_details')
    var ryo_details = document.getElementById('ryo_details')
//    var vmw_details = document.getElementById('vmw_details')

    if (cout == 'pre') {
    	pre_callout_img.style.opacity = '0.75';
    	pre_callout_img.style.filter = 'alpha(opacity:75)'

        pre_callout.style.display = ''
        pre_details.style.display = ''
        ryo_callout.style.display = 'none'
        ryo_details.style.display = 'none'
//        vmw_callout.style.display = 'none'
//        vmw_details.style.display = 'none'
    } else if (cout == 'ryo') {
    	ryo_callout_img.style.opacity = '0.75';
    	ryo_callout_img.style.filter = 'alpha(opacity:75)'

        pre_callout.style.display = 'none'
        pre_details.style.display = 'none'
        ryo_callout.style.display = ''
        ryo_details.style.display = ''
//        vmw_callout.style.display = 'none'
//        vmw_details.style.display = 'none'
//    } else {
//    	vmw_callout_img.style.opacity = '0.75';
//    	vmw_callout_img.style.filter = 'alpha(opacity:75)'
//
//        pre_callout.style.display = 'none'
//        pre_details.style.display = 'none'
//        ryo_callout.style.display = 'none'
//        ryo_details.style.display = 'none'
//        vmw_callout.style.display = ''
//        vmw_details.style.display = ''
    }
}

function resetOpacity(cout) {
	eval('var callout = document.getElementById(\''+cout+'_callout_image\')')
	callout.style.opacity = '1'
	callout.style.filter = 'alpha(opacity:100)'
}