var imgArray = new Array("drugs_medium","research_medium","health_medium");
var imgObjArray = new Array(3);
var len = imgArray.length
var imgDir = "images/";
var num = 0;
var final_top = 230;

var max_image_height = 141;
var max_image_width = 167;
var min_image_height = 91;
var min_image_width = 117;
var image_change_step = 1;

var image_left_values = new Array(2,2,2);
var orig_left_values = new Array(147,140,133);

// *** BROWSER VERSION ***
var agt=navigator.userAgent.toLowerCase();
// Note: On IE5, these return 4, so use is_ie5up to detect IE5.
var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (agt.indexOf('webtv')==-1));
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_gecko = (agt.indexOf('gecko') != -1);
var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_ie3    = (is_ie && (is_major < 4));
var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
var is_ie4up  = (is_ie && (is_major >= 4));
var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5 && !is_ie6);
var is_safari = ((agt.indexOf('safari')!=-1)&&(agt.indexOf('mac')!=-1))?true:false

function isfirefoxornavigator(){
    return is_nav6;
}
function issafari(){
    return is_safari;
}
function isie6(){
    return is_ie6;//is_ie5up && !is_ie6up;
}
// *** BROWSER VERSION ***

var counter = 0;
var callback_method = '';

function first_load_images() {
	counter = 0;
	for (i = 0; i < len; i++) {
		imgObjArray[i] = document.getElementById(imgArray[i]);
	}
	start_loading();
}

function start_loading() {
	counter = 0;
	opacity(imgArray[num],0,100,1500);
	num = num + 1;
	if (num < len) {
		setTimeout("first_load_images()", 300);
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i-=image_change_step) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i+=image_change_step){
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
	        }
	}
}

