// JavaScript to pop a new window
function popup(thisUrl,thisWindow,thisWidth,thisHeight,thisTop,thisLeft,scrollbar) {
	if(scrollbar==null) {
        	optionString = ('width=' + thisWidth + ',height=' + thisHeight + ',top=' + thisTop + ',left=' + thisLeft + ',status=no,menubar=no,resizable=no,scrollbars=no');
	} else {
		optionString = ('width=' + thisWidth + ',height=' + thisHeight + ',top=' + thisTop + ',left=' + thisLeft + ',status=no,menubar=no,resizable=no,scrollbars='+scrollbar);
	}
        mainWin = window.open(thisUrl,thisWindow,optionString);
}

function zoneOn1(id){
    document.getElementById('bullet-on-'+id).style.display = "inline";
    document.getElementById('bullet-off-'+id).style.display = "none";
}
function zoneOff1(id){
    document.getElementById('bullet-on-'+id).style.display = "none";
    document.getElementById('bullet-off-'+id).style.display = "inline";
}


function zoneOn3(id){
    var a = document.getElementById(id+'a')
    //a.style.textDecoration = 'underline';

    var img= document.getElementById(id+'img');
    img.width =  65;
    changecss('.thumbnail', 'width', '75px');
    changecss('.thumbnail', 'padding-left', '0px');

    var td1 = document.getElementById(id+'td1');
    if(navigator.appVersion.indexOf('MSIE 5')==-1){
        td1.style.cursor = "pointer";
    }
    var td2 = document.getElementById(id+'td2');
    if(navigator.appVersion.indexOf('MSIE 5')==-1){
        td2.style.cursor = "pointer";
    }

    var href = a.getAttribute('href');
    window.status = href;
}

function zoneOff3(id){
    var a = document.getElementById(id+'a')
    //a.style.textDecoration = 'none';

    var img = document.getElementById(id+'img');
    img.width =  40;
    changecss('.thumbnail', 'width', '75px');
    changecss('.thumbnail', 'padding-left', '5px');

    var td1 = document.getElementById(id+'td1');
    if(navigator.appVersion.indexOf('MSIE 5')==-1){
        td1.style.cursor = "default";
    }
    var td2 = document.getElementById(id+'td2');
    if(navigator.appVersion.indexOf('MSIE 5')==-1){
        td2.style.cursor = "default";
    }

    window.status = '';
}

function changecss(theClass,element,value) {
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 }
	 else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    document.styleSheets[S][cssRules][R].style[element] = value;
	   }
	  }
	 }
	}