// <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(){

		//remove all class selected from all
		$('.swap-contact').each(function(){
			$(this).removeClass("selected");
			this.src = this.src.replace('_on.','_off.');
		});

		//add selected to new tab
		$(this).addClass("selected");
		this.src = this.src.replace('_off.','_on.');

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

        //remove contact-hide-content on the new selected tab
        $('#' + $(this).attr('id') + '-content').removeClass('contact-hide-content');
	});

	$('.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.');
		}
	});


 });

 $(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');
    }
 });