document.onmouseover = mouseoverPic;

var myHeight = 0;
var myWidth = 0;

var homeLink;
var aboutLink;
var projecsLink;
var blogLink;
var picturesLink;
var videosLink;

var speed;

var iconFlag;
var iconGoal;
var iconFlagb;
var iconGoalb;
var iconFlagc;
var iconGoalc;
var iconFlagd;
var iconGoald;
var iconFlage;
var iconGoale;
var iconFlagf;
var iconGoalf;
var iconFlagg;
var iconGoalg;

var homeReflect;
var divHreflect; 
var hreflectFlag = 0; 

var aboutReflect;
var divAreflect; 
var areflectFlag = 0; 

var projectsReflect;
var divPreflect; 
var preflectFlag = 0; 

var blogReflect;
var divBreflect; 
var blogFlag = 0; 

var picturesReflect;
var divPPreflect; 
var picturesFlag = 0; 

var videosReflect;
var divVreflect; 
var videosFlag = 0; 

//var familyReflect;
//var divFreflect; 
var familyFlag = 0; 
var loadOnce = 0;

var homeTipNote;
var aboutTipNote;
var projectsTipNote;
var blogsTipNote;
var iphoneTipNote;
var contactTipNote;

/*************************************************************************************/

/********************************************
To work on: 
IE menu links reflection the size are not precisely correct.
**********************************************/

function theload()
{ 
  if(typeof( window.innerWidth ) == 'number' )
  {
    //Firefox
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  }
  else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
  {
   //IE 6+ 
   myWidth = document.documentElement.clientWidth;
   myHeight = document.documentElement.clientHeight;
    
  // if(loadOnce == 0)
  // {     
       for(var i=0; i<document.images.length; i++)
       {
          var img = document.images[i]
          var imgName = img.src.toUpperCase()     
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
          {
             var imgID = (img.id) ? "id=\"" + img.id + "\"" : "" ;        
             var imgClass = (img.className) ? "class=\"" + img.className + "\"" : "";
             var imgStyle = "display:inline-block;" + img.style.cssText ;
             if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle ;
             
             var onmouseover =""; 
             var onmouseout = "";  
             var onclick = "";      
             if(img.onmouseover)
             {
                var inover = "" + img.onmouseover;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                                   
                onmouseover = "onmouseover =\"icon" + tempSubstr +"\"";
             }
             
             if(img.onmouseout)
             {
                var inover = "" + img.onmouseout;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                        
                onmouseout = "onmouseout =\"icon" + tempSubstr +"\"";
             }
             
             if(img.onclick)
             {
                var inover = "" + img.onclick;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                      
                onclick = "onclick=\"open" + tempSubstr + "\"";
             }                             
                        
             var strNewHTML = "<span " + imgID + imgClass + onmouseover + onmouseout + onclick
             + " style=\"" + " width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"         
             img.outerHTML = strNewHTML;         
             i = i-1;
          }
         } 
   //  loadOnce = 1;     
   // }   
  }
  else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
  {
    //IE 4 
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }   
  
  calculateMenuLocation(); 
   
  var thequery = queryStr();
  
   if(thequery != "")
   {
     if(thequery == "h")
     {
      open_Home('home_window', 'home_tab', 'expand_div', 'expand_Img', 'bot_window', 
        'HomePanel', 'mainHPanel', 'hSpace', 'mHome', 'homeRight','HomerSide', 'expand_div_left', 'expand_Img_left', 'hFrame'); 
        maximizeHome();
     }          
     else if(thequery == "a")
     {
      open_Home('about_window', 'about_tab', 'expand_div_about', 'expand_Img_about', 'bot_window_about', 
        'AboutPanel', 'mainAPanel', 'aSpace', 'aHome', 'aboutRight','AboutrSide', 'expand_div_about_left', 'expand_Img_about_left', 'aFrame');
        maximizeHome();
     }
     else if(thequery == "p")
     {
       open_Home('projects_window', 'projects_tab', 'expand_div_project', 'expand_Img_project', 'bot_window_project', 
        'ProjectPanel', 'mainPPanel', 'pSpace', 'pHome', 'projectRight','ProjectsrSide', 'expand_div_project_left', 'expand_Img_project_left', 'pFrame');
        maximizeHome();
     }  
     else if(thequery == "b")
     {
        open_Home('blog_window', 'blog_tab', 'expand_div_blog', 'expand_Img_blog', 'bot_window_blog', 
            'BlogPanel', 'mainBBPanel', 'bbSpace', 'bHome', 'blogRight','BlogrSide', 'expand_div_blog_left', 'expand_Img_blog_left', 'bbFrame');
         maximizeHome();   
     }  
     else if(thequery == "t")
     {
        open_Home('tutorial_window', 'tutorial_tab', 'expand_div_tutorial', 'expand_Img_tutorial', 'bot_window_tutorial', 
            'TutorialPanel', 'mainTPanel', 'tSpace', 'mTutorial', 'tutorialRight','TutorialrSide', 'expand_div_tutorial_left', 'expand_Img_tutorial_left', 'tFrame');   
       maximizeHome();
     }    
     else if(thequery == "c")
     {
        open_Home('contact_window', 'contact_tab', 'expand_div_contact', 'expand_Img_contact', 'bot_window_contact', 
            'ContactPanel', 'mainContactPanel', 'contactSpace', 'mContact', 'contactRight','ContactrSide', 'expand_div_contact_left', 'expand_Img_contact_left', 'contactFrame');     
        maximizeHome();
     }         
   }
   else
   {
   open_Home('home_window', 'home_tab', 'expand_div', 'expand_Img', 'bot_window', 
    'HomePanel', 'mainHPanel', 'hSpace', 'mHome', 'homeRight','HomerSide', 'expand_div_left', 'expand_Img_left', 'hFrame'); 
   }    
}

