// JavaScript Document

$(function(){
	var titleSrc;
	var titleOver;
	$('.hoverHandler').hover(
		function(){
			titleSrc = $(this).attr('src');
			titleOver = titleSrc.replace('.','_ov.');
			$(this).attr({src:titleOver});
		},
		function(){
			$(this).attr({src:titleSrc});
		})
	var whatNewsText = $('#whatNews li:first a:first').attr('title');
	var src = $('#whatNews li:first a:first').attr('href');
	if(src)	{src = src.replace('#','');}
	var newsShowed = src;
	var imgClass = $('#whatNewsImg').attr('class');
	$('#whatNewsImg').attr({'src':src,'title':whatNewsText,'alt':whatNewsText}).fadeIn(1000);
	if(imgClass){
		if(imgClass == 'creative'){$('#whatNewsImg').css({'left':'160px'});}
	}
	$('#whatNews li:first a,#service li:first a').addClass('whatNewsLiTitle');
	$('#whatNewsContents div:first').show();
	$('#whatNews li a').click(function(){
		if(imgClass == 'creative'){$('#whatNewsImg').css({'left':'160px'});}
		src = $(this).attr('href');
		src = src.replace('#','');
		if(newsShowed != src){
			var n = $('#whatNews li a').index($(this));
			var text = $(this).attr('title');
			whatNewsText = $(this).attr('title');
			$('#whatNews li a').removeClass('whatNewsLiTitle');
			$(this).addClass('whatNewsLiTitle');
			$('#whatNewsImg').remove();
			if(imgClass == 'creative'){
				$('<img id="whatNewsImg" src="'+src+'" alt="'+whatNewsText+'" title="'+whatNewsText+'"/>').appendTo('#creative').fadeIn(1000);
				$('#whatNewsImg').css({'left':'160px'});
			}else{
				$('<img id="whatNewsImg" src="'+src+'" alt="'+whatNewsText+'" title="'+whatNewsText+'"/>').appendTo('#contents').fadeIn(1000);
			}
			$('#whatNewsContents div').hide();
			$('#whatNewsContents div:eq('+n+')').fadeIn();
		}
		newsShowed = src ;
	})
	
	var showTimer;
	var serviceImgIndex = 0;
	var showed;
	$('#service a').click(function(){
		clearTimeout(showTimer);
		serviceImgIndex = $('#service a').index($(this));
		if(serviceImgIndex != showed){
			$('#contents img').css({'z-index':0});
			$('#service'+showed).css({'z-index':1});
			$('#service a').removeClass('whatNewsLiTitle');
			$(this).addClass('whatNewsLiTitle');
			$('#service'+serviceImgIndex).css({'z-index':2}).hide().fadeIn(1000);
		}
		showed = serviceImgIndex;
		serviceImgIndex ++;
		if(serviceImgIndex == 7)serviceImgIndex = 0;
		showTimer = setTimeout(showService,5000);
	})
	function showService(){
		$('#service li a:eq('+serviceImgIndex+')').click();
	}
	showService();
	var storeSrcNow ;
	$('#storesBtn a').click(function(){
		$(storeSrcNow+',#store,#showStoreBtn,.storeImgs').hide();
		var storeSrc = $(this).attr('href');
		$(storeSrc+',#stores').show(100);
		$('#storesImg').attr({'src':'images/'+storeSrc.replace('#','')+'.jpg'}).show();
		storeSrcNow =  storeSrc;
	})
	var stSrc;
	$('#stores a').click(function(){
		stSrc = $(this).attr('href');
		stSrc = stSrc.replace('#','');
		$('#store div,#stores,#storesImg').hide();
		$('#storeImgs1').remove();
		$('<img alt="" id="storeImgs1" class="storeImgs" src="images/'+stSrc+'/'+stSrc+'1.jpg" />').insertBefore('#storeImgs2').fadeIn();
		$('#storeImgs2').attr({'src':'images/'+stSrc+'/'+stSrc+'2.jpg'});
		$('#storeImgs3').attr({'src':'images/'+stSrc+'/'+stSrc+'3.jpg'});
		$('#storeImgs4').attr({'src':'images/'+stSrc+'/'+stSrc+'4.jpg'});
		$('#storeImgs5').attr({'src':'images/'+stSrc+'/'+stSrc+'5.jpg'});
		$('#'+stSrc+',#store,#showStoreBtn').fadeIn();
	})
	var storeShowed;
	$('#showStoreBtn img').click(function(){
		stSrcN = $(this).attr('alt');
		if(storeShowed != stSrcN){
			$('.storeImgs').css({'z-index':0});
			$('#storeImgs'+storeShowed).css({'z-index':1});
			$('#storeImgs'+stSrcN).css({'z-index':2}).hide().fadeIn(500);
		}
		storeShowed = stSrcN;
	})
	var bacW = '#story' ;
	$('#bwBtn a').click(function(){
		$(bacW).hide();
		var bwSrc = $(this).attr('href');
		$('#contents').removeClass('bgLine');
		if(bwSrc == '#bacNew' || bwSrc == '#creative'){
			$('#contents').addClass('bgLine');
		}
		if(bwSrc == '#bacNew'){
			$('#btn2009').click();
			$('#bacNew2009 a:first').click();
		}
		$(bwSrc).show(100);
		bacW = bwSrc;
	})
	var bacNewShow;
	var bacNewShowShowed;
	$('.bacNewConBtn a').click(function(){
		bacNewShow = $(this).attr('href');
		if(bacNewShow != bacNewShowShowed){
			$('.bacNewCon').hide();
			$(bacNewShow).fadeIn();
		}
		bacNewShowShowed = bacNewShow;
	})
	$('.bacNewBtns').click(function(){
		$('.bacNewBtns').show();
		$(this).hide();
		$('.bacNewConBtn').hide();
		bacNewBtn = 'bacNew' + $(this).attr('alt');
		bacLogo = $(this).attr('id');
		$('#'+bacNewBtn).slideDown(100);
		$('#btnLogo').attr({'src':'images/'+bacLogo+'.jpg'});
	})
	$('#proBtn a').click(function(){
		$('.rightSite').hide();
		proId = $(this).attr('href');
		$(proId).show(100);
	})
	$('.titleBtns a:first').click();
	
	var cake;
	var tN;
	var cakeNo;
	$('.proUl a').click(function(){
		$('.rightSite,.cakeCon').hide();
		var con = $(this).attr('href');
		cake = con.replace('Con','');
		cake = cake.replace('#','');
		tN = $(this).html();
		$('#showPro,'+con).fadeIn();
		$('#showPro .whatNewsTitle').html(tN);
		if(con == '#weddings'){
			for(z=1;z<=4;z++){
				$('#cakeImg0'+z).attr({'src':'images/'+cake+'/'+cake+'0'+z+'s.jpg'}).show();	
			}
		}else if(con == '#designsCake'){
			for(z=1;z<=3;z++){
				$('#cakeImg0'+z).attr({'src':'images/'+cake+'/'+cake+'0'+z+'s.jpg'}).show();	
				$('#cakeImg04').hide();
			}
		}else if(con == '#aicCon'){
			for(z=1;z<=2;z++){
				$('#cakeImg0'+z).attr({'src':'images/'+cake+'/'+cake+'0'+z+'s.jpg'}).show();
				$('#cakeImg03').hide();
				$('#cakeImg04').attr({'src':'images/angel.jpg'});	
			}
		}else{
			for(z=1;z<=3;z++){
				$('#cakeImg0'+z).attr({'src':'images/'+cake+'/'+cake+'0'+z+'s.jpg'}).show();	
				$('#cakeImg04').attr({'src':'images/angel.jpg'});	
			}
		}
		$('#cakeImgB').remove();
		$('<img id="cakeImgB" src="images/'+cake+'/'+cake+'01b.jpg" alt="'+tN+'" title="'+tN+'" />').appendTo('#showPro').ready(function(){$('#cakeImgB').fadeIn()});
		if(cake == 'weddings' || cake == 'designsCake')	{
			$('.cakeImgS:first').click();
		}
	})
	var cakeNo;
	var cakeNoShowed;
	$('.cakeImgS').click(function(){
		cakeNo = $(this).attr('id');
		cakeNo = cakeNo.replace('cakeImg','');
		if(cakeNoShowed != cakeNo){
			var angel = $(this).attr('src');
			if(cake == 'weddings' || cake == 'designsCake')	{
				$('.cakeCon').hide();
				$('#'+cake+cakeNo).show();
			}
			if(angel != 'images/angel.jpg'){
				$('#cakeImgB').remove();
				$('<img id="cakeImgB" src="images/'+cake+'/'+cake+cakeNo+'b.jpg" alt="'+tN+'" title="'+tN+'" />').appendTo('#showPro').ready(function(){$('#cakeImgB').fadeIn()});
			}
		}
		cakeNoShowed = cakeNo;
	})
	
    	
	$('#fb_div_btn').click(function(){
		var left = $('#fb_div').css('left');
		left = (left=='-300px')?0:'-300px';
		$('#fb_div').animate({'left':left});
		return false;
	})
})