/*
 * project.js
 * URL
 * 
 * Copyright (c) 2009 IMG SRC Inc.
 *
 */

var Project = function(){}

Project.prototype = {
	init: function(){
		//this.loadScript(),
		this.addRollover(),
		this.addTargetBlank()//,
		//this.addScroll()
	},

	/*
	checkOS: {
		win: navigator.userAgent.indexOf('Win',0) != -1,
		mac: navigator.userAgent.indexOf('Mac',0) != -1
	},
	*/
	
	checkBrowser: {
		//opera: navigator.userAgent.indexOf('Opera') > 0,
		//chrome: navigator.userAgent.indexOf('Chrome') > 0,
		//firefox: navigator.userAgent.indexOf('Firefox') > 0,
		//safari: navigator.userAgent.indexOf('Safari') > 0,
		ie: navigator.userAgent.indexOf('MSIE') > 0//,
		//ie6: navigator.userAgent.indexOf('MSIE 6') > 0
	},

	/*
	loadScript: function(){
		// js directory
		var path = 'static/js/';
		// js files
		var scripts = [
			'jquery.easing.min.js'
		];
		
		if(this.checkBrowser.ie6){
			scripts.push('iepngfix.js');
		}

		for(var i = 0; i < scripts.length; i++){
			var element = document.createElement('script');
			element.src = [path, scripts[i]].join('');
			element.type = 'text/javascript';
			document.body.appendChild(element);
		}
	},
	*/

	addRollover: function(){
		// add class 'rollover'
		var images = $('img.rollover, input.rollover');

		if(!images.length) return;

		var offSuffix = "-off.";	// e.g. button-off.gif
		var onSuffix = "-on.";	// e.g. button-on.gif

		for(var i = 0; i < images.length; i++){
			if(images[i].getAttribute("src").match(offSuffix)){
				images[i].onmouseover = function(){
					this.setAttribute("src", this.getAttribute("src").replace(offSuffix, onSuffix));
				}
				images[i].onmouseout = function(){
					this.setAttribute("src", this.getAttribute("src").replace(onSuffix, offSuffix));
				}
			}
		}	
	},

	addTargetBlank: function(){
		$('a[rel="external"][href]').attr('target', '_blank');	
	}/*,

	addScroll: function(){
		if(!$('a[href^="#"]')) return;

		var durationTime = 1000;
		var easingType = 'easeInOutCirc';

		$('a[href^="#"]').click(function(){
			var target = $(this).attr('href');

			if(target == "#"){
				$(this).blur();		
				$('html,body').animate({ scrollTop: 0 }, durationTime, easingType);
				return false;
			}
					
			var targetOffset = $(target).offset().top;
					
			$(this).blur();
			$('html,body').animate({ scrollTop: targetOffset }, durationTime, easingType);
			
			return false;
		});
	}*/
}


