var autoPointBanner = 1;
var hideC = 0;

$(document).ready(function() {


    

    $("li.categoryMiddle").mouseover(function() {
        currentEnlargeTd = 'td' + $(this).attr("id").replace('td', '');
        ChangeSize2(this);
    });

    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first a").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On MouseOver Event
    $("ul.tabs li a").mouseover(function() {
        $("ul.tabs li a").removeClass("active"); //Remove any "active" class
        $("ul.tabs2 li a").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).attr("rel"); //Find the rel attribute value to identify the active tab + content         
        $(activeTab).show(); //Fade in the active content, U can also change the: fadeIn() to show()
        return false;
    });

    //On MouseOver Event
    $("ul.tabs2 li a").mouseover(function() {
        $("ul.tabs2 li a").removeClass("active"); //Remove any "active" class
        $("ul.tabs li a").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).attr("rel"); //Find the rel attribute value to identify the active tab + content         
        $(activeTab).show(); //Fade in the active content, U can also change the: fadeIn() to show()
        return false;
    });



    AutoNextPointBannerFirstTime();


});
	
	
  
    
     

$("#phones").click(function() {
        $("#phonesMoreLink").toggle("fast");
        $(this).toggleClass("show");
        $(this).toggleClass("open");
    });

    $("#notebooks").click(function() {
        $("#notebooksMoreLink").toggle("fast");
        $(this).toggleClass("show");
        $(this).toggleClass("open");
    });

    $("#accessories").click(function() {
        $("#accessoriesMoreLink").toggle("fast");
        $(this).toggleClass("show");
        $(this).toggleClass("open");
    });

    $("#gadgets").click(function() {
        $("#gadgetsMoreLink").toggle("fast");
        $(this).toggleClass("show");
        $(this).toggleClass("open");
    });

    //4 categories

    var lastEnlargeTd = "";
    var currentEnlargeTd = "";
     
    function ChangeSize2(tdObj) {
       
         setTimeout("ChangeSize($('#" + $(tdObj).attr('id') + "'))", 300);
                //ChangeSize($(tdObj))
         
           
    }
 
  
    
    function ChangeSize(tdObj) {
       
         
        //if (firstOnOver = 1) {
        if (currentEnlargeTd == $(tdObj).attr('id')) {
             
            hideC = 1;
        
            if ($(tdObj).attr('id') != "td1") {
                if (($("#td1ContentBig").css("display") == "block")) {
                    $("#td1ContentBig").fadeOut("fast", function() {
                    $("#td1ContentSmall").fadeIn("fast");
                    })
                }
                else {

                    $("#td1Content").fadeOut("fast", function() {
                    $("#td1ContentSmall").fadeIn("fast");
                    });
                }
            }
            else {// if ($(tdObj).attr('id') == "td2") {
                if (($("#td1ContentSmall").css("display") == "block")) {
                    $("#td1ContentSmall").fadeOut("fast", function() {
                    //setTimeout('$("#td1ContentBig").fadeIn("fast");', 700);
                    $("#td1ContentBig").fadeIn("fast");
                    })
                }
                else {
                    $("#td1Content").fadeOut("fast", function() {
                    //setTimeout('$("#td1ContentBig").fadeIn("fast");', 700);
                    $("#td1ContentBig").fadeIn("fast");
                    })
                }

            }

            if ($(tdObj).attr('id') != "td2") {
                if (($("#td2ContentBig").css("display") == "block")) {
                    $("#td2ContentBig").fadeOut("fast", function() {
                    $("#td2ContentSmall").fadeIn("fast");
                    })
                }
                else {

                    $("#td2Content").fadeOut("fast", function() {
                    $("#td2ContentSmall").fadeIn("fast");                     
                    });
                }
            }
            else {// if ($(tdObj).attr('id') == "td2") {
                if (($("#td2ContentSmall").css("display") == "block")) {
                    $("#td2ContentSmall").fadeOut("fast", function() {
                    //                    setTimeout('$("#td2ContentBig").fadeIn("fast");', 700);
                        $("#td2ContentBig").fadeIn("fast");
                    })
                }
                else {
                    $("#td2Content").fadeOut("fast", function() {
                    //  setTimeout('$("#td2ContentBig").fadeIn("fast");', 700);
                    $("#td2ContentBig").fadeIn("fast");
                    })
                }

            }


 
            if ($(tdObj).attr('id') != "td3") {
                if (($("#td3ContentBig").css("display") == "block")) {
                    $("#td3ContentBig").fadeOut("fast", function() {
                    $("#td3ContentSmall").fadeIn("fast");
                    })
                }
                else {

                    $("#td3Content").fadeOut("fast", function() {
                    $("#td3ContentSmall").fadeIn("fast");
                    });
                }
            }
            else {// if ($(tdObj).attr('id') == "td2") {
                if (($("#td3ContentSmall").css("display") == "block")) {
                    $("#td3ContentSmall").fadeOut("fast", function() {
                    $("#td3ContentBig").fadeIn("fast");
                  //  setTimeout('$("#td3ContentBig").fadeIn("fast");', 700);
                    })
                }
                else {
                    $("#td3Content").fadeOut("fast", function() {
                        //$("#td3ContentBig").fadeIn("slow");
                    // setTimeout('$("#td3ContentBig").fadeIn("fast");', 700);
                      $("#td3ContentBig").fadeIn("fast");
                    })
                }

            }

 
            if ($(tdObj).attr('id') != "td4") {
                 
                if (($("#td4ContentBig").css("display") == "block")) {
                    $("#td4ContentBig").fadeOut("fast", function() {
                    $("#td4ContentSmall").fadeIn("fast");
                    })
                }
                else {

                    $("#td4Content").fadeOut("fast", function() {
                    $("#td4ContentSmall").fadeIn("fast");
                    });
                }
            }
            else {// if ($(tdObj).attr('id') == "td2") {
                if (($("#td4ContentSmall").css("display") == "block")) {
                    $("#td4ContentSmall").fadeOut("fast", function() {
                    $("#td4ContentBig").fadeIn("fast");
                  //  setTimeout('$("#td4ContentBig").fadeIn("fast");', 700);
                    })
                }
                else {
                    $("#td4Content").fadeOut("fast", function() {
                    $("#td4ContentBig").fadeIn("fast");
                  //  setTimeout('$("#td4ContentBig").fadeIn("fast");', 700);
                    })
                }

            }

           // lastTdOvedrId = $(tdObj).attr('id');
            //firstOnOver = 0;
        }


       

        //alert($(tdObj).attr('id'));
        if (currentEnlargeTd == $(tdObj).attr('id')) {
            if (lastEnlargeTd != $(tdObj).attr('id')) {

                lastEnlargeTd = $(tdObj).attr('id');
                var currentId = $(tdObj).attr('id');
                $(tdObj).css("background-position", "0 -136px");
                $('#' + currentId + 'L').css("background-position", "0 -136px")
                $('#' + currentId + 'R').css("background-position", "0 -136px")
 
                if (currentId == "td4") { 
                    $('#' + currentId + 'All').css("background-position", "0 -136px") 
                }
 


                $("#tdSpace1").css("width", "10px");
                $("#tdSpace2").css("width", "10px");
                $("#tdSpace3").css("width", "10px");

                $(tdObj).animate({
                    width: "336px"
                }, 700);




                if ($(tdObj).attr('id') != "td1") {
                    $('#td1').css("background-position", "0  0");
                    $('#td1L').css("background-position", "0  0");
                    $('#td1R').css("background-position", "0  0");

                    $("#td1").animate({
                        width: "180px"
                    }, 700);

                    $('#td1Title').css("font-size", "14px");
                }
                else {
                    $('#td1Title').css("font-size", "16px");
                }

                if ($(tdObj).attr('id') != "td2") {
                    $('#td2').css("background-position", "0  0");
                    $('#td2L').css("background-position", "0  0");
                    $('#td2R').css("background-position", "0  0");

                    $("#td2").animate({
                        width: "180px"
                    }, 700);

                    $('#td2Title').css("font-size", "14px");
                }
                else {
                    $('#td2Title').css("font-size", "16px");


                    //   $("#td2Content").fadeOut("fast", function() {
                    //      $("#td2ContentBig").fadeIn("slow");
                    //   });

                }

                if ($(tdObj).attr('id') != "td3") {
                    $('#td3').css("background-position", "0  0");
                    $('#td3L').css("background-position", "0  0");
                    $('#td3R').css("background-position", "0  0");

                    $("#td3").animate({
                        width: "180px"
                    }, 700);

                    $('#td3Title').css("font-size", "14px");
                }
                else {
                    $('#td3Title').css("font-size", "16px");
                }

                if ($(tdObj).attr('id') != "td4") {
                    $('#td4').css("background-position", "0  0");
                    $('#td4All').css("background-position", "0  0");                    
                    $('#td4L').css("background-position", "0 0");
                    $('#td4R').css("background-position", "0 0");

                    $("#td4").animate({
                        width: "180px"
                    }, 700);

                    $('#td4Title').css("font-size", "14px");
                }
                else {
                    $('#td4Title').css("font-size", "16px");
                }
            } //if (lastEnlargeTd != $(tdObj).attr('id'))



        }

    }



          
    
    //end 4 categories

    //Default Action
    //$(".botton_content").hide(); //Hide all content
    //$("div.randomButton a:first").addClass("active").show(); //Activate first tab
  //  $("#oneButton").show(); //Show first tab content


    //On MouseOver Event top banner
    var lastTopBannerId = 1;
    var currentPointButton = 1;
    $(".BannerPoint").each(function() {
        $(this).click(function() {
            $(".BannerPoint img").each(function() {
                $(this).removeClass('active');
                $(this)[0].src = siteUrl + "images/aviButtonHover4.png";
            });

            $(this).addClass("active");
            currentPointButton = $(this).attr('id').replace("PointBtn", "");
            var imageId = $(this).attr('id') + "Img";

            $('#' + imageId + '')[0].src = siteUrl + "images/aviButtonCurrent4.png";


          /*  $("#topBanner" + lastTopBannerId).fadeOut("slow", function() {
                //$("#topBanner" + currentPointButton).fadeIn("fast");
                $("#topBanner" + currentPointButton).css("display", "block");
            lastTopBannerId = currentPointButton;    
            });*/
            $("#topBanner" + lastTopBannerId).css("display", "none");
            $("#topBanner" + currentPointButton).css("display", "block");
            lastTopBannerId = currentPointButton;
            
        });
    });

     
    function NextPointBanner() {  
    currentPointButton = (currentPointButton * 1) + 1;
    if (currentPointButton > 5)
        currentPointButton = 5;   
    $(".BannerPoint img").each(function() {
        $(this).removeClass('active');
        $(this)[0].src = siteUrl + "images/aviButtonHover4.png";
    });

    var curObj = $('#PointBtn' + currentPointButton + '');
    $(curObj).addClass("active");
    var imageId = $(curObj).attr('id') + "Img";
    $('#' + imageId + '')[0].src = siteUrl + "images/aviButtonCurrent4.png";

    $("#topBanner" + lastTopBannerId).css("display", "none");
    $("#topBanner" + currentPointButton).css("display", "block");
    lastTopBannerId = currentPointButton;

    autoPointBanner = 0;
}

