var homeBannerGrp = [{
		imgSrc:"images/img_banner_communication_ipad.png",
		tabSrc:"images/img_banner_tab_01.png",
		imgUrl:"#",
		imgAlt:"Mobile"
	},{
		imgSrc:"images/img_banner_business.png",
		tabSrc:"images/img_banner_tab_02.png",
		imgUrl:"#",
		imgAlt:"At Your Desk"
	},{
		imgSrc:"images/img_banner_meeting_room.png",
		tabSrc:"images/img_banner_tab_03.png",
		imgUrl:"#",
		imgAlt:"Meeting Room"
	},{
		imgSrc:"images/img_banner_home_2.png",
		tabSrc:"images/img_banner_tab_04.png",
		imgUrl:"#",
		imgAlt:"Home"
	}];
	
var homeBlockFlowGrp = [{
		imgSrc:"images/img_block_flow_1.png",
		tabSrc:"images/img_infoFlow_indc.png",
		imgUrl:"products/why_frsip.php",
		imgAlt:"Why frSIP Unified Communications"
	},{
		imgSrc:"images/img_block_flow_2.png",
		tabSrc:"images/img_infoFlow_indc.png",
		imgUrl:"products/hd_voice.php",
		imgAlt:"HD VOICE"
	},{
		imgSrc:"images/img_block_flow_3.png",
		tabSrc:"images/img_infoFlow_indc.png",
		imgUrl:"products/user_applications.php",
		imgAlt:"User Applications"
	}];

var InstanceObj = new Object();
var curName = null;

$.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}

$.fn.clickToPopUp = function(_name)
{
	$(this).click(function(e){
		/*$.blockUI({
			message: $('#'+_name),
			overlayCSS: { backgroundColor: '#fff' },
			css: {
				top:  ($(window).height() - 200) /2 + 'px', 
				left: ($(window).width() - 222) /2 + 'px', 
				width: '222px', background:"transparent",  border: "0px none"
			}
		});
		$('.blockOverlay').attr('title','Click to unblock').click($.unblockUI);*/
	});
}

$.extend({
	BannerChnImg:function(_name,_id)
	{
		var preIdx = InstanceObj[_name].grpIdx;
		$("#"+_name+" div.banner_img_holder "+_id).fadeIn('fast');
		if (InstanceObj[_name].grpIdx >= 0) {
		var preId = "#"+InstanceObj[_name].grpNam+preIdx;
			$("#"+_name+" div.banner_img_holder "+preId).fadeOut('fast');
		}
		InstanceObj[_name].grpIdx = parseInt(_id.replace("#"+InstanceObj[_name].grpNam,""));
		InstanceObj[_name].grpTim = setTimeout( function(){$.BannerNext(_name)}, InstanceObj[_name].grpDur );
		return false;
	},
	BannerSetupImg:function(_name,_dataGrp)
	{
		$("#"+_name+" div.banner_img_holder").html("");
		$(_dataGrp).each(function(e){
			$BANNER = $("<img/>").attr("src",this.imgSrc).attr("style","z-index:-1;display:none;").attr("id",InstanceObj[_name].grpNam+e).attr("title",this.imgUrl);
			$("#"+_name+" div.banner_img_holder").append($BANNER);
		});
	},
	BannerChnIndictr:function(_name,_id,val)
	{
		var idx = parseInt(_id.replace("#"+InstanceObj[_name].grpNam,""));
		if (idx >= InstanceObj[_name].grpLen) {
			idx = 0;
			_id = "#"+InstanceObj[_name].grpNam+idx;
		}
		$("#"+_name+" div.banner_list_holder ul.banner_list li").eq(idx).find("img").eq(0).fadeTo('fast', val);
		$.BannerChnImg(_name,_id);
		return false;
	},
	BannerSetupIndictr:function(_name,_dataGrp)
	{
		$("#"+_name+" div.banner_list_holder ul").html("");
		$(_dataGrp).each(function(e){
			$IMG = $("<img/>").attr("src",this.tabSrc);
			$LI = $("<li/>").attr("style","background:url("+this.tabSrc.replace(".png","_cur.png")+") no-repeat 0 0;").append($("<a/>").attr("href","#"+InstanceObj[_name].grpNam+e).append($IMG));
			$("#"+_name+" div.banner_list_holder ul.banner_list").append($LI);
		});
		return false;
	},
	BannerNext:function(_name)
	{
		//alert(_name+"");
		var idxClicked = InstanceObj[_name].grpIdx+1;
		if (idxClicked >= InstanceObj[_name].grpLen) idxClicked = 0;
		$("#"+_name+" div.banner_list_holder ul > li").eq(idxClicked).find("a").trigger("click");/**/
	},
	BannerFlow:function(_name,_dataGrp)
	{
		if ($("#"+_name).html()==null || _dataGrp.length<=0) return false;
		var dataGrp = _dataGrp;
			
			InstanceObj[_name] = new Object();
			InstanceObj[_name].grpIdx = -1;
			InstanceObj[_name].grpLen = dataGrp.length;
			InstanceObj[_name].grpNam = _name;
			InstanceObj[_name].grpTim = null;
			InstanceObj[_name].grpDur = 8000;
			
		$.BannerSetupIndictr(_name,dataGrp);
		$.BannerSetupImg(_name,dataGrp);
		
		$.BannerChnIndictr(_name,"#"+InstanceObj[_name].grpNam+"0",0.1);
		$("#"+_name+" div.banner_list_holder ul > li a").click(function(e){
			clearTimeout(InstanceObj[_name].grpTim);
			var idClicked = $(this).attr("href");
			if (parseInt(idClicked.replace("#"+InstanceObj[_name].grpNam,"")) == InstanceObj[_name].grpIdx) return false;
			$("#"+_name+" div.banner_list_holder ul > li a img").fadeTo(0,1);
			$.BannerChnIndictr(_name,idClicked,0.1);
			return false;
		});
		
		InstanceObj[_name].grpTim = setTimeout( function(){$.BannerNext(_name)}, InstanceObj[_name].grpDur );
		
		
		$("#"+_name+" div.banner_img_holder").click(function(e){
			var url = $("#"+_name+" div.banner_img_holder > img").eq(InstanceObj[_name].grpIdx).attr("title");
			window.location.href = url;
			return false;
		});
	},
	init:function()
	{
		$.BannerFlow("banner",homeBannerGrp);
		//$.BannerFlow("infoFlow",homeBlockFlowGrp);
		//$("#header_shortcut > a").eq(1).clickToPopUp("call_back_div");	
		$("#header_shortcut > a").eq(1).colorbox({width:"280px",height:"400px", inline:true, href:"#call_back_div"});
	}
});