$(function(){
	var UNIQLO = new Project();
		
	// add NEW icon
	UNIQLO.addIcon = function(){
		var elements = $('li.new a');
		if(!elements.length) return;

		var icon = '<span class="icon"><img src="static/images/icon-new.png" width="30" height="15" alt="NEW" style="position:absolute;top:0;left:100px;" />';
		
		elements.prepend(icon);
	}
	
	// toggle footer menu
	UNIQLO.toggleBalloon = function(){
		var world = $('#world');
		var online = $('#online');
		var shutter1 = '<div id="shutter1" style="position:absolute;top:0;left:0;height:44px;background:#ffffff;">&nbsp;</div>';
		var shutter2 = '<div id="shutter2" style="position:absolute;top:0;left:0;height:44px;background:#ffffff;">&nbsp;</div>';
		
		world.prepend(shutter1);
		online.prepend(shutter2);
		
		var wldShutter = $('#world #shutter1');
		var olnShutter = $('#online #shutter2');
		
		$('#menu-world a').mouseover(function(){
			online.hide();
			world.show();
			wldShutter.slideUp('fast');
			olnShutter.show();
		});
																		 
		$('#menu-online a').mouseover(function(){
			world.hide();
			online.show();
			olnShutter.slideUp('fast');
			wldShutter.show();
		});
																		 
		$('#menu-introduction, #menu-locator').mouseover(function(){
			online.hide();
			world.hide();
			olnShutter.show();
			wldShutter.show();
		});
		
		$('#world, #online, #menu-area').mouseleave(function(){
			online.hide();
			world.hide();
			olnShutter.show();
			wldShutter.show();
		});
	}

	// open popup window
	UNIQLO.openPopup = function(){
		
		var popup;			
		//var openJa = false;
		//var openEn = false;
		var termsJa = $('#to-terms-ja');
		var systemJa = $('#to-system-ja');
		var howtoJa = $('#to-howto-ja');
		var termsEn = $('#to-terms-en');
		var systemEn = $('#to-system-en');
		var howtoEn = $('#to-howto-en');
		
		var params = "width=495,height=480,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes";
		
		termsJa.click(function(){
			popup = window.open('terms-ja.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openJa = true;
			//if(openEn) openEn = false;
			return false;
		});

		systemJa.click(function(){
			popup = window.open('system-ja.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openJa = true;
			//if(openEn) openEn = false;
			return false;
		});

		howtoJa.click(function(){
			popup = window.open('howto-ja.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openJa = true;
			//if(openEn) openEn = false;
			return false;
		});

		termsEn.click(function(){
			popup = window.open('terms-en.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openEn = true;
			//if(openJa) openJa = false;
			return false;
		});

		systemEn.click(function(){
			popup = window.open('system-en.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openEn = true;
			//if(openJa) openJa = false;
			return false;
		});

		howtoEn.click(function(){
			popup = window.open('howto-en.html', 'popup', params);
			//if(openEn){popup.location.reload(false);}
			//openEn = true;
			//if(openJa) openJa = false;
			return false;
		});
	}
	
	UNIQLO.addBlur = function(){
		if(UNIQLO.checkBrowser.ie){
			$('a').focus(function(){this.blur();});
		}
	}

	// open tab
	/*
	UNIQLO.tabOpen = function(tab){

		var newTab = (tab) ? tab : window.location.hash;
		if(!newTab) newTab = '#_terms';
		
		window.location.hash = newTab;

		var nowId = newTab.replace('#_', '');
		var nowTabId = '#tab-' + nowId;
		var nowTabSrc = $(nowTabId).attr('src');

		var allTab = document.getElementById('tab').getElementsByTagName('img');

		for(var i = 0; i < allTab.length; i++){
			allTab[i].src = allTab[i].src.replace('-on.png', '-off.png');
		}

		$(nowTabId).attr('src', nowTabSrc.replace('-off.png', '-on.png'));
		
		this.addRollover();
		document.getElementById(nowTabId.replace('#', '')).onmouseout = function(){null};

		$('#terms, #system, #howto').hide();
		$('#' + nowId).show();
	}
	*/
	
	/*
	UNIQLO.addTabEvent = function(){
		$('#tab-terms').click(function(){
			UNIQLO.tabOpen('#_terms');
			return false;
		});
		
		$('#tab-system').click(function(){
			UNIQLO.tabOpen('#_system');
			return false;
		});
		
		$('#tab-howto').click(function(){
			UNIQLO.tabOpen('#_howto');
			return false;
		});		
	}
	*/

	// close button
	UNIQLO.closeButton = function(){
		var button = $('#close');
		if(!button.length) return;
				
		button.show();
		button.click(function(){
			window.close();
		});		
	}

	UNIQLO.init();

	if($('#contents').length){
		UNIQLO.addIcon();
		UNIQLO.toggleBalloon();
		UNIQLO.openPopup();
		UNIQLO.addBlur();
	}
	
	if($('#popup').length){
		//UNIQLO.tabOpen();
		UNIQLO.closeButton();
		//UNIQLO.addTabEvent();
		UNIQLO.addBlur();
	}
	
});