/* Cross Browser Image Fader © 2007 John Davenport Scheuer
   This comment must remain for Legal Use  */

var faders=[];
// Preset each image's initial opacity (0 to 100):
// ex:  faders[x]=['image_id', initial_opacity];
faders[0]=['rand', 0];

////////////// Stop Editing //////////////

function fade(el, way, op, opinc, speed){
if(!fade.prprt&&!fade.ie)
return;
var id=typeof el=='string'? el : el.id, el=typeof el=='object'? el : document.getElementById(el);
clearTimeout(fade[id+'timer']);
var op_obj=fade.ie6? el.filters[0] : el.style,
waym=way=='in'? 1 : -1, speed=speed? speed*1 : 30, opinc=opinc&&opinc>=1? opinc*(fade.ie? 1 : .01) : opinc? opinc : fade.ie? 5 : .05,
op=op&&fade.ie? op*1 : op&&op*1>=1? Math.min(op*.01, .99) : op? op : waym>0&&fade.ie? 100 : waym>0? .99 : 0;
if(!fade.ie6&&!fade[id+'yet']){
if(fade.prprt)
op_obj[fade.prprt]=Math.min(fade.preset(id)*.01, .99);
else if(fade.ie)
op_obj.filter='alpha(opacity='+fade.preset(id)+')';
fade[id+'yet']=true;
}
if(fade.prprt&&Math.abs(op*1-op_obj[fade.prprt]*1)<opinc)
op_obj[fade.prprt]=op;
else if(fade.prprt)
op_obj[fade.prprt]=fade.ie6? op_obj[fade.prprt]*1 + opinc*waym : Math.min(op_obj[fade.prprt]*1 + opinc*waym, .99);
else if (fade.ie&&Math.abs(op*1 - op_obj.filter.replace(/\D/g,'')*1)<opinc)
op_obj.filter='alpha(opacity='+op+')';
else if (fade.ie)
op_obj.filter='alpha(opacity='+[op_obj.filter.replace(/\D/g,'')*1 + opinc*waym]+')';
else
return;
if(op_obj[fade.prprt]&&op_obj[fade.prprt]*waym<op*waym||!fade.ie6&&fade.ie&&op_obj.filter.replace(/\D/g,'')*waym<op*waym)
fade[id+'timer']=setTimeout(function(){fade(el, way, op, opinc, speed)}, speed);
}
if(document.documentElement&&document.documentElement.style){
fade.d=document.documentElement, fade.t=function(o){return typeof fade.d.style[o]=='string'}; if(fade.d.filters)
document.write('<span id="ie_test" style="filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);position:absolute;top:-1000px;">p<\/span>');
fade.ie=fade.d.filters&&ie_test.filters[0], fade.ie6=fade.ie&&typeof ie_test.filters[0].opacity=='number',
fade.prprt=fade.t('opacity')||fade.ie6? 'opacity' : fade.t('MozOpacity')? 'MozOpacity' : fade.t('KhtmlOpacity')? 'KhtmlOpacity' : null;
}
fade.set=function(){
var prop=fade.prprt=='opacity'? 'opacity' : fade.prprt=='MozOpacity'? '-moz-opacity' : '-khtml-opacity';
document.write('\n<style type="text/css">\n')
for (var i = 0; i < faders.length; i++)
document.write('#'+faders[i][0]+' {\n'+
(fade.ie? 'filter:progid:DXImageTransform.Microsoft.alpha(opacity='+faders[i][1]+')' : prop+':'+Math.min(faders[i][1]*.01, .99))+';\n}\n');
document.write('<\/style>\n')
}
fade.preset=function(id){
for (var i = 0; i < faders.length; i++)
if (id==faders[i][0])
return faders[i][1];
return 0;

}
if(fade.prprt||fade.ie)
fade.set();



//function random_imglink(){
var myimages=new Array()

//specify random images below. You can have as many as you wish
myimages[0]="images/banner/01.jpg"
myimages[1]="images/banner/02.jpg"
myimages[2]="images/banner/03.jpg"
myimages[3]="images/banner/04.jpg"
myimages[4]="images/banner/05.jpg"
myimages[5]="images/banner/07.jpg"
myimages[6]="images/banner/08.jpg"
myimages[7]="images/banner/09.jpg"
myimages[8]="images/banner/10.jpg"
myimages[9]="images/banner/11.jpg"
myimages[10]="images/banner/12.jpg"
myimages.sort(function() {return 0.5 - Math.random();});

//var _div = document.createElement("div");
//_div.setAttribute('id','rand');
//_div.innerHTML = "<h1>Hi there and hello</h1>";
//document.write "<p>Hi there and hello again</p>"
document.write('<div id=\"headerdiv\">');
document.write('<a href=\"javascript:openWindow(\''+myimages[0]+'\');\"><img align=\"left\" id="rand" onload="fade(this, \'in\', 100, 2, 30);" src="'+myimages[0]+'" border=0></a>');
document.write('<img align="right" id="bannertext" src="images/n_bannertext.jpg" border=0>')
document.write('</div>');
//var _imgl = document.createElement('img');
//var _imgr = document.createElement('img');


//_imgl.setAttribute('src', myimages[0]);
//_imgl.setAttribute('id','rand');
//_imgl.setAttribute('class','zero_border');
//_imgl.onload = function(){fade(_imgl.getAttribute('id'), 'in', 100, 2, 30);};
//_imgl.onclick = function(){openWindow(myimages[0].getAttribute('src'));};


function openWindow(img)
{
var wleft = (screen.width - 500) / 2;
var wtop = (screen.height - 450) / 2;

window.open('Banner_Image.aspx?img=' + img + '', "mywindow", "status=0, toolbar=0, menubar=0, resizable=0, width=500, height=450 left=" + wleft + ", top=" + wtop + "");
}