// <div id="cn-general-tab" class="contact-tabs-content">
//<?= $page_data['special_content']['general_tab']['content']; ?>
//</div>
//<div id="cn-online-tab" class="contact-tabs-content contact-hide-content">
//<?= $page_data['special_content']['online_tab']['content']; ?>
//</div>
//<div id="cn-personal-tab" class="contact-tabs-content contact-hide-content">
//<?= $page_data['special_content']['personal_tab']['content']; ?>
//</div>
//<div id="cn-business-tab" class="contact-tabs-content contact-hide-content">
//<?= $page_data['special_content']['business_tab']['content']; ?>
//</div>

 $(document).ready(function(){
    $('.swap-contact').click(function(){
		var index = $('.swap-contact').index(this);
		tabSelected(index);
	});

	$('.swap-contact').mouseover(function(){
		this.src = this.src.replace('_off.','_on.');
	});

	$('.swap-contact').mouseout(function(){

		//if class is selected we don't want to deselect it
		if(!$(this).hasClass("selected")){
		   this.src = this.src.replace('_on.','_off.');
		}
	});

	$('.swap-contact').each(function(i){

		var hash = location.hash;
		
		if(hash.lastIndexOf(i) != -1){
			tabSelected(i);
		}
	});
});
	/**
	* tab Selected
	*/
	function tabSelected(index) {

		var elm = $('.swap-contact:eq('+index+')');
		var s = $(elm).attr('src');

		s = s.replace('_off.', '_on.');
		$(elm).addClass("selected");
		$(elm).attr('src', s);

		// Change the current ON image to be off
		$('.swap-contact').each(function(i){
			
			var thisSource = $(this).attr('src');

			if(thisSource.lastIndexOf('_on.') != -1 && index != i){

				var newSource = thisSource.replace('_on.', '_off.');

				$(this).removeClass('selected');
				$(this).attr('src', newSource);
			}

		});


		$('.contact-tabs-content').each(function(i){
		   //hide all content so we can unhide right content
		   if(index != i){
			   $(this).addClass('contact-hide-content');
		   }else{
			   $(this).removeClass('contact-hide-content');
		   }
		});
	}


 $(window).load(function(){
    var images = new Array('cn_general_inquiries_off.jpg','cc_online_banking_on.jpg','cc_personal_banking_on.jpg','cc_business_banking_on.jpg');

    for(var i=0;i<images.length;i++){
       var image = new Image();

       image.src = '/images/' + images[i];

       var image_off = new Image();
       image_off.src = '/images/' + images[i].replace('_on','_off');
    }
 });