//  irithm  code - All rights reserved, copyright 2009 irithm LLC //////


var logo_start_left, logo_start_top, logo_width, link_banner_width, sec_banner_width;

var start_pause,  slide,      slide_count;
var second_pause, cycle,      cycle_count;
var fourth_pause,  up_slide,   up_slide_count;
var fifth_pause, fade_in, fade_in_count;
var sixth_pause, side_slide, side_slide_count;
var seventh_pause, lid_slide, lid_slide_scale, lid_slide_count;
var eigth_pause, lid_slide_count2;
var nineth_pause, tuck_away, tuck_away_count;
var tenth_pause, sec_slide, sec_slide_count;
var eleventh_pause, ebay_rated_bump, ebay_rated_bump_count;
var twelveth_pause, quadratic_squeeze, quadratic_squeeze_count;
var thirtenth_pause, sec_fade_in_count;
var fortenth_pause, rev_fade_in, third_fade_in_count;


function initialise_for_animation(){
    var ob;

    // Do a pre_load of 2 images in logo that open up the animation:
    // The principal reason for this is to make sure the opening images
    // are loaded prior to running the animation.
    var imgs = ['http://www.irithm.com/KKP.logo.small.jpg','http://www.irithm.com/irithm.by.logo.s.jpg'];
    for (var c = 0; c < imgs.length; c++) {
	var img = new Image();
	img.src = imgs[c];
    }
    //Place three images away from their final position and TO their initial position
    //at the very start of the animation.
    ob  = document.getElementById('logo_b');
    ob.style.top     = '200px';
    ob.style.left    = '250px';
    ob  = document.getElementById('logo_l');
    ob.style.zIndex  = -1;
    ob.style.top     = '202px';
    ob.style.left    = '254px';
    ob  = document.getElementById('logo_i');
    ob.style.zIndex  = -1;	
    ob.style.top     = '265px';
    ob.style.left    = '250px';

    //Many "divs" are intially set to be visible at thier final positions in the animation.
    //This is so that a browser without javascript enabled is shown the final state
    //of the web-page after the animation has been; i.e. without javascript the page
    // starts in it's final state.
    //
    //If we get this far the browser has javascript enabled, so that the animation can run.
    //We now re-set all the "divs" that should be invisible at the start of the animation
    //so they are invisible at the start.
    ob  = document.getElementById('catch_l');
    ob.style.color  = '#ffffff';
    ob  = document.getElementById('appl');
    ob.style.backgroundColor  = '#ffffff';
    ob.style.zIndex           = -10;
    
    ob  = document.getElementById('dell');
    ob.style.backgroundColor  = '#ffffff';
    ob  = document.getElementById('hpcq');
    ob.style.backgroundColor  = '#ffffff';
    ob  = document.getElementById('tosh');
    ob.style.backgroundColor  = '#ffffff';
    
    ob = document.getElementById('green_e');
    ob.style.visibility = 'hidden';
    
    ob  = document.getElementById('green_b');
    ob.style.width   = '0px';
    ob.style.height  = '0px';
    
    ob  = document.getElementById('why_buy');
    ob.style.top       = '160px';
    ob.style.left      = '95px';
    ob.style.fontSize  = '14px';

    ob  = document.getElementById('easy_repl');
    ob.style.top       = '180px';
    ob.style.left      = '95px';
    ob.style.fontSize  = '14px';
    
    ob = document.getElementById('green_s');
    ob.style.width      = '0px';
    
    ob = document.getElementById('green_se');
    ob.style.visibility = 'hidden';
    ob.style.left       = '338px';
    
    ob = document.getElementById('help_h');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('ebay_tr');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('ebay_trf');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('ebay_trfw');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('appl_gall');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('we_sell');
    ob.style.backgroundColor = '#ffffff';
    
    ob = document.getElementById('dell_gall');
    ob.style.visibility = 'hidden';
    
    ob = document.getElementById('hpcq_gall');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('tosh_gall');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('appl_2');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('dell_2');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('hpcq_2');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('tosh_2');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('boiler_plate1');
    ob.style.visibility = 'hidden';

    ob = document.getElementById('boiler_plate2');
    ob.style.visibility = 'hidden';

    ob  = document.getElementById('help_guide');
    ob.style.backgroundColor = '#ffffff';

    ob  = document.getElementById('boss');
    ob.style.visibility = 'hidden';

    // Assign some global SPATIAL variables their values
    // (These variables (partially) set where spatial 
    // arrangement of the various "divs".)
    logo_start_left   = 250;
    logo_start_top    = 0.8*logo_start_left;
    logo_width        = 230;
    link_banner_width = 455;
    sec_banner_width  = 338;

    //Assign global TIME variable their values
    //(These variables define the various time begin & end points
    //for the various subsections of the animation.)
    start_pause      = 60;
    slide            = 16;
    slide_count      = slide + start_pause;

    second_pause     = 15 + slide_count;
    cycle            = 12;
    cycle_count      = cycle + second_pause;

    third_pause         = 4 + cycle_count;
    down_tentacle       = 4;
    down_tentacle_count = down_tentacle + third_pause;

    fourth_pause     = 4 + down_tentacle_count;
    up_slide         = 4;
    up_slide_count   = up_slide + fourth_pause;

    fifth_pause      = 2 + up_slide_count;
    fade_in          = 20;
    fade_in_count    = fade_in + fifth_pause;

    sixth_pause      = 2 + fade_in_count;
    side_slide       = 12;
    side_slide_count = side_slide + sixth_pause;

    seventh_pause    = 18 + side_slide_count;
    lid_slide        = 40;
    lid_slide_scale  = parseInt( 600/lid_slide );
    lid_slide_count  = lid_slide + seventh_pause;

    eigth_pause      = 4 + lid_slide_count;
    lid_slide_count2 = lid_slide + eigth_pause;

    nineth_pause     = 90 + lid_slide_count2;
    tuck_away        = 7;
    tuck_away_count  = tuck_away + nineth_pause;
    
    tenth_pause      = 8 + tuck_away_count;
    sec_slide        = 12;
    sec_slide_count  = sec_slide + tenth_pause;
    
    eleventh_pause        = 4 + sec_slide_count;
    ebay_rated_bump       = 1;
    ebay_rated_bump_count = ebay_rated_bump + eleventh_pause;
    
    twelveth_pause      = 6 + ebay_rated_bump_count;
    quadratic_squeeze   = 12;
    quadratic_squeeze2  = quadratic_squeeze + 6;
    quadratic_squeeze_count = quadratic_squeeze2 + twelveth_pause;

    thirtenth_pause     =  -4 + quadratic_squeeze_count;
    sec_fade_in_count   = 1 + thirtenth_pause;

    fortenth_pause      = 2 + quadratic_squeeze_count;
    rev_fade_in         = 16;
    third_fade_in_count = rev_fade_in + fortenth_pause;

    fiftenth_pause      = 10 + fortenth_pause;
    forth_fade_in_count = rev_fade_in + fiftenth_pause;
}//end of initialise_for_animation



