var ie6 = (navigator.userAgent.search('MSIE 6.0') != -1)?true:false;
var ie7 = (navigator.userAgent.search('MSIE 7.0') != -1)?true:false;
var ie8 = (navigator.userAgent.search('MSIE 8.0') != -1)?true:false;



var popup_index = 201;
var popup = false;
function initpopup() {
	$.get("./content/common/common.popup.php",
	{},
		function(data){
			if(data){
				popup = data;
			}
		}
	);
}
initpopup();

function get_popup(){
	return popup;
}
function resetPopup(){
	popup_index = 201;
}
function show_popup(rel, width){
	var offsetDocTop = (ie6||ie7||ie8)?document.documentElement.scrollTop:window.pageYOffset;
	$("body").prepend("<div class='popupalpha' rel='"+rel+"' style=' width: 100%; height: "+document.documentElement.scrollHeight+"px;z-index:"+(popup_index++)+"'></div>");
	$(".popupalpha[rel='"+rel+"']").after("<div class='popup' rel='"+rel+"' style='top: "+(offsetDocTop+180)+"px;position:absolute;left:"+(50-((width/($("body").width()/100))/2))+"%;width:"+(width)+"px;z-index:"+(popup_index++)+"'>"+get_popup()+"</div>");
	
	$(".popup[rel='"+rel+"'] .popupcontent").prepend("<a class='popupclose pngFixThis' href='javascript:void(0)' onclick='return false;'></a>");
	$(".popup[rel='"+rel+"']").hide();
	$('.popup[rel="'+rel+'"] a.popupclose').click(function(){
		close_popup(rel);
	})
}

function insert_popup(rel, data){
	$(".popup[rel='"+rel+"'] .popupcontent").append(data);
	$(".popupalpha").css({"height": document.documentElement.scrollHeight+"px"})
	$(".popup[rel='"+rel+"']").animate({opacity:"toggle"}, "slow");
}

function close_popup(rel){
	if(rel){
		$(".popup[rel='"+rel+"']").animate({opacity:"toggle"}, "slow", false, function(){
			$('.popup[rel="'+rel+'"]').remove();
			$('.popupalpha[rel="'+rel+'"]').remove();
		});
		
	}else{
		$(".popup").animate({opacity:"toggle"}, "slow", false, function(){
			$('.popup').remove();
			$('.popupalpha').remove();
		});
	}
	popup_index = popup_index - 2;
}


function customizeForm(pcode, cid, width){
	var popup_width = width?width:385;
	$.ajax({
		type: "POST",
		url: "./content/common/common.customizeForm.php",
		data: { product: pcode, cid: cid},
		beforeSend: function() {
		},
		success: function(data){
			show_popup("customizePopup", popup_width);
			insert_popup("customizePopup", data);
			
			$("a.but_send").bind("click", function(){
				document.getElementById('forms').submit();
				if (validate(document.getElementById('forms'))) {
					sendCustomizeForm();
					$("#customizeForm").empty().append("<div class='popup_suc'>Thank you, your email has been sent.</div>")
				}
			})
		}
	});
}

function sendCustomizeForm(){
	var str = $("#forms").serialize(); 
	
	$.ajax({
		type: "POST",
		url: "./content/common/common.sendCustomizeForm.php",
		data: { data: str},
		beforeSend: function() {
		},
		success: function(data){
			//close_popup("customizePopup");
		}
	});
}

// <validator>
function validate(name) {
	$("span").remove(".merror");
	is_error = false;
	var str = false;
	$.each(name, function(i){
		if($(this).attr("required")==="required"||$(this).attr("required")||$(this).attr("required")===""){
			var is_required = true;
		}else{
			var is_required = false;
		}
		if($(this).val()==""){
			var is_empty = true;
		}else{
			var is_empty = false;
		}
		if (is_required&&is_empty) {
			arr = new Array(0);
			var str = arr[1]
			$(this).addClass("invalid")
			_message = "<span class='merror'><strong>&nbsp;</strong></span>"
			if (is_error==false) is_error = true;
		}else{
			$(this).removeClass("invalid")
		}
	});
	
	return (is_error)?false:true;
}
	
function reqField(id){
	if($("#ch_"+id).val() == "on"){
		$("#field_"+id).attr("required","required");
	}else{
		$("#field_"+id).removeAttr("required");
	}
}
// </validator>
	