$(function(){
	jQuery('ul.sf-menu').superfish();
	$("#container").dropShadow({left:0,top: 0,opacity: 0.3});
	$("#left_div").corner("5px");
	$(".box").corner("5px");
	$(".form_btn").corner("5px");
	$("#call_back_div").corner("5px");
	$("#content").corner("5px");
	
	$("#product_list2 img").css("margin","0px 15px 0px 0px ");
	$("#product_list2 img").corner("5px");
	
	$("#country_code").val($("#country").val());
	$("#country").change(function(){
		$("#country_code").val($(this).val());
	});
	$('#submitBtn').click(function(){

		$('.error_msg').remove();
		var dataString = {};
		$(":input").map(function(){
			if($(this).attr('id')=='name' && $.trim($(this).val())==''){
				$(this).parent().append('<div class="error_msg">Please Input Your Name</div>');
			}else if($(this).attr('id')=='email' && $.trim($(this).val())==''){
				$(this).parent().append('<div class="error_msg">Please Input Your Email</div>');
			}else if($(this).attr('id')=='phone' && $.trim($(this).val())==''){
				$(this).parent().append('<div class="error_msg">Please Input Your Phone no.</div>');
			}else if($(this).attr('id')=='country' && $.trim($(this).val())==''){
				$(this).parent().append('<div class="error_msg">Please Select Your Country</div>');
			}else if($(this).attr('id')=='phone' && isNaN($.trim($(this).val()))){
				$(this).parent().append('<div class="error_msg">Phone no. must be numeric</div>');
			}else if($(this).attr('id')=='email' && !checkEmail($.trim($(this).val()))){
				$(this).parent().append('<div class="error_msg">Email not valid</div>');
			}else if($(this).attr('id')=='phone' && $(this).val().length<6){
				$(this).parent().append('<div class="error_msg">Phone no. at least 6 digits</div>');
			}	
																										
			dataString[$(this).attr('id')]=$(this).val();
		});
		if($('.error_msg').size()==0){
			$.ajax({
				type: "POST",
				url: "sendMail.php",
				data: dataString,
				success: function(result) {
					$("#call_result").css('bottom',$(window).height()/2-200);
					$("#call_result").css('left',$(window).width()/2-200);
					$("#call_result").fadeIn().delay(10000).fadeOut();
					$("#client_no").html('+'+$("#country_code").val()+'&nbsp;'+$("#phone").val());
					$(':input').clearForm();
				}
			});
		}
		return false;
	});
	$.init();
});

function checkEmail(email) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){
return (true)
}
return (false)
}

$.fn.clearForm = function() {

  return this.each(function() {

    var type = this.type, tag = this.tagName.toLowerCase();

    if (tag == 'form')

      return $(':input',this).clearForm();

    if (type == 'text' || type == 'password' || tag == 'textarea')

      this.value = '';

    else if (type == 'checkbox' || type == 'radio')

      this.checked = false;

    else if (tag == 'select')

      this.selectedIndex = -1;

  });

};