function ani(count){

    if( count == 0 ){ initialise_for_animation();}


    if( count < fade_in_count + 1){

	if( count < slide_count + 1){ 
	    if( count > start_pause - 1){ bring_together_logo_block(count-start_pause);} 
	}
	else if( count < cycle_count + 1){
	    if( count > second_pause ){move_logo(count - second_pause);}
	}
	else if( count < down_tentacle_count + 1){ 
	    if( count > third_pause ){ send_down_tentacle(count - third_pause);}
	}
	else  if( count < up_slide_count + 1){ 
	    if( count > fourth_pause ){ bring_together_green_e(count - fourth_pause); }
	}
	else { 
	    if( count > fifth_pause){do_fade_in('catch_l',count - fifth_pause);}
	}
    }
    else if( count < lid_slide_count + 1 ){
    
	if( count < side_slide_count + 1){ 
	    if( count > sixth_pause ){green_side_slide(count - sixth_pause);} 
	}

	if( count > sixth_pause + 3 && count < side_slide_count + 12 + 1){ 
	    if( count == sixth_pause + 4 ){
		var ob  = document.getElementById('appl');
		ob.style.zIndex  = 0;
	    }
		
	    var t = count - sixth_pause - 3;
	    if( t < 5 ){ raise_link('appl',t);}
	    if( t == 3 ){    flash_link('appl_a');}
	    if( t == 12 ){ un_flash_link('appl_a');}
	    if( t > 3){
		t -= 3;
		if( t < 5 ){ raise_link('dell',t);}
		if( t == 3 ){    flash_link('dell_a');}
		if( t == 12 ){ un_flash_link('dell_a');}
		if( t > 3){
		    t -= 3;
		    if( t < 5 ){ raise_link('hpcq',t);}
		    if( t == 3 ){    flash_link('hpcq_a');}
		    if( t == 12 ){ un_flash_link('hpcq_a');}
		    if( t > 3){
			t -= 3;
			if( t < 5 ){ raise_link('tosh',t); }
			if( t == 3 ){    flash_link('tosh_a');}
			if( t == 12 ){ un_flash_link('tosh_a');}
		    }
		}
	    }
	}

	//		if( count > seventh_pause && count < lid_slide_count + 1){ 
	if( count > seventh_pause){ 
	    do_lid_slide('why_buy_l',count - seventh_pause);
	}
    }
    else{
	// if( count > lid_slide_count && count < third_fade_in_count + 1)
	if( count < lid_slide_count2 + 1){ 
	    if( count > eigth_pause ){ do_lid_slide('easy_repl_l',count - eigth_pause); }
	}
	else if( count < tuck_away_count + 1){ 
	    if( count > nineth_pause ){ do_tuck_away(count - nineth_pause);}
	}
	else if( count < sec_slide_count + 1){ 
	    if( count > tenth_pause ){ do_sec_slide(count - tenth_pause);} 
	}
	else if( count < ebay_rated_bump_count + 1){ 
	    if( count > eleventh_pause ){do_ebay_rated_bump();} 
	}
	else if( count < quadratic_squeeze_count + 1){ 
	    if( count > twelveth_pause + 1 ){ do_quadratic_squeeze(count - twelveth_pause); }
	    if(  count > thirtenth_pause && count < sec_fade_in_count + 1 ){ 
		do_multi_link_fade_in(count - thirtenth_pause);
	    }
	}
	else{ 
	    if( count > fortenth_pause && count < third_fade_in_count + 1){ 
		do_reverse_fade_in('help_guide',count - fortenth_pause); 
	    }
	    if( count > fiftenth_pause && count < forth_fade_in_count + 1){ 
		do_reverse_fade_in('we_sell',count - fiftenth_pause); 
	    }
	    if( count == fortenth_pause ){ 
		var ob  = document.getElementById('boss');
		ob.style.visibility = 'visible';
	    }

	}
    }


    if( count < forth_fade_in_count + 1){ count++; setTimeout("ani("+count+");",30); }
    else{do_image_pre_load2();}

}//end of ani





