// JavaScript Document
var selected_item = null;
var selected_img = null;
var selected_text = null;
var timer = null;
var item_no = 0;

$(function(){
	/////////////////////////////Start Page//////////////////////////////////////////////
	init();
	/////////////////////////////////////////////////////////////////
	
	/////////////////////////Click Event//////////////////////////////////////
	$("#navigationimg ul li a img").click(function(){
		if($(selected_item).attr('src') == $(this).attr('src')) return;
		clearInterval(timer);
		selected_item = this;
		$("#navigationimg ul li a img").animate({opacity:'.5'},{duration:300});
		var ele_id = $(this).attr('id');
		
		$(selected_item).animate({opacity:'1'},{duration:0});
		$(selected_img).animate({opacity:'0'},{duration:400});
		$(selected_text).css({'visibility':'hidden'},{duration:200});
		
		$('#newswedgitsimage ul li img#' + ele_id * 10).animate({opacity:'1'},{duration:400});
		selected_img = $('#newswedgitsimage ul li img#' + ele_id * 10);
		
		$('#newstext ul li#' + ele_id * 100).css({'visibility':'visible'});
		selected_text = $('#newstext ul li#' + ele_id * 100);
		start();
	});	
	
	start();
});

function start()
{
	timer = setInterval(function(){
		
		if($(selected_item).attr('id') == item_no)
		{
			$(selected_item).animate({opacity:'.5'},{duration:0});
			$(selected_img).animate({opacity:'0'},{duration:400});
			$(selected_text).css({'visibility':'hidden'},{duration:200});
			
			selected_item = $("#navigationimg ul li:first a img");
			selected_img = $("#newswedgitsimage ul li:first img");
			selected_text = $("#newstext ul li:first");
			
			$(selected_item).animate({opacity:'1'},{duration:0});
			$(selected_img).animate({opacity:'1'},{duration:400});
			$(selected_text).css({'visibility':'visible'},{duration:200});
		}
		else{
			$(selected_item).animate({opacity:'.5'},{duration:0});
			$(selected_img).animate({opacity:'0'},{duration:400});
			$(selected_text).css({'visibility':'hidden'},{duration:200});
			var ele_id = $(selected_item).attr('id');
			ele_id++;
			selected_item = $('#navigationimg ul li a img#' + ele_id);
			selected_img = $('#newswedgitsimage ul li img#' + ele_id * 10);
			selected_text = $('#newstext ul li#' + ele_id * 100);
			
			$(selected_item).animate({opacity:'1'},{duration:0});
			$(selected_img).animate({opacity:'1'},{duration:400});
			$(selected_text).css({'visibility':'visible'},{duration:200});
		}
	},5000);
}

function init()
{
	var i = 1;
	
	$("#navigationimg ul li a img").each(function(){
		$(this).attr('id',i);
		i++;
		item_no++;
	});
	
	i = 1;
	$("#newswedgitsimage ul li img").each(function(){
		$(this).attr('id',i*10);
		i++;
	});
	
	i = 1;
	$("#newstext ul li").each(function(){
		$(this).attr('id',i*100);
		i++;
	});
	
	selected_item = $("#navigationimg ul li:first a img");
	selected_img = $("#newswedgitsimage ul li:first img");
	selected_text = $("#newstext ul li:first");

	$("#navigationimg ul li a img").animate({opacity:'.5'},{duration:0});
	$("#navigationimg ul li:first a img").animate({opacity:'1'},{duration:0});
	
	$("#newstext ul li:first").css({'visibility':'visible'},{duration:0});
	
	$("#newswedgitsimage ul li img").animate({opacity:'0'},{duration:0});
	$("#newswedgitsimage ul li:first img").animate({opacity:'1'},{duration:0});
	
	$("#navigationimg ul li a img").hover(function(){
			showAllImages(this);
		},function(){
			hideAllImages(this);
	});
}

function showAllImages(ele)
{
	if($(selected_item).attr('src') == $(ele).attr('src')) return;
	$(ele).animate({opacity:'1'},{duration:100});
}

function hideAllImages(ele) 
{
	if($(selected_item).attr('src') == $(ele).attr('src')) return;
	$(ele).animate({opacity:'.4'},{duration:100});
}