function opacityWithCallBack(id, opacStart, opacEnd, millisec, callback_func) {
        var speed = Math.round(millisec / 100);
        var timer = 0;
        if(opacStart > opacEnd) {
                for(i = opacStart; i >= opacEnd; i-=image_change_step) {
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
		setTimeout(callback_func+'()',(timer*speed));
        } else if(opacStart < opacEnd) {
                for(i = opacStart; i <= opacEnd; i+=image_change_step){
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
		setTimeout(callback_func+'()',(timer*speed));
        }
}


function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
} 

function descreaseImage(theimage) {
	if( theimage.height > min_image_height ){
		theimage.height -= image_change_step;
		if(theimage.width > 0 )
			theimage.width -= image_change_step;
	}
}

function increaseImage(theimage) {
	if( theimage.height < max_image_height ){
		theimage.height += image_change_step;
		theimage.width += image_change_step;
	}
}

function translate_image_left( index ){
	var lfS = imgObjArray[index].style.left;
	var lfI = lfS.substring(0,lfS.length-2); 
	if( lfI  > image_left_values[ index ] ) {
		imgObjArray[index].style.left = ( lfI - image_change_step ) + "px";
		descreaseImage(  imgObjArray[index] );
		var k = 90;
		if( is_ie6up ) k -= (141 - imgObjArray[index].height)/2;
		imgObjArray[index].style.top = k + (5 * (141 - imgObjArray[index].height) / 45) + 'px';
		setTimeout( 'translate_image_left(' + index + ')', 1 );
	}else{
		var elem = document.getElementById('big_image_table');
		var listener = addEventListener(elem, "click", function(event) {
    			var mpos = getMouse(event);
			var ps3 = findPos(document.getElementById('health_medium'));
			var img_indx = -1;
			if( mpos[0] > ps3[0] && mpos[0] < ps3[0]+document.getElementById('health_medium').width )
				img_indx=2;
			else if( mpos[0] < ps3[0] && mpos[0] > ps3[0]-document.getElementById('research_medium').width )
				img_indx=1;
			else if( mpos[0] < ps3[0] && mpos[0] > ps3[0]-document.getElementById('drugs_medium').width -ps3[0]-document.getElementById('research_medium').width)
				img_indx=0;
			if( img_indx != -1 ){
				small_icon_click(img_indx);
			}
		});
		downCounter();
	}
}

function small_icon_click( index ){
	if(counter>0)return;
	counter++;
	var j = 0;
	for(j=0;j<len;j++){
		opacity(imgArray[j],100,0,200);
	}
	setTimeout('small_icon_click_fade_back('+index+')',150);
	change_big_image_background( index );
}

var top_start = 86;
function small_icon_click_fade_back(index){
	for(i=0;i<len;i++){
		if( imgObjArray[i].width==0 ){
			imgObjArray[i].width=min_image_width;
			imgObjArray[i].height=min_image_height;
		}
		imgObjArray[i].style.top = top_start + (5 * (141 - imgObjArray[i].height) / 45) + 'px';
	}
	imgObjArray[index].width=0;
        for(j=0;j<len;j++){
                opacity(imgArray[j],0,100,1600);
        }
	counter--;
}


function translate_image_right( index ){
	var lfS = imgObjArray[index].style.left;
	var lfI = parseInt(lfS.substring(0,lfS.length-2));
	if( lfI < orig_left_values[index] ){
		imgObjArray[index].style.left = ( lfI + image_change_step ) + "px";
		increaseImage( imgObjArray[index] );
		imgObjArray[index].style.top = top_start + (5 * (141 - imgObjArray[index].height) / 45) + 'px';
		setTimeout( 'translate_image_right(' + index + ')', 1 );
	}else{
		downCounter();
	}
}

var big_image_names = new Array("main_repositioning_big_nt.png","main_pharma_big_nt.png","main_solutions_big_nt.png");
var image_more_link = new Array('content.php?categ=10&pid=59','content.php?categ=11&pid=71','content.php?categ=1&pid=40');
function display_big_image( image_num ){
	change_big_image_background( image_num );
	document.getElementById('big_image_table').style.zIndex = 12;
	document.getElementById('big_image_more').href = image_more_link[ image_num ];
	var bigImgDivObj = document.getElementById('big_image_div');
	changeOpac(100,'big_image_div');
	//setTimeout("opacity('bImgConDiv',0,100,800)",1);
}
function change_big_image_background( image_num ){
	changeOpac(0,'bImgConDiv');
	document.getElementById('big_image_more').href = image_more_link[ image_num ];
	document.getElementById('bImgConDiv').style.background = 'url(images/'+ big_image_names[image_num] + ')';
	setTimeout("opacity('bImgConDiv',0,100,4000)",1)
}

function remove_big_image( instep ){
	if( counter > 0 )return;
	image_change_step = instep;
	counter=len;
	document.getElementById('big_image_table').style.zIndex = 9;	
	document.getElementById('big_image_div').style.border = '0px none';

	if( isie6() ){
		setTimeout("opacity('bImgConDiv',100,0,1000)",10);
		setTimeout("doHideAllLayersAnimation( )",500);
                for (i = 0; i < imgArray.length; i++)
                        setTimeout("opacity('" +  imgArray[i] +"',0,100,1500)", 1800+5*i);
		counter = 0;
                return;
	}

	setTimeout("opacity('bImgConDiv',100,0,1500)",200);
	for(i=0;i<len;i++){
		imgObjArray[i].width=min_image_width;
		changeOpac(100,imgArray[i]);
                //imgObjArray[i].style.width=min_image_width;		
		imgObjArray[i].height=min_image_height;
		translate_image_right( i );
	}
}

function downCounter(){
	if(--counter<0){
		alert('bad counter value');
	}else if(counter == 0){
		//toggleElementsState(false);
		if( callback_method != '' ){
			//setTimeout(callback_method+'('+
		}
	}
}

var layer_index_array = new Array(5,6,7);
var active_animation_layer = -1;
function dynaShow( image_num, instep ){
	if( counter > 0 )return;
	image_change_step = instep;

        if( isie6() ){
                for (i = 0; i < imgArray.length; i++)
                        setTimeout("opacity('" +  imgArray[i] +"',100,0,1500)", 1);
		
		setTimeout("display_big_image(" + image_num + ")", 1000 );
		active_animation_layer = layer_index_array[ image_num ];
		setTimeout("doShowLayerAnimation()",2500);
		return;
        }

	imgObjArray[ image_num ].width = 0;
	counter = len;
	setTimeout("display_big_image(" + image_num + ")", 5 );
	for (i = 0; i < len; i++)
		setTimeout("translate_image_left(" +  i +")", 1);
}

// IE animation methods
var IEAnimCounter = 0;
function downAnimCounter(){
	IEAnimCounter--;
}
function doShowLayerAnimation(){
	if( IEAnimCounter > 0 )return;
	var layer_number = active_animation_layer;
	document.getElementById('layer'+layer_number).style.zIndex = 11;
	opacityWithCallBack('imgl'+layer_number+'1',0,100,1500,'downAnimCounter');
	IEAnimCounter++;
	opacityWithCallBack('imgl'+layer_number+'2',0,100,1500,'downAnimCounter');
	IEAnimCounter++;
	

	var elem = document.getElementById('big_image_table');
        var listener = addEventListener(elem, "click", function(event) {
        	var mpos = getMouse(event);
                var ps3 = findPos(document.getElementById('imgl'+active_animation_layer+'2'));
                var img_indx = -1;
                if( mpos[0] > ps3[0] && mpos[0] < ps3[0]+document.getElementById('imgl'+active_animation_layer+'2').width ) img_indx=2;
                else if( mpos[0] < ps3[0] && mpos[0] > ps3[0]-document.getElementById('imgl'+active_animation_layer+'1').width ) img_indx=1;
                if( img_indx != -1 ){
                	doSmallIconClickIE(img_indx);
                }
	});

}
function doSmallIconClickIE( index ){
	var out_layer;
	if(active_animation_layer==5){
		if( index == 1 ) out_layer = 6;
		else out_layer = 7;
	}else if(active_animation_layer==6){
		if( index == 1 ) out_layer = 5;
		else out_layer = 7;
	}else if(active_animation_layer==7){
		if( index == 1 ) out_layer = 5;
		else out_layer = 6;
	}
	doChangeLayerAnimation(active_animation_layer,out_layer);
}
function doChangeLayerAnimation(in_layer,out_layer){
	if( IEAnimCounter > 0 )return;
	document.getElementById('layer'+in_layer).style.zIndex = in_layer;
	changeOpac(0,'imgl'+in_layer+'1');
	changeOpac(0,'imgl'+in_layer+'2');
	active_animation_layer = out_layer;
	doShowLayerAnimation();
	change_big_image_background(active_animation_layer-5);
}
function doHideLayerAnimation( layer_number ){
	if( IEAnimCounter > 0 )return;
        document.getElementById('layer'+layer_number).style.zIndex = layer_number;
        opacity('imgl'+layer_number+'1',100,0,1500);
        opacity('imgl'+layer_number+'2',100,0,1500);
}
function doHideAllLayersAnimation(){
	doHideLayerAnimation(5);doHideLayerAnimation(6);doHideLayerAnimation(7);
}
// IE animation methods

function reduce_width_to_zero( image_num ){
	imgObjArray[ image_num ].width -= 1;
	if( imgObjArray[ image_num ].width != 0 )
		setTimeout("reduce_width_to_zero(" + image_num  +")", 1 );
}


function getImageIndex( event ){
	alert(event);
}

function addEventListener(instance, eventName, listener) {
    var listenerFn = listener;
    if (instance.addEventListener) {
        instance.addEventListener(eventName, listenerFn, false);
    } else if (instance.attachEvent) {
        listenerFn = function() {
            listener(window.event);
        }
        instance.attachEvent("on" + eventName, listenerFn);
    } else {
        throw new Error("Event registration not supported");
    }
    return {
        instance: instance,
        name: eventName,
        listener: listenerFn
    };
}

function removeEventListener(event) {
    var instance = event.instance;
    if (instance.removeEventListener) {
        instance.removeEventListener(event.name, event.listener, false);
    } else if (instance.detachEvent) {
        instance.detachEvent("on" + event.name, event.listener);
    }
}

function getMouse(e){
	posx=0;posy=0;
	var e=(!e)?window.event:e;//IE:Moz
	if (e.pageX){//Moz
		posx=e.pageX+window.pageXOffset;
		posy=e.pageY+window.pageYOffset;
	}
	else if(e.clientX){//IE
		if(document.documentElement){//IE 6+ strict mode
			posx=e.clientX+document.documentElement.scrollLeft;
			posy=e.clientY+document.documentElement.scrollTop;
		}
		else if(document.body){//Other IE
			posx=e.clientX+document.body.scrollLeft;
			posy=e.clientY+document.body.scrollTop;
		}
	}
	else{	posx=-1;posy=-1;	}//old browsers
	return [posx,posy];
}

function findPos(obj){
	var posX = obj.offsetLeft;var posY = obj.offsetTop;
	while(obj.offsetParent){
		posX=posX+obj.offsetParent.offsetLeft;
		posY=posY+obj.offsetParent.offsetTop;
		if(obj==document.getElementsByTagName('body')[0]){	break	}
		else{	obj=obj.offsetParent;	}
	}
	return [posX,posY]
}

function toggleElementsState(state){
    var pElems = document.getElementsByTagName("*");
    for(var i=0; i<pElems.length; i++)
    {
       try
       {
          if(pElems[i].type + "" == 'hidden' ||  pElems[i].style.display=="none")
 
          continue;
 
          pElems[i].disabled = state;

        }

       catch(e)
       {}
    }
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}