function do_image_pre_load2(){
    var imgs = ['http://www.irithm.com/order.jpg','http://www.irithm.com/help.a.hand.s.jpg','http://www.irithm.com/help.a.hand.s.gif'];
  for (var c = 0; c < imgs.length; c++) {
    var img = new Image();
    img.src = imgs[c];
  }
}//End of do_image_pre_load2



function do_reverse_fade_in(string,t){
    var ob  = document.getElementById(string);
    var red   = parseInt( 112 + (255-112)*(rev_fade_in-t)/rev_fade_in );
    var green = parseInt( 120 + (255-120)*(rev_fade_in-t)/rev_fade_in );
    var blue  = parseInt( 128 + (255-128)*(rev_fade_in-t)/rev_fade_in );
    ob.style.backgroundColor = 'rgb('+red+','+green+','+blue+')';
}//end of do_reverse_fade_in



function do_multi_link_fade_in(t){
    var ob;
    if( t == 1 ){
	//With update, the only value for t should be 1.
	ob = document.getElementById('appl_2');
	ob.style.visibility = 'visible';
	ob = document.getElementById('dell_2');
	ob.style.visibility = 'visible';
	ob = document.getElementById('hpcq_2');
	ob.style.visibility = 'visible';
	ob = document.getElementById('tosh_2');
	ob.style.visibility = 'visible';
    }
    //    do_fade_in('appl_2',t); 
    //    do_fade_in('dell_2',t); 
    //    do_fade_in('hpcq_2',t); 
    //    do_fade_in('tosh_2',t); 
}//do_multi_link_fade_in



