/*
* JQuery controller script
*
* - drop-down menu image rollovers
* - homepage auto-scrolling banners
* - bulk page manual scroll banners
* - shop manual scroll banners
* - mini banner random border colours
* - newsletter sign-up reveal
* - shop sortable table
*
*/


$(document).ready(function() {
  
  var bannerInterval=0;
  var moduleInterval=0;
 //var menuCars=new Array('1-series.jpg','3-series.jpg','5-series.jpg','6-series.jpg','7-series.jpg','x3.jpg','x5.jpg','X6.jpg','Z4.jpg');
  
  //$("#topmenu li").hover(function(){
    $("#topmenu #menu_1_19").height(145); //if js is on we need to make space for the images to appear
    $("#topmenu #menu_1_20").height(145); //if js is on we need to make space for the images to appear
    $("#topmenu #menu_1_44").height(145); //if js is on we need to make space for the images to appear
    $("#topmenu #menu_1_45").height(145); //if js is on we need to make space for the images to appear
    $("#topmenu li.img_placeholder").addClass("menu_img");
    
 // Table zebra stripes
$(".zebra tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
$(".zebra tr:odd").addClass("alt");


 /* ***** MAIN MENU ROLLOVERS ***** */
 
 $("#topmenu #menu_1_19 li.item a").hover(function(){
     var thisLink = $(this).attr("href");
     var newImage = $("#topmenu #menu_1_19 li.item a").index(this);
     $("#topmenu #menu_1_19 li.menu_img").hide();
     $("#topmenu #menu_1_19 li.menu_img").html('<a href="'+thisLink+'"><img src="/cm_sitedata/page_images/'+menuNewCars[newImage]+'" alt="" /></a>');
     $("#topmenu #menu_1_19 li.menu_img").fadeIn(150);
   }, 
   function(){
     //$("#topmenu #menu_1_19 li.menu_img").animate({opacity:"0"},100);
    }
  );
  
  $("#topmenu #menu_1_20 li.item a").hover(function(){
     var thisLink = $(this).attr("href");
     var newImage = $("#topmenu #menu_1_20 li.item a").index(this);
     $("#topmenu #menu_1_20 li.menu_img").hide();
     $("#topmenu #menu_1_20 li.menu_img").html('<a href="'+thisLink+'"><img src="/cm_sitedata/page_images/'+menuUsedCars[newImage]+'" alt="" /></a>');
     $("#topmenu #menu_1_20 li.menu_img").fadeIn(150);
   }, 
   function(){
    //$("#topmenu #menu_1_20 li.menu_img").animate({opacity:"0"},100);
    }
  );
  
  $("#topmenu #menu_1_44 li.item a").hover(function(){
     var thisLink = $(this).attr("href");
     var newImage = $("#topmenu #menu_1_44 li.item a").index(this);
     $("#topmenu #menu_1_44 li.menu_img").hide();
     $("#topmenu #menu_1_44 li.menu_img").html('<a href="'+thisLink+'"><img src="/cm_sitedata/page_images/'+menuNewCars[newImage]+'" alt="" /></a>');
     $("#topmenu #menu_1_44 li.menu_img").fadeIn(150);
   }, 
   function(){
    //$("#topmenu #menu_1_44 li.menu_img").animate({opacity:"0"},100);
    }
  );
  
  $("#topmenu #menu_1_45 li.item a").hover(function(){
     var thisLink = $(this).attr("href");
     var newImage = $("#topmenu #menu_1_45 li.item a").index(this);
     $("#topmenu #menu_1_45 li.menu_img").hide();
     $("#topmenu #menu_1_45 li.menu_img").html('<a href="'+thisLink+'"><img src="/cm_sitedata/page_images/'+menuUsedCars[newImage]+'" alt="" /></a>');
     $("#topmenu #menu_1_45 li.menu_img").fadeIn(150);
   }, 
   function(){
    //$("#topmenu #menu_1_45 li.menu_img").animate({opacity:"0"},100);
    }
  );
  
/* ***** HOMEPAGE BANNER SCROLLING ***** */
  if ( ($(".home #bannerCon a").length)>1 ) {
    $(".home .mainbanner #rightArrow").css("display","block");
    $(".home .mainbanner #leftArrow").css("display","block");
  }
 
  if ( ($(".home #bannerCon a").length)>2 ) {
    var lastImg = $(".home #bannerCon a:last");
    $(".home #bannerCon a:first").before(lastImg);
    $(".home #bannerCon").css("left","-910px");
  }

	
  if ( ($(".home #bannerCon a").length)==2 ) {
    var newWidth =( ( $(".home #bannerCon").width() )+1820 );
    $(".home #bannerCon").width(newWidth);
    
    var firstImg = $(".home #bannerCon a:first");
    var lastImg = $(".home #bannerCon a:last");
    var firstImgClone = firstImg.clone();
    var lastImgClone = lastImg.clone();
    
    $(".home #bannerCon a:last").before(firstImgClone);
    $(".home #bannerCon a:last").before(lastImgClone);
    
    $(".home #bannerCon").css("left","-910px");
  }

     
  $(".home .mainbanner #rightArrow").click( function(){
    $(".home .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".home #bannerCon a:first");
        
    $(".home #bannerCon").css("left","0px");
    $(".home #bannerCon a:last").after(firstImg);
    
    $(".home #bannerCon").animate({ left: "-910" }, 1000, function() {
      $(".home .mainbanner .arrow").css("display","block");
      $(".home .mainbanner .arrow").animate({opacity:"1"},200);
    });
    clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBanner()",5000);
        
  });
  
  $(".home .mainbanner #leftArrow").click( function(){
    $(".home .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var lastImg = $(".home #bannerCon a:last");
        
    $(".home #bannerCon").css("left","-1820px");
    $(".home #bannerCon a:first").before(lastImg);
    
    $(".home #bannerCon").animate({ left: "-910" }, 1000, function() {
      $(".home .mainbanner .arrow").css("display","block");
      $(".home .mainbanner .arrow").animate({opacity:"1"},200);
    });
    clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBanner()",5000);
        
  });
  
/* ***** AUTO CYCLE HOMPAGE BANNERS ***** */
rotateBanner = function(){
  $(".home .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".home #bannerCon a:first");
        
    $(".home #bannerCon").css("left","0px");
    $(".home #bannerCon a:last").after(firstImg);
    
    $(".home #bannerCon").animate({ left: "-910" }, 1000, function() {
      $(".home .mainbanner .arrow").css("display","block");
      $(".home .mainbanner .arrow").animate({opacity:"1"},200);
    });
  }

if ( ($(".home #bannerCon a").length)>1 ) {  
  bannerInterval = setInterval("rotateBanner()",5000);  //sah changed this
}


/* ***** FADE THROUGH HOMEPAGE MODULES ***** */
  var numImages=$(".home #modules .hideModule").length;

$(".home #modules .hideModule").css("visibility","visible");
$(".home #modules .hideModule").hide();
$(".home #modules .hideModule:first").fadeIn(1000);


fadeModule = function(){

  $("#modules .hideModule:nth-child(2)").fadeIn(1000,function(){
    var firstImg = $("#modules .hideModule:first");
    $("#modules .hideModule:first").hide();
    $("#modules .hideModule:last").after(firstImg);
  });

}

moduleInterval = setInterval("fadeModule()",8000);

/* ***** BULK PAGE BANNER SCROLLING ***** */
  if ( ($(".default #bannerCon img").length)>1 ) {
    $(".default .mainbanner #rightArrow").css("display","block");
    $(".default .mainbanner #leftArrow").css("display","block");
  }
 
  if ( ($(".default #bannerCon img").length)>2) {

		var lastImg = $(".default #bannerCon a:last");

    $(".default #bannerCon a:first").before(lastImg);
    $(".default #bannerCon").css("left","-715px");
  }

/*
 *Do not know what this is attempting to do. Functionality appears OK without ?
  if ( ($(".default #bannerCon img").length)==2) {
    var newWidth =( ( $(".default #bannerCon").width() )+1430 );
    $(".default #bannerCon").width(newWidth);
    
    var firstImg = $(".default #bannerCon img:first");
    var lastImg = $(".default #bannerCon img:last");
    var firstImgClone = firstImg.clone();
    var lastImgClone = lastImg.clone();
    
    $(".default #bannerCon img:last").after(firstImgClone);
    $(".default #bannerCon img:last").after(lastImgClone);
    
    $(".default #bannerCon").css("left","-715px");
  }
  */
   
  $(".default .mainbanner #rightArrow").click( function(){
    $(".default .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".default #bannerCon a:first");
        
    $(".default #bannerCon").css("left","0px");
    $(".default #bannerCon a:last").after(firstImg);
    
    $(".default #bannerCon").animate({ left: "-715" }, 1000, function() {
      $(".default .mainbanner .arrow").css("display","block");
      $(".default .mainbanner .arrow").animate({opacity:"1"},200);
    });

		clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBulkBanner()",5000);
        
  });
  
  $(".default .mainbanner #leftArrow").click( function(){
    $(".default .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var lastImg = $(".default #bannerCon a:last");
        
    $(".default #bannerCon").css("left","-1430px");
    $(".default #bannerCon a:first").before(lastImg);
    
    $(".default #bannerCon").animate({ left: "-715" }, 1000, function() {
       $(".default .mainbanner .arrow").css("display","block");
      $(".default .mainbanner .arrow").animate({opacity:"1"},200);
    });

		clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBulkBanner()",5000);
        
  });


  /* ***** AUTO CYCLE BULKPAGE BANNERS ***** */

rotateBulkBanner = function(){
  $(".default .mainbanner .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".default #bannerCon a:first");
		
    $(".default #bannerCon").css("left","0px");
    $(".default #bannerCon a:last").after(firstImg);

    $(".default #bannerCon").animate({ left: "-715" }, 1000, function() {
      $(".default .mainbanner .arrow").css("display","block");
      $(".default .mainbanner .arrow").animate({opacity:"1"},200);
    });
  }

if ( ($(".default #bannerCon a").length)>1 ) {
  bannerInterval = setInterval("rotateBulkBanner()",5000);  //sah changed this
}

/* ***** SHOP PAGE BANNER SCROLLING ***** */
  if ( ($(".shop #bannerCon img").length)>1 ) {
    $(".shop .bannerImg #rightArrow").css("display","block");
    $(".shop .bannerImg #leftArrow").css("display","block");
  }

  if ( ($(".shop #bannerCon img").length)>2) {

		var lastImg = $(".shop #bannerCon a:last");

    $(".shop #bannerCon a:first").before(lastImg);
    $(".shop #bannerCon").css("left","-356px");
  }

/*
 *Do not know what this is attempting to do. Functionality appears OK without ?
  if ( ($(".shop #bannerCon img").length)==2) {
    var newWidth =( ( $(".shop #bannerCon").width() )+1430 );
    $(".shop #bannerCon").width(newWidth);

    var firstImg = $(".shop #bannerCon img:first");
    var lastImg = $(".shop #bannerCon img:last");
    var firstImgClone = firstImg.clone();
    var lastImgClone = lastImg.clone();

    $(".shop #bannerCon img:last").after(firstImgClone);
    $(".shop #bannerCon img:last").after(lastImgClone);

    $(".shop #bannerCon").css("left","-715px");
  }
  */

  $(".shop .bannerImg #rightArrow").click( function(){
    $(".shop .bannerImg .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".shop #bannerCon a:first");

    $(".shop #bannerCon").css("left","0px");
    $(".shop #bannerCon a:last").after(firstImg);

    $(".shop #bannerCon").animate({ left: "-356" }, 1000, function() {
      $(".shop .bannerImg .arrow").css("display","block");
      $(".shop .bannerImg .arrow").animate({opacity:"1"},200);
    });

		clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBulkBanner()",5000);

  });

  $(".shop .bannerImg #leftArrow").click( function(){
    $(".shop .bannerImg .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var lastImg = $(".shop #bannerCon a:last");
		//var lastImgCopy = lastimg;

    $(".shop #bannerCon").css("left","-712px");
    $(".shop #bannerCon a:first").before(lastImg);


    $(".shop #bannerCon").animate({ left: "-356" }, 1000, function() {
      $(".shop .bannerImg .arrow").css("display","block");
      $(".shop .bannerImg .arrow").animate({opacity:"1"},200);
    });
		


		clearInterval (bannerInterval);
    bannerInterval = setInterval("rotateBulkBanner()",5000);

  });


  /* ***** AUTO CYCLE SHOP BANNERS ***** */

rotateBulkBanner = function(){
  $(".shop .bannerImg .arrow").animate({opacity:"0"},100, function(){
      $(this).css("display","none");
    });
    var firstImg = $(".shop #bannerCon a:first");

    $(".shop #bannerCon").css("left","0px");
    $(".shop #bannerCon a:last").after(firstImg);

    $(".shop #bannerCon").animate({ left: "-356" }, 1000, function() {
      $(".shop .bannerImg .arrow").css("display","block");
      $(".shop .bannerImg .arrow").animate({opacity:"1"},200);
    });
  }

if ( ($(".shop #bannerCon a").length)>1 ) {
  bannerInterval = setInterval("rotateBulkBanner()",5000);  //sah changed this
}

  
/* ***** MINI BANNER BORDER COLOURS ***** */
var colors=Array('#00618d','#9e0c11','#3f2216','#63bc46','#fe6700');
var numColors=colors.length+1;
var rndColor=Math.floor(Math.random()*numColors);

$(".mainbanner[title='mini']").css("border","8px solid "+colors[rndColor]+"");
  
$(".shop .mainbanner[title='mini']").css("border","8px solid #00618d");   

/* ***** NEWLETTER SIGN UP REVEAL ***** */

  $(".mainmenu #newsletter a").click(function() {
    $(".mainmenu #newsletter").fadeOut(100);
    $(".mainmenu .maillist").animate({top: "3", height: "30"}, 400);
  });
  

/* ***** SHOP TABLE JQUERY ***** */
$(".itemsTable").tablesorter({
  sortList:[[7,0]], 
  widgets: ['zebra'],
  headers: { 0:{sorter:false},1:{sorter:false},2:{sorter:false},5:{sorter:false},6:{sorter:false},8:{sorter:false} } 
}); 

//$(".itemsTable").tablesorter({ headers: {0:{sorter:false},1:{sorter:false},2:{sorter:false},5:{sorter:false},6:{sorter:false},8:{sorter:false} } });

$(".itemsTable td:not(.compare)").css("cursor","pointer");

$(".itemsTable tr").hover(function(){
  
  $(this).addClass("hov");
},
function(){
  $(this).removeClass("hov");
});

$(".itemsTable td:not(.compare)").click(function(){
  var url = $(this).children("a").attr("href");
  document.location=url;
});
  
$(".itemsTable .chkbox").removeAttr("disabled");
$(".itemsTable .btn").attr("disabled","disabled");
  
$(".itemsTable .chkbox").click(function(){
  
  $(".itemsTable .chkbox:checked").parents("tr").addClass("sel");
  $(".itemsTable .chkbox:not(:checked)").parents("tr").removeClass("sel");
  
    if( ( $(".itemsTable .chkbox:checked").length )==2 ) {
      
      $(".itemsTable tr.sel .btn").removeAttr("disabled");
      $(".itemsTable tr:not(.sel) .btn").attr("disabled","disabled");
      $(".itemsTable .chkbox:not(:checked)").removeAttr("disabled");
      
    } else if( ( $(".itemsTable .chkbox:checked").length )==3 ) {
      
      $(".itemsTable .chkbox:not(:checked)").attr("disabled","disabled");
      $(".itemsTable tr.sel .btn").removeAttr("disabled");
      
    } else {
      
      $(".itemsTable .chkbox").removeAttr("disabled");
      $(".itemsTable .btn").attr("disabled","disabled");
      
    } 
    
});


 }); // end jQuery Script
 
function contactPopup() {
   var elVis=$("#contact_popup").css("visibility");
   if(elVis=='hidden') { //show
    $("#contact_popup").css("visibility","visible");
  } else { //hide
    $("#contact_popup").css("visibility","hidden");
  }
}


