var linkInfo = [];

var webLinkBtn = '<img src="/products/images/common/img_go_website.gif" alt="Go to local Website" width="150" height="19" />';
var webLinkBtnOn = '<img src="/products/images/common/img_go_website_ov.gif" alt="Go to local Website" width="150" height="19" />';
var inqLinkBtn = '<img src="/products/images/common/img_inquiry.gif" alt="Send an inquiry" width="150" height="19" />';
var inqLinkBtnOn = '<img src="/products/images/common/img_inquiry_ov.gif" alt="Send an inquiry" width="150" height="19" />';
var inqLinkBtnBlank = '<img src="/products/images/common/img_inquiry_blank_ov.gif" alt="Send an inquiry" width="150" height="19" />';

var isopen = false;

(function($){
	var pid = [];
	var loadedcnt = 0;
	
	//onload
	$(function(){
		var elems = $(".selectCountry");
		var len = elems.length;
		cnt = len;
		
		for(var i=0; i<len; i++){
			var frm = elems[i];
			$(".response", frm).html('<img src="/products/images/common/loading.gif" width="24" height="24" />');
			pid.push(frm.id);
			
			var p = $('input[name="p"]',frm);
			var s = $('input[name="s"]',frm);
			getData(frm.id, p[0].value, s[0].value);	
		}
	});
	
	function getData(pid, p, s){
		//select CGI
		if(p == 'automotive'){
			var catg = '_auto';
		}else if(p == 'home'){
			var catg = '_home';
		}else if(p == 'space'){
			var catg = '_space';
		}else if(p == 'information'){
			var catg = '_vis';
		}else if(p == 'automation'){
			var catg = '_fa';
		}else{
			var catg = '';
		}
		
		$.ajax({	
			type: "get",
			dataType: "json",
			url: "/cgi-bin/contact/contact" + catg + ".cgi?p=" + p + "&s=" + s + "&c=CLJSON",
			
			success: function (data){
				linkInfo[pid] = data;
				linkInfo[pid].push(p);
				linkInfo[pid].push(s);
				
				if(++loadedcnt == cnt) createList();
			}
		});
	}
	function createList(){
		for(var i=0; i<cnt; i++){
			var frmid = pid[i];
			var frm = $("#"+frmid);
			var html = '<div class="jqTransformSelectWrapper" style="visibility:hidden"><div class="inputBar"><span>Select Country</span></div>';
			
			html += '<ul class="scroll_pane"><li><a name="select" class="selected">Select Country</a></li>';
			
			var len = linkInfo[frmid].length - 2;
			for(var j=0; j<len; j++){
				html += '<li><a href="#" name="'+ j +'">' + linkInfo[frmid][j].name + '</a></li>';	
			}
			html += '</ul></div>';
			
			$('.response', frm).html(html);
			$('.webBtn', frm).html(webLinkBtn);
			$('.inqBtn', frm).html(inqLinkBtn);
		}	
		
		scrollBar();//jScrollPane.js 2.2s
		$('.scroll_pane').jScrollPane();
		$('.jScrollPaneContainer').css('display','none');
		$('.jqTransformSelectWrapper').css('visibility','visible');
		setEvent();
	}
	
	function setEvent(){
		//Button / Link Setting
		$('.scroll_pane a').click(function(e){
			var elem = $(this);										   
			var no = elem.attr('name');
			var frm = elem.parents("form")[0];
			var frmid = frm.id;	
			
			e.preventDefault();
			
			$(".inputBar", frm).children("span").html(elem.text());
			$(".scroll_pane a", frm).removeClass('selected');
			elem.addClass('selected');
			
			$('.jScrollPaneContainer', frm).css('display','none');
			isopen = false;
			$('.jScrollPaneContainer', frm).removeClass('slideup').removeClass('slidedown');
			
			if(no == 'select'){
				$('.webBtn', frm).html(webLinkBtn);
				$('.inqBtn', frm).html(inqLinkBtn);
				return false;
			}
			
			if(linkInfo[frmid][no].url){//local website
				$('.webBtn', frm).html('<a href="' + linkInfo[frmid][no].url + '" target="_blank">' + webLinkBtnOn + '</a>');
			}
			else{//null
				$('.webBtn', frm).html(webLinkBtn);
			}
			
			if(linkInfo[frmid][no].inquiry == 'FORM' ){//contact form
				//select CGI
				if(linkInfo[frmid][linkInfo[frmid].length - 2] == 'automotive'){
					var catg = '_auto';
				}else if(linkInfo[frmid][linkInfo[frmid].length - 2] == 'home'){
					var catg = '_home';
				}else if(linkInfo[frmid][linkInfo[frmid].length - 2] == 'space'){
					var catg = '_space';
				}else if(linkInfo[frmid][linkInfo[frmid].length - 2] == 'information'){
					var catg = '_vis';
				}else if(linkInfo[frmid][linkInfo[frmid].length - 2] == 'automation'){
					var catg = '_fa';
				}else{
					var catg = '';
				}
				
				$('.inqBtn', frm).html('<a href="/ssl/cgi-bin/contact/contact'+ catg +'.cgi?p=' + linkInfo[frmid][linkInfo[frmid].length - 2] + '&s=' + linkInfo[frmid][linkInfo[frmid].length - 1] + '&c=' + linkInfo[frmid][no].id + '">'+ inqLinkBtnOn + '</a>');
			}
			else if(linkInfo[frmid][no].inquiry){//local website
				$('.inqBtn', frm).html('<a href="' + linkInfo[frmid][no].inquiry + '" target="_blank">' + inqLinkBtnBlank + '</a>');
			}
			else{//null
				$('.inqBtn', frm).html(inqLinkBtn);
			}
		});
		
		//Bar Settings
		$('.inputBar').click(function(e){
			var windowH = $('html').attr('clientHeight');
			var scrollY = $(window).scrollTop();
			var evtY = e.pageY;
			var obj = $(this).siblings(".jScrollPaneContainer");
			var objH = 175;
			
			e.stopPropagation();
			e.preventDefault();
			
			if(isopen) closeList();
								
			if(obj.css('display') == 'none'){
				isopen = true;
				if(windowH + scrollY >= objH + evtY){
					obj.css('top', '25px');
					obj.show('slide',{direction: "up"},'fast', function(){obj.focus()});
					obj.addClass('slideup');
				}else{
					obj.css('top', '-170px');
					obj.show('slide',{direction: "down"},'fast', function(){obj.focus()});
					obj.addClass('slidedown');
				}
			}
		});
		
		$('body').click(closeList);		
		$('.jScrollPaneContainer').click(function(evt){evt.stopPropagation();});
	}
	function closeList(){
		if(isopen){
			isopen = false;
			$('.jScrollPaneContainer').each(function(idx,obj){
				obj = $(obj);
				if(obj.hasClass("slideup")){
					obj.hide('slide',{direction: "up"},'fast');
					obj.removeClass('slideup');
					return false;
				}
				if(obj.hasClass("slidedown")){
					obj.hide('slide',{direction: "down"},'fast');
					obj.removeClass('slidedown');
					return false;						   
				}
			});
		}
	}
})(jQuery);