function do_quadratic_squeeze(t){
    var ob1 = document.getElementById('dell_gall');
    var ob2 = document.getElementById('hpcq_gall');
    var d,dis;

    if( t < quadratic_squeeze + 1 ){
	if( t == 2 ){
	    ob1.style.visibility = 'visible';
	    ob2.style.visibility = 'visible';
	}
	d   = 17*(t - quadratic_squeeze - 3)/quadratic_squeeze;
	dis = parseInt( d*d );
	ob1.style.left = 293-dis+'px';
	ob2.style.left = 337+dis+'px';
    }
    else{
	d   = t - quadratic_squeeze2;
	dis = parseInt( 0.5*d*d );
	ob1.style.left = 245+dis+'px';
	ob2.style.left = 385-dis+'px';
    }

    ob1 = document.getElementById('appl_gall');
    ob2 = document.getElementById('tosh_gall');
    if( t > 3 && t < quadratic_squeeze + 2 ){
	if( t == 4 ){
	    ob1.style.visibility = 'visible';
	    ob2.style.visibility = 'visible';
	}
	d   = 17*(t - quadratic_squeeze - 3)/quadratic_squeeze;
	dis = parseInt( d*d );
	ob1.style.left = 153-dis+'px';
	ob2.style.left = 477+dis+'px';
    }
    else{
	d   = t - quadratic_squeeze2;
	dis = parseInt( d*d );
	ob1.style.left = 105+dis+'px';
	ob2.style.left = 525-dis+'px';
    }
}//end of do_quadratic_squeeze




function do_ebay_rated_bump(t){
    var ob  = document.getElementById('ebay_tr');
    ob.style.visibility = 'visible';
    ob  = document.getElementById('ebay_trf');
    ob.style.visibility = 'visible';
    ob  = document.getElementById('ebay_trfw');
    ob.style.visibility = 'visible';
    ob  = document.getElementById('boiler_plate1');
    ob.style.visibility = 'visible';
    ob  = document.getElementById('boiler_plate2');
    ob.style.visibility = 'visible';
}//end of do_ebay_rated_bump


function do_sec_slide(t){
    var ob  = document.getElementById('green_se');
    var dis = parseInt( sec_banner_width*t/sec_slide );
    ob.style.left       = dis+'px';
    if( t == 1 ){
	ob.style.visibility = 'visible';
	ob  = document.getElementById('help_h');
	ob.style.visibility = 'visible';
    }
    ob  = document.getElementById('green_s');
    ob.style.width = dis+'px';
}//end of do_sec_slide


function do_tuck_away(t){
    var ob;
    if( t == 1 ){
	ob = document.getElementById('why_buy');
	ob.style.fontSize = '12px';
	ob.style.left     = '175px';
	ob = document.getElementById('easy_repl');
	ob.style.fontSize = '12px';
	ob.style.left     = '175px';
	ob.style.top      = '175px';
    }
    else{
	ob = document.getElementById('why_buy');
	ob.style.left     = 165+10*t+'px';
	ob.style.top      = 177-10*t+'px';
	ob = document.getElementById('easy_repl');
	ob.style.left     = 165+10*t+'px';
	ob.style.top      = 192-10*t+'px';
    }
}//end of do_tuck_away

