$(document).ready(function(){
	
	tabs = $('#main_navigation').children('li');
	content_elements = $('#contents').children('div');
	var count = tabs.length;
	var cycle = window.setInterval('circular()', period);
	$('#main_navigation').children('li').mouseover( function() {
		current_li = $(this).index();
		window.clearInterval(cycle);
		$(this).parent('ul').children('li').children('a').removeClass('active');
		$(this).children('a').addClass('active');
		var id = $(this).children('a').attr('id');
		content_elements.each( function(i, domElement) {
			jQuery(domElement).hide();
			if( jQuery(domElement).hasClass(id) ) {
				jQuery(domElement).show();
			}
		});
	});
	
	$(".overview").live('click', function() {
		window.clearInterval(cycle);
		var current_overview_index = $(this).closest('div.banner').index();
		var current_overview = $(this).closest('div.banner').children('.category_overview');
		var status = current_overview.css('display');
		current_overview.slideToggle('slow');
		$('div.banner').children('div.category_overview').each(function(i, domElement){
			$('div.banner').children('div.category_overview').each(function(i, domElement){
				// this is the status before the element was toggled, so the logic is negated
				if( status == 'none') {
					jQuery(domElement).addClass('shown');
				}
				else {
					jQuery(domElement).removeClass('shown');
				}
			});
		});
		window.setTimeout('removeStyle()', 1500);
		
		var shown = $('p.links').children('a.shown.overview');
		var hidden = $('p.links').children('a.hidden.overview');
		var value = shown.text();
		if(value.indexOf('close panel', 1)>0)
		{
		    shown.text('read more');
		    shown.removeClass('close_read_more').addClass('read_more');
        }
		else
		{ 
		    shown.text('close panel');
		    shown.removeClass('read_more').addClass('close_read_more');
		}
		
		//shown.removeClass('shown').addClass('hidden');
		//hidden.removeClass('hidden').addClass('shown');
		return false;
	});
	
});

var element = 0;
var tabs;
var content_elements;
var period = 5000; /* milliseconds */
var current_li = 0;

function removeStyle() {
	$('.category_overview').removeAttr('style');
}

function circular() {
	if( element > tabs.length - 1 ) {
		element = 0;
	}
	$('#main_navigation').children('li').children('a').removeClass('active');
	$('#contents div.banner').hide();
	jQuery(tabs[element]).children('a').addClass('active');
	jQuery(content_elements[element]).show();
	element++;
}

function Displaybanner(id)
{
    document.getElementById ('content1').className='button_1';
    document.getElementById ('content2').className='button_2';
    document.getElementById ('content3').className='button_3';
    document.getElementById ('content4').className='button_4';
    document.getElementById ('content5').className='button_5';
    document.getElementById ('content6').className='button_6';
    document.getElementById ('content7').className='button_7';
    
    $('#banner1').hide();
    $('#banner2').hide();
    $('#banner3').hide();
    $('#banner4').hide();
    $('#banner5').hide();
    $('#banner6').hide();
    $('#banner7').hide();
    switch(id)
    {
        case 1:
             document.getElementById ('content1').className='button_1 active';
             $('#banner1').show();
             
             break;
        case 2:
             document.getElementById ('content2').className='button_2 active';
             $('#banner2').show();
             break;
        case 3:
             document.getElementById ('content3').className='button_3 active';
             $('#banner3').show();
             break;
        case 4:
             document.getElementById ('content4').className='button_4 active';
             $('#banner4').show();
             break;
        case 5:
             document.getElementById ('content5').className='button_5 active';
             $('#banner5').show();
             break;
        case 6:
             document.getElementById ('content6').className='button_6 active';
             $('#banner6').show();
             break;
        case 7:
             document.getElementById ('content7').className='button_7 active';
             $('#banner7').show();                                       
             break;
    }
    return false;
}

function displayTagElements(id)
{
    document.getElementById ('content1').className='button_1';
    document.getElementById ('content2').className='button_2';
    document.getElementById ('content3').className='button_3';
    document.getElementById ('content4').className='button_4';
    document.getElementById ('content5').className='button_5';
    document.getElementById('content6').className = 'button_6';
    if(document.getElementById ('content7') != null)
        document.getElementById ('content7').className='button_7';
    
    $('#banner1').hide();
    $('#banner2').hide();
    $('#banner3').hide();
    $('#banner4').hide();
    $('#banner5').hide();
    $('#banner6').hide();
    $('#banner7').hide();
    
    /*$('#category_overview1').hide();
    $('#category_overview2').hide();
    $('#category_overview3').hide();
    $('#category_overview4').hide();
    $('#category_overview5').hide();
    $('#category_overview6').hide();*/
    
    $('#category_overview1').show();
    $('#category_overview2').show();
    $('#category_overview3').show();
    $('#category_overview4').show();
    $('#category_overview5').show();
    $('#category_overview6').show();
    
    $('#Indreadmore').text('close panel');
    $('#lgereadmore').text('close panel');
    $('#Mgrreadmore').text('close panel');
    $('#sptreadmore').text('close panel');
    $('#Hltreadmore').text('close panel');
    $('#Unvreadmore').text('close panel');
    
    $('#Indreadmore').removeClass('read_more').addClass('close_read_more');
    $('#lgereadmore').removeClass('read_more').addClass('close_read_more');
    $('#Mgrreadmore').removeClass('read_more').addClass('close_read_more');
    $('#sptreadmore').removeClass('read_more').addClass('close_read_more');
    $('#Hltreadmore').removeClass('read_more').addClass('close_read_more');
    $('#Unvreadmore').removeClass('read_more').addClass('close_read_more');
    
    switch(id)
    {
        case 1:
             document.getElementById ('content1').className='button_1 active';
             $('#banner1').show();
             //$('#category_overview1').show();
             break;
        case 2:
             document.getElementById ('content2').className='button_2 active';
             $('#banner2').show();
             //$('#category_overview2').show();
             break;
        case 3:
             document.getElementById ('content3').className='button_3 active';
             $('#banner3').show();
             //$('#category_overview3').show();
             break;
        case 4:
             document.getElementById ('content4').className='button_4 active';
             $('#banner4').show();
             //$('#category_overview4').show();
             break;
        case 5:
             document.getElementById ('content5').className='button_5 active';
             $('#banner5').show();
             //$('#category_overview5').show();
             break;
        case 6:
             document.getElementById ('content6').className='button_6 active';
             $('#banner6').show();
             //$('#category_overview6').show();
             break;
        case 7:
             document.getElementById ('content7').className='button_7 active';
             $('#banner7').show();     
             //$('#category_overview1').show();                            
             break;
    }
    return false;
}