/* Tabs Functionality */

// Tabs Index



/*  JinstaTabs('a','b','c')   a = The area where content switches out; b= Table of Contents Box; c=the selector(example: strong, h6, .myclass )*/

function JinstaTabs(TdisplayDiv, TabIndexDiv, TindexElement){

$(document).ready(function(){

$("<div id='tabsblock'></div>").insertBefore(TabIndexDiv);


$("<div id='tabsdisplaybox'></div>").appendTo(TdisplayDiv);
$('#tabsindex ul li').find(TindexElement).not($('#tabsindex ul li '+TindexElement+':first-child').siblings(TindexElement)).clone().appendTo('#tabsblock');
//apply different style to strong siblings
$('#tabsindex ul li '+TindexElement+':first-child').siblings(TindexElement).addClass('tabs-strong-two');


tabsindexcount =$('#tabsblock '+TindexElement).length;

for(i=0;i<tabsindexcount;i++){
$('<br />').appendTo('#tabsblock '+TindexElement+':eq('+i+')');
$('#tabsblock '+TindexElement+':eq('+i+')').wrap("<a rel='tabcontent_"+i+"' class='tab'href='#'></a>");
$('#tabsindex ul:eq('+i+')').not('#tabsindex ul ul').addClass("tabcontent_"+i);
}

// First to show

function start_tabs(value){
templink =value;
$(templink).clone().appendTo('#tabsdisplaybox');
}


$('.tab').click(function(event){
event.preventDefault();
templink ='.'+$(this).attr('rel');
$('#tabsdisplaybox ul').detach();
$(templink).clone().appendTo('#tabsdisplaybox');
});

start_tabs('.tabcontent_0');

});

}