function do_lid_slide(string,t){
    var ob = document.getElementById(string);
    ob.style.left  =  95+lid_slide_scale*t+'px';
    ob.style.width = 600-lid_slide_scale*t+'px';
}//end of do_lid_slide

function re_flash_link(string){
    var ob = document.getElementById(string);
    ob.style.backgroundColor = '#ffffff';
    ob.style.color = '#30b040';
}//end of re_flash_link

function un_flash_link(string){
    var ob = document.getElementById(string);
    ob.style.backgroundColor = '#30b040';
    ob.style.color = '#ffffff';
}//end of un_flash_link


function flash_link(string){
    var ob  = document.getElementById(string);
    ob.style.color = '#30b040';
}//end of flash_link

function raise_link(string,t){
    var ob  = document.getElementById(string);
    ob.style.top = 90 - 9*t+'px';
}//end of raise_link


function do_fade_in(string,t){
    var ob  = document.getElementById(string);
    var red   = parseInt( 16 + (255-16)*(fade_in-t)/fade_in );
    var green = parseInt( 48 + (255-48)*(fade_in-t)/fade_in );
    var blue  = parseInt( 64 + (255-64)*(fade_in-t)/fade_in );
    ob.style.color = 'rgb('+red+','+green+','+blue+')';
}//end of do_fade_in


function green_side_slide(t){
    var ob  = document.getElementById('green_e');
    var dis = parseInt( link_banner_width*t/side_slide );
    ob.style.left = logo_width+dis+'px';
    ob  = document.getElementById('green_b');
    ob.style.width = dis+'px';
}//end of green_side_slide


function send_down_tentacle(t){
    var ob  = document.getElementById('green_b');
    var dis = parseInt( logo_start_top*t/down_tentacle );


    ob.style.height = 90+dis+'px';
    ob.style.width  = '2px';


    if( t == down_tentacle ){
	ob  = document.getElementById('green_e');
	ob.style.visibility = 'visible';
	ob.style.left       = logo_width+'px';
	ob.style.top        = logo_start_top+'px';
	ob.style.zIndex     = 0;
    }
}//end of send_down_tentacle



function bring_together_green_e(t){
    var ob  = document.getElementById('green_e');;
    var dis = parseInt(  (logo_start_top)*(up_slide-t)/up_slide);

    ob.style.left  = logo_width+'px';
    ob.style.top   = dis+'px';

    ob = document.getElementById('green_b');
    ob.style.height = 90+dis+'px';

}//end of bring_together_green_e





function bring_together_logo_block(t){
    var ob;

    ob = document.getElementById('logo_l');
    ob.style.left = parseInt(logo_start_left+4-(logo_start_left+100)*(slide-t)/slide)+'px';
    ob.style.zIndex = 1;

    ob = document.getElementById('logo_i');
    ob.style.left = parseInt(logo_start_left+0+(logo_start_left+100)*(slide-t)/slide)+'px';
    ob.style.zIndex = 1;

}//end of bring_together_logo_block





function move_logo(c){
    var rad   = 3.141592654*c/cycle;
    var dis   = parseInt( logo_start_left - 0.5*logo_start_left*(1-Math.cos(rad)));
    var t_dis = parseInt( 0.8*dis + 1.2*c*(cycle - c));
      
    move_logo_block(dis,t_dis);
}//end of move_logo


function move_logo_block(left,top){
    var ob;

    ob = document.getElementById('logo_b');
    ob.style.top  = top+'px';
    ob.style.left = left+'px';
    
    ob = document.getElementById('logo_l');
    ob.style.top  = top+2+'px';
    ob.style.left = left+4+'px';
    
    ob = document.getElementById('logo_i');
    ob.style.top  = top+65+'px';
    ob.style.left = left+'px';

<!--
    ob = document.getElementById('green_e');
    ob.style.top  = top+'px';
    ob.style.left = left+130+'px';
-->
}//end of move_logo_block


// /////////////////////// End of irithm code ////////////////////////