louie1 = new Image();
louie1.src = "images/louie/screensavers.jpg";
louie1_big = new Image();
louie1_big.src = "images/louie/screensavers_big.jpg";

louie2= new Image();
louie2.src = "images/louie/game.jpg";
louie2_big = new Image();
louie2_big.src = "images/louie/game_big.jpg";

louie3 = new Image();
louie3.src = "images/louie/jingles.jpg";
louie3_big = new Image();
louie3_big.src = "images/louie/jingles_big.jpg";

louie4 = new Image();
louie4.src = "images/louie/TVCs.jpg";
louie4_big = new Image();
louie4_big.src = "images/louie/TVCs_big.jpg";

var count01=1;
var count02=1;
var count03=1;
var joke=0;
var comic=1;
var table01="<table width=498 height=152 border=0 cellspacing=0 cellpadding=0 bgcolor=#e1e1e1 ><tr><td rowspan=5 bgcolor=#FFFFFF width=9><img src=images/louie/grey_box_roundcorner.jpg width=9 height=152></td><td height=15>&nbsp;</td><td width=15>&nbsp;</td></tr><tr><td><table width=100% border=0 cellspacing=0 cellpadding=0><tr><td align=left width=26 style=background-image:url(images/louie/bar.jpg); background-repeat:repeat-x></td><td align=center><img src=images/louie/the_real_story.jpg width=97 height=14></td><td align=right width=345 style=background-image:url(images/louie/bar.jpg); background-repeat:repeat-x>&nbsp;</td></tr></table></td><td>&nbsp;</td></tr><tr><td class=btxt style=text-align:justify valign=top><br>An Australian creation, Louie has become equally popular in India also. Whenever anyone talks of mosquitoes, conversations do not end without mentioning his name. His legend abounds! In fact before children go to bed they like to exchange a Louie joke... <a href=javascript:change_table(2)><span class=redtxt><strong>Read some yourself </strong></span></a></td><td>&nbsp;</td></tr><tr><td height=10></td><td></td></tr></table>";


var table02="<table width=498 border=0 cellspacing=0 cellpadding=0 bgcolor=#e1e1e1><tr><td rowspan=4 bgcolor=#FFFFFF width=9 height=152 ><img src=images/louie/grey_box_roundcorner.jpg /></td><td height=15></td><td width=15></td></tr><tr><td bgcolor=#ff000c height=65 id=louie_jokes align=center><img src=images/louie/jokes/1.jpg  border=0 ></td><td></td></tr><tr><td height=56 valign=top><table width=100% border=0 cellspacing=0 cellpadding=0><tr><td height=23 colspan=2 bgcolor=#ff000c>&nbsp;</td><td rowspan=2 align=center width=56 valign=top><img src=images/louie/button.jpg width=56 height=56 /></td><td colspan=2 bgcolor=#ff000c>&nbsp;</td></tr><tr><td align=right valign=top><h3><a href=javascript:jokes(1) ><img src=images/louie/arow1.gif width=21 height=25 border=0 /></a></h3></td><td width=25>&nbsp;</td><td width=25>&nbsp;</td><td align=left valign=top><a href=javascript:jokes(2) ><img src=images/louie/arrow2.gif width=21 height=25 border=0 /></a></td></tr></table></td><td></td></tr></table>";


function rollText(which)
{
var text = document.getElementById('text');

switch (which)
	{
	case 1:
	text.innerHTML = "<img src=images/louie/comic01/1_2.jpg  border=0>";
	break;
	case 2:
	text.innerHTML = "<img src=images/louie/comic01/3_4.jpg  border=0>";
	break;
	case 3:
	text.innerHTML = "<img src=images/louie/comic01/5_6.jpg  border=0>";
	break;
	case 4:
	text.innerHTML = "<img src=images/louie/comic01/7_8.jpg  border=0>";
	break;

	case 11:
	text.innerHTML = "<img src=images/louie/comic02/1_2.jpg  border=0>";
	break;
	case 12:
	text.innerHTML = "<img src=images/louie/comic02/3_4.jpg  border=0>";
	break;
	case 13:
	text.innerHTML = "<img src=images/louie/comic02/5_6.jpg  border=0>";
	break;
	case 14:
	text.innerHTML = "<img src=images/louie/comic02/7_8.jpg  border=0>";
	break;
	case 15:
	text.innerHTML = "<img src=images/louie/comic02/9_10.jpg  border=0>";
	break;
	case 16:
	text.innerHTML = "<img src=images/louie/comic02/10_11.jpg  border=0>";
	break;

    case 21:
	text.innerHTML = "<img src=images/louie/comic03/1_2.jpg  border=0>";
	break;
    case 22:
    text.innerHTML = "<img src=images/louie/comic03/3_4.jpg  border=0>";
	break;
    case 23:
	text.innerHTML = "<img src=images/louie/comic03/5_6.jpg  border=0>";
	break;
 
    }
}