function moveToPoint(num) {
    currentPointButton = num;
    $(".BannerPoint img").each(function() {
        $(this).removeClass('active');
        $(this)[0].src = siteUrl + "images/aviButtonHover4.png";
    });

    var curObj = $('#PointBtn' + currentPointButton + '');
    $(curObj).addClass("active");
    var imageId = $(curObj).attr('id') + "Img";
    $('#' + imageId + '')[0].src = siteUrl + "images/aviButtonCurrent4.png";

    $("#topBanner" + lastTopBannerId).css("display", "none");
    $("#topBanner" + currentPointButton).css("display", "block");
    lastTopBannerId = currentPointButton;

    autoPointBanner = 0;
}

function PrevPointBanner() {  
    currentPointButton = (currentPointButton * 1) -1;
    if (currentPointButton < 1)
        currentPointButton = 1;
    $(".BannerPoint img").each(function() {
        $(this).removeClass('active');
        $(this)[0].src = siteUrl + "images/aviButtonHover4.png";
    });

    var curObj = $('#PointBtn' + currentPointButton + '');
    $(curObj).addClass("active");
    var imageId = $(curObj).attr('id') + "Img";
    $('#' + imageId + '')[0].src = siteUrl + "images/aviButtonCurrent4.png";

    $("#topBanner" + lastTopBannerId).css("display", "none");
    $("#topBanner" + currentPointButton).css("display", "block");
    lastTopBannerId = currentPointButton;

    autoPointBanner = 0;
}

