// JavaScript Document

$(document).ready(init);

function init(){
	if ($("#banner").get(0)) func01();
	if ($("#box").get(0)) func02();
	
	}
function func01()
{
	var randomnumber=Math.floor(Math.random()*3)+1;
	
	
	$("#banner").get(0).src = "_images/_banners/0"+randomnumber+".jpg";
	$("#header").get(0).src = "_images/_banners/0"+randomnumber+"_header.gif";
	
	
	
	$("#nav").find("img:nth-child(odd)").each(
			function () {
					$(this).mouseover(function(){
								var arr = this.parentNode.getElementsByTagName("img");
								$(arr[1]).fadeIn(400);
								//$(arr[1]).css("display", "block");
							})
				}						
		)
		
		$("#nav").find("img:nth-child(even)").each(
			function () {
					$(this).mouseout(function(){
								$(this).fadeOut(400);
								//$(this).css("display", "none");
							})
				}						
										
		)
}

function func02() {
		var obj_arr = new Array();
		
		var i=0;
		$("#box2 > li").find("a").each(
				function () {
						
						/*********************************************/
						/*                 init arrays               */
						/*********************************************/
						var arr_li = Array();
						var p = $(this.parentNode).find("li").find("p");
						var img = $(this.parentNode).find("li").find("img");
						var  div = $(this.parentNode).find("li").find("div");
						var j=0;
						p.each( function() {
								arr_li[j] = Array();
								arr_li[j][0] = $(this).html();
								j=j+1;
						} );
						var j=0;
						img.each( function() {
								arr_li[j][1] = this.src;
								j=j+1;
						} );
						var j=0;
						div.each( function() {
								arr_li[j][2] = $(this).html();
								j=j+1;
						} );
						this.arr_li = arr_li;
						

						/*********************************************/
						/*         click on icon                     */
						/*********************************************/
						$(this).click(function(){
								$("#box2 > li").find("a").each(function () {this.className='';})
								this.className = 'selected';
								
								
								$("#box").get(0).current_gallery_arr = this.arr_li;
								$("#box").get(0).current_i = 0;
								$("#box").get(0).current_length = this.arr_li.length;
							
								/*gallery-init*/
								$("#box").find("img").get(0).src = this.arr_li[0][1];
								$("#box").find("p").html(this.arr_li[0][0]);
								$("#description").html(this.arr_li[0][2]);
						})
						
						
				}
		)
		/*********************************************/
        /*                  btns                     */
		/*********************************************/
		$("#arr_next").click(function(){
					var obj = $("#box").get(0);
					if (obj.current_i<obj.current_length-1)  obj.current_i = obj.current_i+1;	
					var ind = obj.current_i;
					$("#box").find("img").get(0).src = obj.current_gallery_arr[ind][1];
					$("#box").find("p").html(obj.current_gallery_arr[ind][0]);
					$("#description").html(obj.current_gallery_arr[ind][2]);
		});
		
		$("#arr_prev").click(function(){
					var obj = $("#box").get(0);
					if (obj.current_i>0)  obj.current_i = obj.current_i-1;	
					var ind = obj.current_i;
					$("#box").find("img").get(0).src = obj.current_gallery_arr[ind][1];
					$("#box").find("p").html(obj.current_gallery_arr[ind][0]);
					$("#description").html(obj.current_gallery_arr[ind][2]);
		});
		
		
		/*********************************************/
		/*                init gallery               */
		/*********************************************/
		var obj_init = $("#box2 > li").find("a").get(0);
		obj_init.className = 'selected';
		$("#box").get(0).current_gallery_arr = obj_init.arr_li;
		$("#box").get(0).current_i = 0;
		$("#box").get(0).current_length = obj_init.arr_li.length;
		$("#box").find("img").get(0).src = obj_init.arr_li[0][1];
		$("#box").find("p").html(obj_init.arr_li[0][0]);
}