$(document).ready(function(){
$(".mitemspec").click(function() {
 return false;
});

$("#main_menu a.main_menu_link").corner("5px");
$(".ma_box ").corner("bottom 5px");


if ( $.browser.msie != "6.0") {
 $(".mmd_col a").corner("5px");
}
	$(document).ready(function(){
		if(ie8){
			$("body").addClass("ie8");
		}
		if(ie7){
			$("body").addClass("ie7");
		}
	})
	
	var timeoutId = false;

	/*
	$("#main_menu a.main_menu_link").mouseover(function(){

		$("#main_menu a.main_menu_link").removeClass("active");
		$("#main_menu_dropdown .mmd_drop").removeClass("active");
		$("#main_menu_dropdown").removeClass("active");
		obj = $(this);
		rel = $(this).attr("rel");
		link_offset = $(this).offset();
		menu_offset = $(this).parent().offset();
		link_left = link_offset.left - menu_offset.left - 5;  
		if(rel){
			$("#main_menu_dropdown").css({"marginLeft":link_left+"px"}).addClass("active");
			$(this).addClass("active");
			$("#main_menu_dropdown #"+rel).addClass("active");
			if(ie7){
				$(".mmd_bottom.left").css({"width":(parseInt($("#main_menu_dropdown").width())-5)+"px"});
			}
		}
		$(document.body).mousemove(function(event){
		    var target = $(event.target);
		    if (!target.is(".main_menu_link[rel='"+rel+"'] *")&&!target.is("#main_menu_dropdown *")){
		    	if(!timeoutId){
		    		timeoutId = setTimeout(function(){
		    	    	$(".mmd_bottom.left").css({"width":"auto"});
		    	    	$("#main_menu_dropdown").removeClass("active");
		    	    	$("#main_menu_dropdown .mmd_drop").removeClass("active");
		    	    	$("#main_menu a.main_menu_link").removeClass("active");
		    	    	//obj.removeClass("active");
		    			$(document.body).unbind("mousemove");
		    			clearTimeout(timeoutId);
		    			timeoutId = false;
		    		}, 300);
		    	}
		    }else{
		    	if(timeoutId){
		    		clearTimeout(timeoutId);
		    		timeoutId = false;
		    	}
		    }
		});
	})
	
	*/
	
	$(".h-nav a.main_menu_link").hover(
  function () {
    //$("#main_menu a.main_menu_link").removeClass("active");
		$("#main_menu_dropdown .mmd_drop").removeClass("active");
		$("#main_menu_dropdown").removeClass("active");
		
		
		obj = $(this);
		rel = $(this).attr("rel");
		link_offset = $(this).offset();
		menu_offset = $(this).parent().offset(); 
		link_left = link_offset.left - menu_offset.left - 5;  
		
		//link_width = $(this).width();
		link_width = link_left + ($(this).width() / 2) + 5;
		
		$("#mm-arrow").css({"left":+ link_width + "px"}).addClass("show");
	
		if(rel){
			$("#main_menu_dropdown").css({"left":link_left+"px"}).addClass("active");
			$(this).addClass("active");
			$("#main_menu_dropdown #"+rel).addClass("active");
			if(ie7){			
				$(".mmd_bottom_left").css({"width":(parseInt($(".mmd_border_left").width())-1)+"px"});
			}
		
		}
		/*
		$(document.body).mousemove(function(event){
		    var target = $(event.target);
		    if (!target.is(".main_menu_link[rel='"+rel+"'] *")&&!target.is("#main_menu_dropdown *")){
		    	if(!timeoutId){
		    		timeoutId = setTimeout(function(){
		    	    	$(".mmd_bottom.left").css({"width":"auto"});
		    	    	$("#main_menu_dropdown").removeClass("active");
		    	    	$("#main_menu_dropdown .mmd_drop").removeClass("active");
		    	    	$("#main_menu a.main_menu_link").removeClass("active");
		    	    	//obj.removeClass("active");
		    			$(document.body).unbind("mousemove");
		    			clearTimeout(timeoutId);
		    			timeoutId = false;
		    		}, 300);
		    	}
		    }else{
		    	if(timeoutId){
		    		clearTimeout(timeoutId);
		    		timeoutId = false;
		    	}
		    }
		});*/
  },
  function () {
  $("#mm-arrow").removeClass("show");
  // $("#main_menu a.main_menu_link").removeClass("active");
  //$("#main_menu_dropdown .mmd_drop").removeClass("active");
		//$("#main_menu_dropdown").removeClass("active");
		
		
  }
);

$("body").click(function(){
  $("#main_menu a.main_menu_link").removeClass("active");
$("#main_menu_dropdown .mmd_drop").removeClass("active");
	$("#main_menu_dropdown").removeClass("active");
	  $("#mm-arrow").removeClass("show");
	
    });

	$(".main_slider, #content").hover(function(){
  $("#main_menu a.main_menu_link").removeClass("active");
$("#main_menu_dropdown .mmd_drop").removeClass("active");
	$("#main_menu_dropdown").removeClass("active");
	  $("#mm-arrow").removeClass("show");
	
    });
	
	
	var st_width = parseInt($(".spec_slider_area").width());
	var st_k = 125;
	$(".spec_tab_btn").click(function(){
			var st_rel = $(this).attr('rel');
			$(".spec_tab_btn").removeClass('active');
			$(this).addClass('active');
			$(".spec_slider_area > div").addClass('hidden').removeClass('visible').css({'margin-left':'0px'});
			$(".spec_slider_area > div#"+st_rel).removeClass('hidden').addClass('visible');
	})
	$('.spec_slider_nav.left').click(function(){
		var st_left = parseInt($('.spec_slider_area div.visible').css('marginLeft'));
		var st_width_tbl = parseInt($('.spec_slider_area div.visible').width());
		if(st_width - st_left < st_width_tbl){
			$('.spec_slider_area div.visible').css({'marginLeft':(st_left - st_k)+'px'});
		}
	})
	$('.spec_slider_nav.right').click(function(){
		var st_left = parseInt($('.spec_slider_area div.visible').css('marginLeft'));
		var st_width_tbl = parseInt($('.spec_slider_area div.visible').width());
		if(st_left < 0){
			$('.spec_slider_area div.visible').css({'marginLeft':(st_left + st_k)+'px'});
		}
	})
	
	$(".color_selector").prev().addClass("unvisible");
	$(".color_selector").addClass("visible");
	$(".color_selector").click(function(e){
		//alert("hi")
		var t = $(e.target);
		if(!t.is(".color_selector .cs_layer a")){
		if($(this).hasClass("active")){
			//$(this).find(".color_dropdown").removeClass("active");
			//$(this).removeClass("active");
		}else{
			$(".color_dropdown").removeClass("active")
			$(".color_selector").removeClass("active")
			e_offset = $(this).offset();
			$(this).find(".color_dropdown").addClass("active").css({"width":parseInt($(this).width()-8)+"px"});
			$(this).find(".color_dropdown").css({"left":e_offset.left+"px"});
			
			

			$(this).addClass("active");
			if($(this).find(".cs_layer").height()<$(this).find(".cs_layer_active").height()){
				$(this).find(".cs_nav").show()
				$(this).find(".cs_scroll.top").hide()
				$(this).find(".cs_scroll.bottom").show()
			}else{
				$(this).find(".cs_nav").hide()
			}
			
			//$(this).find(".color_dropdown").css({"top":e_offset.top-$(this).find(".cs_layer_active").height()+"px"});
			
			$(document.body).mouseup(function(event){
			    var target = $(event.target);
			    if (!target.is(".color_selector *")||target.is(".color_selector .cs_layer a")){
			    	$(".color_dropdown").removeClass("active")
					$(".color_selector").removeClass("active")
					$(document.body).unbind("mouseup")
			    }
			});
		}
		}
	})
	
	$(".color_dropdown .cs_layer a").mousedown(function(){
		var rel = $(this).attr("rel");
		//alert(rel);
		$(this).parent().parent().parent(".color_dropdown").find("a").removeClass("selected");
		$(this).parent().parent().parent().prev().find(".cs_body").empty().append($(this).text());
		$(this).addClass("selected");
		$(this).parent().parent().parent().parent().prev("select").children("option[value='"+rel+"']").attr("selected", "selected");
		if($(this).hasClass("cart_submit")){
			document.cartform.submit();
		}
	})
	$(".color_dropdown .cs_layer a").mouseover(function(){
		link_rel = $(this).attr("rel");
		if(link_rel){
			link_offset = $(this).offset();
			link_lenght = parseInt($(this).width());
			$("#color_popup #colorimg"+link_rel).addClass("active");
			$("#color_popup").addClass("active").css({"left":link_offset.left+link_lenght+7+"px", "top":link_offset.top+15-(parseInt($("#color_popup").height())/2)+"px"});
		}
	})
	$(".color_dropdown .cs_layer a").mouseout(function(){
		$("#color_popup img, #color_popup span").removeClass("active");
		$("#color_popup").removeClass("active");
	})
	
	
	$(".box.linker").mouseover(function(){
		$(this).addClass("hover");
	})
	$(".box.linker").mouseout(function(){
		$(this).removeClass("hover");
	})



	/*
	$(".main_slider a.main_slider_link").click(function(){
		var rel = $(this).attr("rel");
		$(".main_slider a.main_slider_link").removeClass("active");
		$(this).addClass("active");
		$(".main_slider img").addClass("unvis").hide();
		$(".main_slider img#"+rel).fadeIn(2000, function(){
			$(this).removeClass("unvis");
		});
	})
	
	*/
	
	$(".cust_prod_link").mouseover(function(){
		//alert("")
		$(".spec_slider_popup_cont[rel='"+$(this).attr("id")+"']").addClass("active");
		$("#color_popup").addClass("active");
	})
	$(".cust_prod_link").mouseout(function(){
		$(".spec_slider_popup_cont[rel='"+$(this).attr("id")+"']").removeClass("active");
		$("#color_popup").removeClass("active");
	})
	$(".cust_prod_link").mousemove(function(e){
		//alert(e.pageX+"Hi"+e.pageY);
		$("#color_popup").css({"left":(e.pageX+10)+"px", "top":(e.pageY-5-parseInt($("#color_popup").height()))+"px"});
	})
	var layer_index = 150;
	$(".cs_scroll.bottom").click(function(){
		main_height = parseInt($(this).parent().prev().height());
		layer_height = parseInt($(this).parent().prev().find(".cs_layer_active").height());
		layer_margin = parseInt($(this).parent().prev().find(".cs_layer_active").css("marginTop"));
		if(Math.abs(layer_margin) + main_height + layer_index < layer_height){
			new_margin = layer_margin-layer_index;
			$(this).prev().show();
		}else{
			$(this).hide();
			$(this).prev().show();
			new_margin = 0-layer_height+main_height;
		}
		$(this).parent().prev().find(".cs_layer_active").animate({"marginTop":(new_margin)+"px"});
	})
	$(".cs_scroll.top").click(function(){
		main_height = parseInt($(this).parent().prev().height());
		layer_height = parseInt($(this).parent().prev().find(".cs_layer_active").height());
		layer_margin = parseInt($(this).parent().prev().find(".cs_layer_active").css("marginTop"));
		if(Math.abs(layer_margin) - layer_index > 0){
			new_margin = layer_margin+layer_index;
			$(this).next().show();
		}else{
			new_margin = 0;
			$(this).hide();
			$(this).next().show();
		}
		$(this).parent().prev().find(".cs_layer_active").animate({"marginTop":(new_margin)+"px"});
	})
	
	$(".cases_tabs a").click(function(){
		$(".cases_tabs a").removeClass("active");
		$(this).addClass("active");
		$(".cases").addClass("inactive");
		$(".cases."+$(this).attr("rel")).removeClass("inactive")
	})
	
	$(".myaccount_block.drop a.ma_tab").click(function(){
		if($(this).hasClass("active")){
			$(this).removeClass("active");
			$(this).parent().next(".dropable").removeClass("active");
		}else{
			$(this).addClass("active");
			$(this).parent().next(".dropable").addClass("active");
		}
	})
})