function resizeload()
{
if(typeof( window.innerWidth ) == 'number' )
  {
    //Firefox
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  }
  else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
  {
   //IE 6+ 
   myWidth = document.documentElement.clientWidth;
   myHeight = document.documentElement.clientHeight;
    
  // if(loadOnce == 0)
  // {     
       for(var i=0; i<document.images.length; i++)
       {
          var img = document.images[i]
          var imgName = img.src.toUpperCase()     
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
          {
             var imgID = (img.id) ? "id=\"" + img.id + "\"" : "" ;        
             var imgClass = (img.className) ? "class=\"" + img.className + "\"" : "";
             var imgStyle = "display:inline-block;" + img.style.cssText ;
             if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle ;
             
             var onmouseover =""; 
             var onmouseout = "";  
             var onclick = "";      
             if(img.onmouseover)
             {
                var inover = "" + img.onmouseover;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                                   
                onmouseover = "onmouseover =\"icon" + tempSubstr +"\"";
             }
             
             if(img.onmouseout)
             {
                var inover = "" + img.onmouseout;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                        
                onmouseout = "onmouseout =\"icon" + tempSubstr +"\"";
             }
             
             if(img.onclick)
             {
                var inover = "" + img.onclick;
                var tempIOver = inover.indexOf('_');
                var tempEndIOver = inover.indexOf('}');
                var tempSubstr = inover.substring(tempIOver, tempEndIOver);                      
                onclick = "onclick=\"open" + tempSubstr + "\"";
             }                             
                        
             var strNewHTML = "<span " + imgID + imgClass + onmouseover + onmouseout + onclick
             + " style=\"" + " width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"         
             img.outerHTML = strNewHTML;         
             i = i-1;
          }
         } 
   //  loadOnce = 1;     
   // }   
  }
  else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
  {
    //IE 4 
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }   
  
  calculateMenuLocation(); 
}

function queryStr()
{
    var location = window.location.search.substring(1);
    
    var index = location.indexOf('=');
    
    return location.substring(index+1);
}