function AutoNextPointBannerFirstTime() {
    if (currentPointButton == 1)
        currentPointButton = 0;
         
    AutoNextPointBanner();
    
  
}
function AutoNextPointBanner() {

    if (autoPointBanner == 1) {
        if (currentPointButton == 5)
            currentPointButton = 0;
        NextPointBanner();
        autoPointBanner = 1;
        setTimeout(AutoNextPointBanner, 5000);
    }
}




function ChangeOriginalSize() {
    if (currentEnlargeTd != '') {


        $("#td1").stop();
        $("#td2").stop();
        $("#td3").stop();
        $("#td4").stop();
        
          if (($("#td1ContentBig").css("display") == "block")) {
              $("#td1ContentBig").fadeOut("fast", function() {
                  $("#td1Content").fadeIn("fast");
              })
          }
          //    else (($("#td1ContentSmall").css("display") == "block")) {
          else {
              $("#td1ContentSmall").fadeOut("fast", function() {
                  $("#td1Content").fadeIn("fast");
              })
          }

          ///////
          if (($("#td2ContentBig").css("display") == "block")) {
              $("#td2ContentBig").fadeOut("fast", function() {
                  $("#td2Content").fadeIn("fast");
              })
          }
          else {
              // if (($("#td2ContentSmall").css("display") == "block")) {
              $("#td2ContentSmall").fadeOut("fast", function() {
                  $("#td2Content").fadeIn("fast");
              })
          }
          ////////////
          if (($("#td3ContentBig").css("display") == "block")) {
              $("#td3ContentBig").fadeOut("fast", function() {
                  $("#td3Content").fadeIn("fast");
              })
          }
          else {
              // if (($("#td3ContentSmall").css("display") == "block")) {
              $("#td3ContentSmall").fadeOut("fast", function() {
                  $("#td3Content").fadeIn("fast");
              })
          }
          //////////////
          if (($("#td4ContentBig").css("display") == "block")) {
              $("#td4ContentBig").fadeOut("fast", function() {
                  $("#td4Content").fadeIn("fast");

              })
          }
          else {
              //if (($("#td4ContentSmall").css("display") == "block")) {
              $("#td4ContentSmall").fadeOut("fast", function() {
                  $("#td4Content").fadeIn("fast");
              })
          }

          $("#td1").animate({
              width: "218px"
          }, 700);
          $("#td2").animate({
              width: "218px"
          }, 700);
          $("#td3").animate({
              width: "218px"
          }, 700);
          $("#td4").animate({
              width: "218px"
          }, 700);

          $('#td1').css("background-position", "0  0");
          $('#td1L').css("background-position", "0 0");
          $('#td1R').css("background-position", "0 0");
          $('#td2').css("background-position", "0  0");
          $('#td2L').css("background-position", "0 0");
          $('#td2R').css("background-position", "0 0");
          $('#td3').css("background-position", "0  0");
          $('#td3L').css("background-position", "0 0");
          $('#td3R').css("background-position", "0 0");
          $('#td4').css("background-position", "0  0");
          $('#td4All').css("background-position", "0  0");
          $('#td4L').css("background-position", "0 0");
          $('#td4R').css("background-position", "0 0");
   

       //   currentEnlargeTd = ''; 
            lastEnlargeTd = ""; 
      }
  }


  jQuery(document).ready(function() {
      $(document).mousemove(function(e) {
          if (e.pageY < 300 || e.pageY > 430) {
              if (hideC ==1) {
                  hideC=0;

                  setTimeout("ChangeOriginalSize()", 300);
                  
                  //ChangeOriginalSize();
              }
          }
      });
  })