function submitRegType(submit_type){
	$("input[name='customer']").val(submit_type);
	$("form[name='register']").submit();
}
var err_arr = new Array();
var err_count = 0;


function rv_text(name){
	if(!$("input[name='"+name+"'], textarea[name='"+name+"'], select[name='"+name+"']").val().length){
		err_count++;
		if(!err_arr[name]){
			err_arr[name] = "Field is empty";
		}else{
			err_arr[name] = err_arr[name] + ", field is empty";
		}
		return false;
	}else{
		return true;
	}
}
function rv_pass(name1, name2){
	if($("input[name='"+name1+"']").val() != $("input[name='"+name2+"']").val()){
		err_count++;
		if(!err_arr[name2]){
			err_arr[name2] = "Password repeated with error";
		}else{
			err_arr[name2] = err_arr[name2] + ", password repeated with error";
		}
		return false;
	}else{
		return true;
	}
}
function rv_email(name){
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if(reg.test($("input[name='"+name+"']").val()) == false) {
		err_count++;
		if(!err_arr[name]){
			err_arr[name] = "Incorrect format of email";
		}else{
			err_arr[name] = err_arr[name] + ", incorrect email";
		}
		return false;
	}else{
		return true;
	}
}
function rvLables(){
	for (var p in err_arr){
		obj_offset = $("input[name='"+p+"'], textarea[name='"+p+"'], select[name='"+p+"']").offset();
		obj_height = parseInt($("input[name='"+p+"'], textarea[name='"+p+"'], select[name='"+p+"']").height());
		obj_width = parseInt($("input[name='"+p+"'], textarea[name='"+p+"'], select[name='"+p+"']").width());
		//obj_margins = parseInt($("input[name='"+p+"'], textarea[name='"+p+"'], select[name='"+p+"']").css("marginTop"));
		pos_left = obj_offset.left + obj_width - 6;  
		pos_top = obj_offset.top + ((obj_height/2)-9);  
		$("input[name='"+p+"'], textarea[name='"+p+"'], select[name='"+p+"']").after(
			$('<span></span>').addClass("form_error").css({"left":pos_left+"px", "top":pos_top+"px"}).append(
				$('<span></span>').addClass("fe").addClass("fe_left").append(
					$('<span></span>').addClass("fe").addClass("fe_right").append(
						$('<span>'+err_arr[p]+'</span>').addClass("fe").addClass("fe_mid")
					)
				)
			)
		)
	}
}
function regvalid(form, type){
	$(".form_error").remove();
	err_arr = new Array();
	err_count = 0;
	
	rv_text("username");
	rv_text("pass1");
	rv_text("pass2");
	rv_pass("pass1", "pass2");
	rv_text("email");
	rv_email("email");
	rv_text("fname");
	rv_text("lname");
	rv_text("country");
	//rv_text("state");
	if(type == 2){
		rv_text("business_name");
		rv_text("contact_name");
	}
	rv_text("phone");
	
	rvLables();
	if(!$(form).hasClass("validator")){
		$(form).addClass("validator");
		$(form).find("input, select, textarea").bind("blur", function(){
			regvalid(form, type);
		})
	}
	if(!err_count){
		return true;
	}else{
		return false;
	}
}
function checkoutvalid(form){
	$(".form_error").remove();
	err_arr = new Array();
	err_count = 0;
	
	rv_text("fname");
	rv_text("lname");
	rv_text("phone");
	rv_text("zip");
	rv_text("state");
	rv_text("city");
	rv_text("address");
	
	rv_text("bfname");
	rv_text("blname");
	rv_text("bphone");
	rv_text("bzip");
	rv_text("bstate");
	rv_text("bcity");
	rv_text("baddress");
	rv_text("card_type");
	rv_text("card_number");
	rv_text("exp_month");
	rv_text("exp_year");
	rv_text("security_code");
	rv_text("card_name");
	rv_text("email");
	rv_email("email");
	//rv_text("state");

	rvLables();
	if(!$(form).hasClass("validator")){
		$(form).addClass("validator");
		$(form).find("input, select, textarea").bind("blur", function(){
			checkoutvalid(form);
		})
	}
	if(!err_count){
		return true;
	}else{
		return false;
	}
}

