var img_next_index = 0;
var img_prev_index = 0;
var direction_deter = -1;
var home_t = 0;
function onload_imgs(type,part_type,img_num)
 { 
   var temp_img = "";
   if (type == "home" || type == "case")
     {
       if (direction_deter == -1)
         {
            temp_img = document.getElementById("home_proj_img").src;
            img_next_index = temp_img.substring(temp_img.lastIndexOf('/') + 1,temp_img.lastIndexOf('.'))*1 + 1;
            img_prev_index = temp_img.substring(temp_img.lastIndexOf('/') + 1,temp_img.lastIndexOf('.'))*1 - 1;
            if (type == "case")
              {
                 img_next_index = img_num*1 + 1;
                 img_prev_index = img_num*1 - 1;
              }
            direction_deter = 0;
         }
        if(direction_deter == 0 && img_next_index != -1)
            {
              if ((type == "home" && img_next_index < 9) || (part_type == "brand" && img_next_index < 21) || (part_type == "digital" && img_next_index < 13) || (part_type == "print" && img_next_index < 6) || (part_type == "envi" && img_next_index < 3))
                {
                   var temp_img_ele = new Image();
                   temp_img_ele.onload = function(){document.getElementById("home_proj_img_fake").src = temp_img_ele.src;};
                   if (type == "home")
                     {
                       temp_img_ele.src = "home_projects/" + get_img_num(img_next_index) + ".jpg";
                     }
                   else if(type == "case")
                     {
                       temp_img_ele.src = "case_projects/" + part_type + "/" + get_img_num(img_next_index) + ".jpg";
                     }
                   direction_deter = 1;
                   img_next_index = img_next_index + 1; 
                } 
              else
                {
                  img_next_index = -1;
                  direction_deter = 1;
                } 
            }   
         else
            {
              if (img_prev_index > 0 && img_prev_index != -1)
                {
                  var temp_img_ele = new Image();
                  temp_img_ele.onload = function(){document.getElementById("home_proj_img_fake").src = temp_img_ele.src;};
                  if (type == "home")
                     {
                       temp_img_ele.src = "home_projects/" + get_img_num(img_prev_index) + ".jpg";
                     }
                  else if(type == "case")
                     {
                       temp_img_ele.src = "case_projects/" + part_type + "/" + get_img_num(img_prev_index) + ".jpg";
                     }
                  direction_deter = 0; 
                  img_prev_index = img_prev_index - 1;
                }
               else
                {
                  img_prev_index = -1;
                  direction_deter = 0; 
                } 
            }
         if (img_next_index != -1 || img_prev_index != -1)
           {
             if (type == "home")
               {
                  setTimeout("onload_imgs('home')",500);
               }
             else if(type == "case")
               {
                  setTimeout("onload_imgs('case','" + part_type + "')",500);
               }
           }
       }
  }
  
 function next_prev_home(type,page_type,part_type,new_cat,img_num)
   {

     var temp_img = document.getElementById("home_proj_img").src;
     var foll_img = 0;
     if (type  == "next")
       {
         foll_img = temp_img.substring(temp_img.lastIndexOf('/') + 1,temp_img.lastIndexOf('.'))*1 + 1;
       }
     else if (type == "prev")
       {
         foll_img = temp_img.substring(temp_img.lastIndexOf('/') + 1,temp_img.lastIndexOf('.'))*1 - 1;
       }
     if((page_type == "home" && foll_img > 8) || (part_type == "brand" && foll_img > 20) || (part_type == "digital" && foll_img > 12) || (part_type == "print" && foll_img > 5) || (part_type == "envi" && foll_img > 2))
       {
          foll_img = 1;
       }
     else if (foll_img < 1)
       {
          if (page_type == "home")
            {
               foll_img = 8;
            }
           else if(part_type == "brand")
            {
               foll_img = 20;
            }
           else if(part_type == "digital")
            {
               foll_img = 12;
            }
           else if(part_type == "print")
            {
               foll_img = 5;
            }
           else if(part_type == "envi")
            {
               foll_img = 2;
            }
       } 
     if (page_type == "home")
        {
           document.getElementById("home_proj_img").src = "home_projects/" + get_img_num(foll_img) + ".jpg";
           document.getElementById("home_pro_text").innerHTML = change_pro_text(page_type,foll_img);
        }
      else if(page_type == "case")
        {
           if (new_cat == "brand" || new_cat == "digital" || new_cat == "print" || new_cat == "envi")
             {
               part_type = new_cat;
               if (img_num != null && img_num > 0)
                 {
                   foll_img = img_num*1;
                 }
               //foll_img = 1;
             }  
           document.getElementById("home_proj_img").src = "case_projects/" + part_type + "/" + get_img_num(foll_img) + ".jpg";
           document.getElementById("case_pro_title").innerHTML = change_pro_text(page_type,foll_img,part_type);
           window.location.hash = "#" +  get_img_num(foll_img) + part_type;
        }
   }
 
 var out_opa = 0;
 var in_opa = 0;
 var curr_opa = 100;
 var moz_curr_opa = 1;
 function fade_in_out(type,dir,page_type,part_type,new_cat,img_num)
   {      
          clearTimeout(home_auto);
          var temp_timer = 0;
          var ie_opa = 0;
          var ff_opa = 0;
          var temp_timer = 0;
          if (page_type == "home")
            {
              temp_timer = 20;
              ie_opa = 8;
              ff_opa = 0.04;
            }
          else if (page_type == "case")
            {
              temp_timer = 0.01;
              ie_opa = 30;
              ff_opa = 0.2;
            }
          if((type == "out" && in_opa == 0) || (type == "in"))
           {
              if(type == "out")
                { 
                   if (document.all)
                     {
                       curr_opa = curr_opa - ie_opa;
                       document.getElementById("home_proj_img").style.filter = "alpha(opacity=" + curr_opa + ")";
                     }
                   else if (window.sidebar)
                     {  
                        moz_curr_opa = moz_curr_opa - ff_opa;
                        document.getElementById("home_proj_img").style.MozOpacity = moz_curr_opa;
                     }
                   if (curr_opa > 0 && moz_curr_opa > 0)
                    {
                      out_opa = setTimeout("fade_in_out('out','" + dir + "','" + page_type + "','" + part_type + "','" + new_cat + "','" + img_num + "')",temp_timer);
                    }
                   else
                    {  
                      clearTimeout(out_opa);
                      next_prev_home(dir,page_type,part_type,new_cat,img_num);
                      in_opa = setTimeout("fade_in_out('in','" + dir + "','" + page_type + "','" + part_type + "')",temp_timer);
                    }
                 }
              else if (type == "in")
                {
                   if (document.all)
                     {
                       curr_opa = curr_opa + ie_opa;
                       document.getElementById("home_proj_img").style.filter = "alpha(opacity=" + curr_opa + ")";
                     }
                   else if (window.sidebar)
                     {  
                        moz_curr_opa = moz_curr_opa + ff_opa;
                        document.getElementById("home_proj_img").style.MozOpacity = moz_curr_opa;
                     }
                   if (curr_opa < 100 || moz_curr_opa < 1)
                    {
                      in_opa = setTimeout("fade_in_out('in','" + dir + "','" + page_type + "','" + part_type + "')",temp_timer);
                    }
                   else
                    {
                      clearTimeout(in_opa);
                      in_opa = 0;
                      curr_opa = 100;
                      moz_curr_opa = 1;
                      if(page_type == "home")
                         {
                           if (document.all)
                             {
                                home_auto = setTimeout("home_auto_change('" + page_type + "')",3000);
                             }
                           else if (window.sidebar)
                             {
                                home_auto = setTimeout("home_auto_change('" + page_type + "')",3000);
                             }  
                         }
                    }
               }
        }
   }
   
 var home_auto = 0;
 var start_index = 0;
 var brand_index = 0;
 var digital_index = 0;
 var print_index = 0;
 var envi_index = 0;
 function  home_auto_change(page_type,part_type,img_num)
   {
     if (page_type == "home" && start_index == 0)
       {
         start_index = 1;
         onload_imgs(page_type,part_type);
       }
     else if (part_type == "brand" && brand_index == 0)
       {
         brand_index = 1;
         onload_imgs(page_type,part_type,img_num);
       }
     else if (part_type == "digital" && digital_index == 0)
       {
         digital_index = 1;
         onload_imgs(page_type,part_type,img_num);
       }
     else if (part_type == "print" && print_index == 0)
       {
         print_index = 1;
         onload_imgs(page_type,part_type,img_num);
       }
      else if (part_type == "envi" && envi_index == 0)
       {
         envi_index = 1;
         onload_imgs(page_type,part_type,img_num);
       }
     if (page_type == "home")
       {
          if (document.all)
             {
               home_auto = setTimeout("fade_in_out('out','next','" + page_type + "')",4000);
             }
          else if (window.sidebar)
             {
               home_auto = setTimeout("fade_in_out('out','next','" + page_type + "')",4000);  
             }  
        }
   }
   
 function get_img_num(img_num)
  {
    var num_str = "";
    if(img_num < 10)
      {
        num_str = "0" + img_num;
      }
    else
      {
        num_str = img_num;
      }
     return num_str;
  }
 
 var case_first_index = 0; 
 function change_case_part(type)
  {
    var part_type = "";
    var img_num = "";
    if (type == "")
      {
        part_type = window.location.hash.substring(3);
        img_num = window.location.hash.substring(1,3);
      }
    else
      {
        part_type = type.substring(2);
        img_num = type.substring(0,2);
      }
    if(part_type == "" || part_type == "#")
      {
        part_type = "brand";
        img_num = "01";
      }
    document.getElementById("hid_part_type").value = part_type;
    fade_in_out('out','next','case',document.getElementById("hid_part_type").value,document.getElementById("hid_part_type").value,img_num);
    document.getElementById("home_proj_img_fake").style.display = "block";
    document.getElementById("home_proj_img").style.display = "block";
    img_next_index = 0;
    img_prev_index = 0;
    reset_all_case(part_type);
    home_auto_change('case',part_type,img_num)
  } 
  
 function reset_all_case(part_type)
  {
     if(part_type != "brand")
       {
         if(document.getElementById("div_tbl_brand").className.indexOf("sel") > -1)
           {
             change_inside_tbl(document.getElementById("div_tbl_brand"),'case','not_sel');
           }
       }
     if (part_type != "digital")
       {
         if(document.getElementById("div_tbl_digital").className.indexOf("sel") > -1)
           {
              change_inside_tbl(document.getElementById("div_tbl_digital"),'case','not_sel');
           }
       }
     if (part_type != "print")
       {
         if(document.getElementById("div_tbl_print").className.indexOf("sel") > -1)
           {
              change_inside_tbl(document.getElementById("div_tbl_print"),'case','not_sel');
           }
       }
     if (part_type != "envi")
       {
         if(document.getElementById("div_tbl_envi").className.indexOf("sel") > -1)
           {
              change_inside_tbl(document.getElementById("div_tbl_envi"),'case','not_sel');
           }
       }
     change_inside_tbl(document.getElementById("div_tbl_" + part_type),'case','sel');
  }
  
 function case_next_prev(dir)
   {  
      fade_in_out('out',dir,'case',document.getElementById("hid_part_type").value);
   }
  
  function change_pro_text(page_type,img_num,part_type)
    {
      var pro_title = "";
      if (page_type == "home")
        {
          if(img_num == 1)
            {pro_title = "ReferYes";document.getElementById("link_home_proj_img").href = "case_studies.htm#05digital";document.getElementById("link_home_proj_img").title = "ReferYes";}
          else if(img_num == 2){pro_title = "Intrinsic";document.getElementById("link_home_proj_img").href = "case_studies.htm#13brand";document.getElementById("link_home_proj_img").title = "Intrinsic";}
          else if(img_num == 3){pro_title = "IPFloat";document.getElementById("link_home_proj_img").href = "case_studies.htm#04brand";document.getElementById("link_home_proj_img").title = "IPFloat";}
          else if(img_num == 4){pro_title = "Amman Institute";document.getElementById("link_home_proj_img").href = "case_studies.htm#06brand";document.getElementById("link_home_proj_img").title = "Amman Institute";}
          else if(img_num == 5){pro_title = "Palestine International Institute";document.getElementById("link_home_proj_img").href = "case_studies.htm#04print";document.getElementById("link_home_proj_img").title = "Palestine International Institute";}
          else if(img_num == 6){pro_title = "Simtix";document.getElementById("link_home_proj_img").href = "case_studies.htm#11digital";document.getElementById("link_home_proj_img").title = "Simtix";}
          else if(img_num == 7){pro_title = "Bilal Hammad Architects";document.getElementById("link_home_proj_img").href = "case_studies.htm#07digital";document.getElementById("link_home_proj_img").title = "Bilal Hammad Architects";}
          else if(img_num == 8){pro_title = "REDV";document.getElementById("link_home_proj_img").href = "case_studies.htm#05print";document.getElementById("link_home_proj_img").title = "REDV";}
        }
      else if (page_type == "case")
        {
           if(part_type == "brand")
             {
               if(img_num == 1){pro_title = "LeadingPoint Products"}
               else if(img_num == 2){pro_title = "TMP";}
               else if(img_num == 3){pro_title = "JACEC";}
               else if(img_num == 4){pro_title = "IPFloat";}
               else if(img_num == 5){pro_title = "docuTrack";}
               else if(img_num == 6){pro_title = "Amman Institute";}
               else if(img_num == 7){pro_title = "LeadingPoint";}
               else if(img_num == 8){pro_title = "Cubes";}
               else if(img_num == 9){pro_title = "Maisam";}
               else if(img_num == 10){pro_title = "Shura";}
               else if(img_num == 11){pro_title = "BADR";}
               else if(img_num == 12){pro_title = "Mehyar Eye Clinic";}
               else if(img_num == 13){pro_title = "Intrinsic";}
               else if(img_num == 14){pro_title = "Iwan";}
               else if(img_num == 15){pro_title = "Al Arabia Law Firm";}
               else if(img_num == 16){pro_title = "Orion TradeSoft";}
               else if(img_num == 17){pro_title = "QSEC";}
               else if(img_num == 18){pro_title = "A/E Business Council";}
               else if(img_num == 19){pro_title = "AMCHAM-Jordan";}
               else if(img_num == 20){pro_title = "Ministry of Communication and Information Technology";}
             }
           else if(part_type == "digital")
             {
               if(img_num == 1){pro_title = "CAT2"}
               else if(img_num == 2){pro_title = "RecruitWay";}
               else if(img_num == 3){pro_title = "Khammash";}
               else if(img_num == 4){pro_title = "Design Jordan";}
               else if(img_num == 5){pro_title = "ReferYes";}
               else if(img_num == 6){pro_title = "Bank Work";}
               else if(img_num == 7){pro_title = "Bilal Hammad Architects";}
               else if(img_num == 8){pro_title = "Intrinsic";}
               else if(img_num == 9){pro_title = "Assets in Motion";}
               else if(img_num == 10){pro_title = "Cubes";}
               else if(img_num == 11){pro_title = "Simtix";}
               else if(img_num == 12){pro_title = "docuTrack";}
             }
          else if(part_type == "print")
             {
               if(img_num == 1){pro_title = "Palestine International Institute"}
               else if(img_num == 2){pro_title = "Telaterra";}
               else if(img_num == 3){pro_title = "NCHR";}
               else if(img_num == 4){pro_title = "Palestine International Institute";}
               else if(img_num == 5){pro_title = "REDV";}
             }
           else if(part_type == "envi")
             {
               if(img_num == 1){pro_title = "UE"}
               else if(img_num == 2){pro_title = "UE";}
             }
        }
      return pro_title;
    }
    
 /*---------------Navigation------------------*/
 
 function change_to_sel(obj,type)
   {
      var class_name = obj.parentNode.className;
      if(type == "sel")
        {
           obj.parentNode.className = class_name + " " + class_name + "_sel";
        }
      else if (type == "not_sel")
        {
           obj.parentNode.className = class_name.substring(0,class_name.indexOf(" "));
        }
   }
/*---------------------------------------*/
/*-------------Inside Navigation---------*/

function change_inside_tbl(obj,page_name,type)
 {
    var class_name = obj.className;
    if(page_name == "company")
      {
        if(type == "sel")
          {
            obj.className = class_name + " " + "company_sel_row";
          }
        else if (type == "not_sel")
          {
             obj.className = class_name.substring(0,class_name.lastIndexOf(" "));
          }
      }
     else if (page_name == "case")
      {
         if(type == "sel")
          {
            obj.className = class_name + " " + "case_sel_row";
          }
        else if (type == "not_sel")
          {
             
             obj.className = class_name.substring(0,class_name.lastIndexOf(" "));
          }
      }
    else if (page_name == "people")
      {
         if(type == "sel")
          {
            obj.className = class_name + " " + "people_sel_row";
          }
        else if (type == "not_sel")
          {
             
             obj.className = class_name.substring(0,class_name.lastIndexOf(" "));
          }
      }
 }
 
/*----------------------------*/

 function open_portfolio()
  {
     window.open('http://patterns-design.com/patterns.htm', 'CustomPopUp','toolbar=no, status=yes, titlebar=yes, scrollbars=no,width=770, height=500, menubar=no, resizable=no');
  }