/*************************************************************************************/

function calculateMenuLocation()
{
  var myImage = "images/menuBaseCB.png";
  
  imgFile = new Image();
  imgFile.src = myImage;  
  bWidth = imgFile.width;  
  
  var menuHeight = 34;    
  var menuWidth = bWidth;

  var menuLeft = myWidth/2 - menuWidth/2;
  var menuTop = myHeight - menuHeight;
  
  var menu = document.getElementById("theMenu");
  menu.style.left = (menuLeft - 13) + "px";
  menu.style.top = menuTop + "px";
  menu.style.visibility = "visible";
  
  speed = 10    
  
  homeReflect = document.getElementById("home_reflect");
  divHreflect = document.getElementById("divHreflect");  
  homeTipNote = document.getElementById("home_tipnote");  
  
  iconFlag = menuTop - 26;
  iconGoal = iconFlag;
  homeLink = document.getElementById("png_home");
  homeLink.style.left = menuLeft + 35 + "px";
  homeLink.style.top = iconFlag +"px";  
  homeLink.style.visibility = "visible";    
  
  homeTipNote.style.left = menuLeft + 32 + "px"; 
  homeTipNote.style.top = iconFlag - 50 +"px";  
  homeTipNote.style.visibility = "hidden"; 
  
  
  divHreflect.style.left = menuLeft + 46 + "px";
  var hReflectHeight = homeReflect.style.height;
  var thehReflectHeight = parseInt(hReflectHeight.substring(0, hReflectHeight.length + 2));
  if(navigator.appName == "Netscape")  
  {
    divHreflect.style.height = homeReflect.style.height;
    divHreflect.style.top = myHeight - thehReflectHeight + "px"; 
  }
  else
  {
    divHreflect.style.top = myHeight - thehReflectHeight - 2 + "px"; 
  }    
  divHreflect.style.visibility = "visible";
    
  aboutReflect = document.getElementById("about_reflect");
  divAreflect = document.getElementById("divAreflect");    
  aboutTipNote = document.getElementById("about_tipnote"); 
 
  iconFlagb = menuTop - 26;
  iconGoalb = iconFlagb;
  aboutLink = document.getElementById("png_about");
  aboutLink.style.left = menuLeft + 133 + "px";
  aboutLink.style.top = iconFlagb +"px";  
  aboutLink.style.visibility = "visible";  
  
  aboutTipNote.style.left = menuLeft + 130 + "px"; 
  aboutTipNote.style.top = iconFlagb - 50 +"px";  
  aboutTipNote.style.visibility = "hidden"; 
  
  divAreflect.style.left = menuLeft + 140 + "px";
  var aReflectHeight = aboutReflect.style.height;
  var theaReflectHeight = parseInt(aReflectHeight.substring(0, aReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divAreflect.style.height = aboutReflect.style.height;
    divAreflect.style.top = myHeight - theaReflectHeight + "px"; 
  }
  else
  {
    divAreflect.style.top = myHeight - theaReflectHeight - 2 + "px"; 
  }    
  divAreflect.style.visibility = "visible";
  
  projectsReflect = document.getElementById("projects_reflect");
  divPreflect = document.getElementById("divPreflect");    
  projectsTipNote = document.getElementById("projects_tipnote");
  
  iconFlagc = menuTop - 26;
  iconGoalc = iconFlagc;
  projectsLink = document.getElementById("png_projects");
  projectsLink.style.left = menuLeft + 214 + "px";
  projectsLink.style.top = iconFlagc +"px";  
  projectsLink.style.visibility = "visible"; 
  
  projectsTipNote.style.left = menuLeft + 227 + "px"; 
  projectsTipNote.style.top = iconFlagb - 50 +"px";  
  projectsTipNote.style.visibility = "hidden"; 
  
  divPreflect.style.left = menuLeft + 228 + "px";
  var pReflectHeight = projectsReflect.style.height;
  var thepReflectHeight = parseInt(pReflectHeight.substring(0, pReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divPreflect.style.height = projectsReflect.style.height;
    divPreflect.style.top = myHeight - thepReflectHeight + "px"; 
  }
  else
  {
    divPreflect.style.top = myHeight - thepReflectHeight - 2 + "px"; 
  }    
  divPreflect.style.visibility = "visible";      
  
  
  blogReflect = document.getElementById("blog_reflect");
  divBreflect = document.getElementById("divBreflect");  
  blogsTipNote = document.getElementById("blogs_tipnote"); 
  
  iconFlagd = menuTop - 26;
  iconGoald = iconFlagd;
  blogLink = document.getElementById("png_blog");
  blogLink.style.left = menuLeft + 335 + "px";
  blogLink.style.top = iconFlagd +"px";  
  blogLink.style.visibility = "visible"; 
  
  blogsTipNote.style.left = menuLeft + 327 + "px"; 
  blogsTipNote.style.top = iconFlagb - 50 +"px";  
  blogsTipNote.style.visibility = "hidden"; 
  
  divBreflect.style.left = menuLeft + 346 + "px";
  var bReflectHeight = blogReflect.style.height;
  var thebReflectHeight = parseInt(bReflectHeight.substring(0, bReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divBreflect.style.height = blogReflect.style.height;
    divBreflect.style.top = myHeight - thebReflectHeight + "px"; 
  }
  else
  {
    divBreflect.style.top = myHeight - thebReflectHeight - 2 + "px"; 
  }    
  divBreflect.style.visibility = "visible";  
  
  picturesReflect = document.getElementById("tutorials_reflect");
  divPPreflect = document.getElementById("divPPreflect");   
  iphoneTipNote = document.getElementById("iphone_tipnote");  
  
  iconFlage = menuTop - 26;
  iconGoale = iconFlage;
  picturesLink = document.getElementById("png_tutorials");
  picturesLink.style.left = menuLeft + 408 + "px";
  picturesLink.style.top = iconFlage +"px";  
  picturesLink.style.visibility = "visible"; 
  
  iphoneTipNote.style.left = menuLeft + 425 + "px"; 
  iphoneTipNote.style.top = iconFlagb - 50 +"px";  
  iphoneTipNote.style.visibility = "hidden"; 
  
  divPPreflect.style.left = menuLeft + 423  + "px";
  var ppReflectHeight = picturesReflect.style.height;
  var theppReflectHeight = parseInt(ppReflectHeight.substring(0, ppReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divPPreflect.style.height = picturesReflect.style.height;
    divPPreflect.style.top = myHeight - theppReflectHeight + "px"; 
  }
  else
  {
    divPPreflect.style.top = myHeight - theppReflectHeight - 2 + "px"; 
  }    
  divPPreflect.style.visibility = "visible";      
  
  videosReflect = document.getElementById("contact_reflect");
  divVreflect = document.getElementById("divVreflect"); 
  contactTipNote = document.getElementById("contact_tipnote");
  
  iconFlagf = menuTop - 26;
  iconGoalf = iconFlagf;
  videosLink = document.getElementById("png_contact");
  videosLink.style.left = menuLeft + 500 + "px";
  videosLink.style.top = iconFlagf +"px";  
  videosLink.style.visibility = "visible"; 
  
  contactTipNote.style.left = menuLeft + 516 + "px"; 
  contactTipNote.style.top = iconFlagb - 50 +"px";  
  contactTipNote.style.visibility = "hidden";
  
  divVreflect.style.left = menuLeft + 514 + "px";
  var vReflectHeight = videosReflect.style.height;
  var thevReflectHeight = parseInt(vReflectHeight.substring(0, vReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divVreflect.style.height = videosReflect.style.height;
    divVreflect.style.top = myHeight - thevReflectHeight + "px"; 
  }
  else
  {
    divVreflect.style.top = myHeight - thevReflectHeight - 2 + "px"; 
  }    
  divVreflect.style.visibility = "visible";  
  
  /*familyReflect = document.getElementById("family_reflect");
  divFreflect = document.getElementById("divFreflect"); 
  
  iconFlagg = menuTop - 26;
  iconGoalg = iconFlagg;
  familyLink = document.getElementById("png_family");
  familyLink.style.left = menuLeft + 630 + "px";
  familyLink.style.top = iconFlagg +"px";  
  familyLink.style.visibility = "visible";   
  
  divFreflect.style.left = menuLeft + 642 + "px";
  var fReflectHeight = familyReflect.style.height;
  var thefReflectHeight = parseInt(fReflectHeight.substring(0, fReflectHeight.length - 2));
  if(navigator.appName == "Netscape")  
  {
    divFreflect.style.height = familyReflect.style.height;
    divFreflect.style.top = myHeight - thefReflectHeight + "px"; 
  }
  else
  {
    divFreflect.style.top = myHeight - thefReflectHeight - 2 + "px"; 
  }    
  divFreflect.style.visibility = "visible";  */    
      
}

/*************************************************************************************/

var stopflag = 0;
var stopflagb = 0;
var stopflagc = 0;
var stopflagd = 0;
var stopflage = 0;
var stopflagf = 0;
var stopflagg = 0;

function icon_out(letter)
{
  if(letter != "a")
  {  
    stopflag = 1;
  }
  else
  {
    stopflag = 0;
  }
  
  if(letter != "b")
  {  
     stopflagb = 1;
  }
  else
  {
    stopflagb = 0;
  }

  if(letter != "c")
  {  
     stopflagc = 1;
  }
  else
  {
    stopflagc = 0;
  }
  
  if(letter != "d")
  {  
     stopflagd = 1;
  } 
  else
  {
    stopflagd = 0;
  }   

  if(letter != "e")
  {  
     stopflage = 1;
  }
  else
  {
    stopflage = 0;
  }  
 
  if(letter != "f")
  {  
     stopflagf = 1;
  }
  else
  {
    stopflagf = 0;
  }  
  
  if(letter != "g")
  {  
     stopflagg = 1;
  }
  else
  {
    stopflagg = 0;
  }    
}

/*************************************************************************************/

var imgFree = 0;

function icon_up()
{ 
  if(imgFree == 0)
  {    
    if(iconFlag < (iconGoal-20))
    {    
     imgFree = 1;
     icon_down();
     return;
    }
    hreflectFlag++;
    iconFlag--;    
    
    homeReflect.style.top = hreflectFlag + "px";
    homeLink.style.top = iconFlag + "px";
    setTimeout("icon_up()", speed);    
    homeTipNote = document.getElementById("home_tipnote");  
    homeTipNote.style.visibility = "visible"; 
  }
}


function icon_down()
{
  if(imgFree == 1)
  {
  if(iconFlag >= iconGoal)
  {
    imgFree = 0;
    if(stopflag == 0)
    {               
        icon_up();        
    }
    else
    {
      stopflag = 0; 
      homeTipNote = document.getElementById("home_tipnote"); 
      homeTipNote.style.visibility = "hidden";      
    }
    return;    
  }
  hreflectFlag--;
  iconFlag++;
  homeReflect.style.top = hreflectFlag + "px";
  homeLink.style.top = iconFlag + "px";
  setTimeout("icon_down()", speed); 
  }   
}

/*************************************************************************************/

var imgFreeb = 0;

function icon_upb()
{  
  if(imgFreeb == 0)
  {    
    if(iconFlagb < (iconGoalb-20))
    {    
     imgFreeb = 1;
     icon_downb();
     return;
    }
    areflectFlag++;
    iconFlagb--;    
    
    aboutReflect.style.top = areflectFlag + "px";
    aboutLink.style.top = iconFlagb + "px";
    setTimeout("icon_upb()", speed);    
    aboutTipNote = document.getElementById("about_tipnote");
    aboutTipNote.style.visibility = "visible"; 
  }
}


function icon_downb()
{
  if(imgFreeb == 1)
  {
  if(iconFlagb >= iconGoalb)
  {
    imgFreeb = 0;
    if(stopflagb == 0)
    {               
        icon_upb();
    }
    else
    {
      stopflagb = 0;
      aboutTipNote = document.getElementById("about_tipnote"); 
      aboutTipNote.style.visibility = "hidden";    
    }
    return;    
  }
  areflectFlag--;
  iconFlagb++;
  
  aboutReflect.style.top = areflectFlag + "px";
  aboutLink.style.top = iconFlagb + "px";
  setTimeout("icon_downb()", speed); 
  }   
}

/*************************************************************************************/

var imgFreec = 0;

function icon_upc()
{
  if(imgFreec == 0)
  {    
    if(iconFlagc < (iconGoalc-20))
    {    
     imgFreec = 1;
     icon_downc();
     return;
    }
    preflectFlag++;
    iconFlagc--;    
    
    projectsReflect.style.top = preflectFlag + "px";
    projectsLink.style.top = iconFlagc + "px";
    setTimeout("icon_upc()", speed);    
    projectsTipNote = document.getElementById("projects_tipnote");
    projectsTipNote.style.visibility = "visible"; 
  }
}


function icon_downc()
{
  if(imgFreec == 1)
  {
  if(iconFlagc >= iconGoalc)
  {
    imgFreec = 0;
    if(stopflagc == 0)
    {               
        icon_upc();
    }
    else
    {
      stopflagc = 0;
      projectsTipNote = document.getElementById("projects_tipnote");
      projectsTipNote.style.visibility = "hidden"; 
    }
    return;    
  }
  preflectFlag--;
  iconFlagc++;
  projectsReflect.style.top = preflectFlag + "px";
  projectsLink.style.top = iconFlagc + "px";
  setTimeout("icon_downc()", speed); 
  }   
}

/*************************************************************************************/

var imgFreed = 0;

function icon_upd()
{
  if(imgFreed == 0)
  {    
    if(iconFlagd < (iconGoald-20))
    {    
     imgFreed = 1;
     icon_downd();
     return;
    }    
    blogFlag++;             
    iconFlagd--;
    
    blogReflect.style.top = blogFlag + "px";
    blogLink.style.top = iconFlagd + "px";
    setTimeout("icon_upd()", speed);    
    blogsTipNote = document.getElementById("blogs_tipnote");
    blogsTipNote.style.visibility = "visible"; 
  }
}

function icon_downd()
{
  if(imgFreed == 1)
  {
  if(iconFlagd >= iconGoald)
  {
    imgFreed = 0;
    if(stopflagd == 0)
    {               
       icon_upd();
    }
    else
    {
      stopflagd = 0;
      blogsTipNote = document.getElementById("blogs_tipnote");
      blogsTipNote.style.visibility = "hidden"; 
    }
    return;    
  }
  blogFlag--;
  iconFlagd++;
  
  blogReflect.style.top = blogFlag + "px";
  blogLink.style.top = iconFlagd + "px";
  setTimeout("icon_downd()", speed); 
  }   
}

/*************************************************************************************/

var imgFreee = 0;

function icon_upe()
{
  if(imgFreee == 0)
  {    
    if(iconFlage < (iconGoale-20))
    {    
     imgFreee = 1;
     icon_downe();
     return;
    }
    picturesFlag++;
    iconFlage--;
    
    picturesReflect.style.top = picturesFlag + "px";
    picturesLink.style.top = iconFlage + "px";
    setTimeout("icon_upe()", speed);  
     iphoneTipNote = document.getElementById("iphone_tipnote");
    iphoneTipNote.style.visibility = "visible";   
  }
}

function icon_downe()
{
  if(imgFreee == 1)
  {
  if(iconFlage >= iconGoale)
  {
    imgFreee = 0;
    if(stopflage == 0)
    {               
       icon_upe();
    }
    else
    {
      stopflage = 0;
      iphoneTipNote = document.getElementById("iphone_tipnote");
      iphoneTipNote.style.visibility = "hidden"; 
    }
    return;    
  }
  picturesFlag--;
  iconFlage++;
  
  picturesReflect.style.top = picturesFlag + "px";
  picturesLink.style.top = iconFlage + "px";
  setTimeout("icon_downe()", speed); 
  }   
}

/*************************************************************************************/

var imgFreef = 0;

function icon_upf()
{
  if(imgFreef == 0)
  {   
    if(iconFlagf < (iconGoalf-20))
    {    
     imgFreef = 1;
     icon_downf();
     return;
    }
    videosFlag++;
    iconFlagf--;
    
    videosReflect.style.top = videosFlag + "px";
    videosLink.style.top = iconFlagf + "px";
    setTimeout("icon_upf()", speed);   
    contactTipNote = document.getElementById("contact_tipnote");
    contactTipNote.style.visibility = "visible";  
  }
}

function icon_downf()
{
  if(imgFreef == 1)
  {
  if(iconFlagf >= iconGoalf)
  {
    imgFreef = 0;
    if(stopflagf == 0)
    {               
       icon_upf();
    }
    else
    {
      stopflagf = 0;
      contactTipNote = document.getElementById("contact_tipnote");
      contactTipNote.style.visibility = "hidden";        
    }
    return;    
  }
  videosFlag--;
  iconFlagf++;
  
  videosReflect.style.top = videosFlag + "px";
  videosLink.style.top = iconFlagf + "px";
  setTimeout("icon_downf()", speed); 
  }   
}

/*************************************************************************************/

var imgFreeg = 0;

function icon_upg()
{
  if(imgFreeg == 0)
  {    
    if(iconFlagg < (iconGoalg-20))
    {    
     imgFreeg = 1;
     icon_downg();
     return;
    }
    familyFlag++;
    iconFlagg--;
        
    //familyReflect.style.top = familyFlag + "px";
    //familyLink.style.top = iconFlagg + "px";
    setTimeout("icon_upg()", speed);    
  }
}

function icon_downg()
{
  if(imgFreeg == 1)
  {
  if(iconFlagg >= iconGoalg)
  {
    imgFreeg = 0;
    if(stopflagg == 0)
    {               
       icon_upg();
    }
    else
    {
      stopflagg = 0;
    }
    return;    
  }
  familyFlag--;
  iconFlagg++;
   
  //familyReflect.style.top = familyFlag + "px";
  //familyLink.style.top = iconFlagg + "px";
  setTimeout("icon_downg()", speed); 
  }   
}

/*************************************************************************************/

function setOpacity(obj, opacity)
{    
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}


/**************************************************************************************/

function mouseoverPic(e)
{
  if(navigator.appName == "Netscape")
  {
     var window = e.target;    
  }
  else
  {
    var window = event.srcElement;
  }         

  if(window.id == "png_home")
  {  
    icon_out('a');
    icon_up();
    return;
  }
  
  if(window.id == "png_about")
  {
    icon_out('b');
    icon_upb();
    return;
  }  

  if(window.id == "png_projects")
  {
    icon_out('c');
    icon_upc();
    return;
  }  

  if(window.id == "png_blog")
  {
    icon_out('d');
    icon_upd();
    return;
  }  
  
  if(window.id == "png_tutorials")
  {
    icon_out('e');
    icon_upe();
    return;
  }  
  
  if(window.id == "png_contact")
  {
    icon_out('f');
    icon_upf();
    return;
  }    
  
  if(window.id == "png_family")
  {
    icon_out('g');
    icon_upg();
    return;
  }  
  
  icon_out('n');
  return;
}