function rollOver(num)
{
var change1 = document.getElementById('frame01');
var change2 = document.getElementById('frame02');

if(comic==1)
{
if (num==1)
  {
   count01=count01-1;
   if (count01<1)
	   count01=1;
  }


if (num==2)
  {
   count01=count01+1;
    if (count01>4)
	   count01=4;
  }

if (count01>=1)
 {
  switch (count01)
	{
	case 1:
	change1.innerHTML = "<img src=images/louie/comic01/f1.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic01/f2.jpg  border=0>";
	rollText(1);
	break;
	
	case 2:
	change1.innerHTML = "<img src=images/louie/comic01/f3.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic01/f4.jpg  border=0>";
	rollText(2);
	break;
	
	case 3:
	change1.innerHTML = "<img src=images/louie/comic01/f5.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic01/f6.jpg  border=0>";
	rollText(3);
	break;
	
	case 4:
	change1.innerHTML = "<img src=images/louie/comic01/f7.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic01/f8.jpg  border=0>";
	rollText(4);
	break;
  
   }
 }
}

if(comic==2)
{
if (num==1)
  {
   count02=count02-1;
   if (count02<1)
	   count02=1;
  }


if (num==2)
  {
   count02=count02+1;
    if (count02>6)
	   count02=6;
  }
if (count02>=1)
 {
  switch (count02)
	{
	case 1:
	change1.innerHTML = "<img src=images/louie/comic02/f1.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f2.jpg  border=0>";
	rollText(11);
	break;
	
	case 2:
	change1.innerHTML = "<img src=images/louie/comic02/f3.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f4.jpg  border=0>";
	rollText(12);
	break;
	
	case 3:
	change1.innerHTML = "<img src=images/louie/comic02/f5.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f6.jpg  border=0>";
	rollText(13);
	break;
	
	case 4:
	change1.innerHTML = "<img src=images/louie/comic02/f7.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f8.jpg  border=0>";
	rollText(14);
	break;
	
	case 5:
	change1.innerHTML = "<img src=images/louie/comic02/f9.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f10.jpg  border=0>";
	rollText(15);
	break;
          
    case 6:
	change1.innerHTML = "<img src=images/louie/comic02/f11.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic02/f12.jpg  border=0>";
	rollText(16);
	break; 

   }
 }
}


if(comic==3)
{
if (num==1)
  {
   count03=count03-1;
   if (count03<1)
	   count03=1;
  }


if (num==2)
  {
   count03=count03+1;
    if (count03>3)
	   count03=3;
  }
if (count03>=1)
 {
  switch (count03)
	{
	case 1:
	change1.innerHTML = "<img src=images/louie/comic03/f1.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic03/f2.jpg  border=0>";
	rollText(21);
	break;
	
	case 2:
	change1.innerHTML = "<img src=images/louie/comic03/f3.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic03/f4.jpg  border=0>";
	rollText(22);
	break;
	
	case 3:
	change1.innerHTML = "<img src=images/louie/comic03/f5.jpg  border=0>";
	change2.innerHTML = "<img src=images/louie/comic03/f6.jpg  border=0>";
	rollText(23);
	break;
	
   }
 }
}



}

function story(demo)
{
count01=1;
count02=1;
count03=1;
var pic01 = document.getElementById('frame01');
var pic02 = document.getElementById('frame02');
var war = document.getElementById('heading');
var mort = document.getElementById('stories');

if (demo==1)
   {
    pic01.innerHTML = "<img src=images/louie/comic01/f1.jpg  border=0>";
    pic02.innerHTML = "<img src=images/louie/comic01/f2.jpg  border=0>";
    rollText(1);
    war.innerHTML = "<img src=images/louie/war-against-louie.jpg>";
    mort.innerHTML = "<span class=redtxt>Story 1</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href=# onClick=javascript:story(2) class=btxt>Story 2</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href=# onClick=javascript:story(3) class=btxt>Story 3</a>";
    comic=1;
   }
   
if (demo==2)
   {
    pic01.innerHTML = "<img src=images/louie/comic02/f1.jpg  border=0>";
    pic02.innerHTML = "<img src=images/louie/comic02/f2.jpg  border=0>";
    rollText(11);
    war.innerHTML = "<img src=images/louie/war-against-louie.jpg>";
    mort.innerHTML = "<a href=# onClick=javascript:story(1) class=btxt>Story 1</a>&nbsp;&nbsp;&nbsp;&nbsp;<span class=redtxt>Story 2</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href=# onClick=javascript:story(3) class=btxt>Story 3</a>";
    comic=2;
   } 
   
 if (demo==3)
   {
    pic01.innerHTML = "<img src=images/louie/comic03/f1.jpg  border=0>";
    pic02.innerHTML = "<img src=images/louie/comic03/f2.jpg  border=0>";
    rollText(21);
    war.innerHTML = "<img src=images/louie/war-against-louie.jpg>";
    mort.innerHTML = "<a href=# onClick=javascript:story(1) class=btxt>Story 1</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href=# onClick=javascript:story(2) class=btxt>Story 2</a>&nbsp;&nbsp;&nbsp;&nbsp;<span class=redtxt>Story 3</span>";
    comic=3;
   }   
}


function change_table(swap)
{
var mortein = document.getElementById('ch_table');	
if (swap==1)	
mortein.innerHTML = table01;
else
mortein.innerHTML = table02;
}

function jokes(num)
{
 var chintu = document.getElementById('louie_jokes');
 var pintu = document.getElementById('ch_table');	

 
 if (num==1)
   joke=joke-1;
 if (num==2)
    joke=joke+1;

  switch (joke)
	{
  	case 0:
	pintu.innerHTML = table01;
	joke=1;
        break;
	
	case 1:
	chintu.innerHTML = "<img src=images/louie/jokes/1.jpg  border=0 >";
	break;
	
	case 2:
	chintu.innerHTML = "<img src=images/louie/jokes/2.jpg  border=0 >";
	break;
	
	case 3:
	chintu.innerHTML = "<img src=images/louie/jokes/3.jpg  border=0 >";
	break;
	
	case 4:
	chintu.innerHTML = "<img src=images/louie/jokes/4.jpg  border=0 >";
	break;
	
	case 5:
	chintu.innerHTML = "<img src=images/louie/jokes/5.jpg  border=0 >";
	break;
	
    case 6:
	pintu.innerHTML = table01;
	joke=1;
        break;
   }
}