function detailvalid(form, type ){
	$(".form_error").remove();
	err_arr = new Array();
	err_count = 0;
	
	rv_text("email");
	rv_email("email");
	rv_text("fname");
	rv_text("lname");
	rv_text("country");
	rv_text("city");
	rv_text("phone");
	rv_text("address");
	rv_text("zip");
	if(type == 2){
		rv_text("business_name");
		rv_text("contact_name");
	}
	
	rvLables();
	if(!$(form).hasClass("validator")){
		$(form).addClass("validator");
		$(form).find("input, select, textarea").bind("blur", function(){
			detailvalid(form, type);
		})
	}
	if(!err_count){
		return true;
	}else{
		return false;
	}
}
function passvalid(form){
	$(".form_error").remove();
	err_arr = new Array();
	err_count = 0;
	
	rv_text("pass1");
	rv_text("pass2");
	rv_pass("pass1", "pass2");
	
	rvLables();
	if(!$(form).hasClass("validator")){
		$(form).addClass("validator");
		$(form).find("input, select, textarea").bind("blur", function(){
			passvalid(form);
		}) 
	}
	if(!err_count){
		return true;
	}else{
		return false;
	}
}



$(function() {
	$('.main_slider_wrap').after('<div class="main_slider_menu">').cycle({ 
    fx:     'fade', 
	pager: ".main_slider_menu",
    speed:   500, 
    timeout: 3000, 
    next:   '#s3', 
    pause:   1 
});

});