$(function() {

    $(".Mainitem").click(function () {

		 $(".clientitem a").removeClass('selected');
		 $(".Mainitem a").addClass('selected');
		 $(".Hostitem a").removeClass('selected');
		 $(".Supportitem a").removeClass('selected');
		 $(".Whoitem a").removeClass('selected');

		  $('#submenu').animate({
		    height: 1,
		    duration: '500',
		    easing: 'easeInQuint'
		  }, 500, function()
		  {
		    	$('#subHost').hide('fast');
				$('#subMain').show('fast');
				$('#subclient').hide('fast');
				$('#subSupport').hide('fast');
				$('#subWho').hide('fast');

				$(this).animate({height:34}, {duration: 1000, easing: 'easeOutBounce'});
		  });

    });
	

    $(".clientitem").click(function () {

		 $(".clientitem a").addClass('selected');
		 $(".Mainitem a").removeClass('selected');
		 $(".Hostitem a").removeClass('selected');
		 $(".Supportitem a").removeClass('selected');
		 $(".Whoitem a").removeClass('selected');

		  $('#submenu').animate({
		    height: 1,
		    duration: '500',
		    easing: 'easeInQuint'
		  }, 500, function()
		  {
		    	$('#subHost').hide('fast');
				$('#subMain').hide('fast');
				$('#subclient').show('fast');
				$('#subSupport').hide('fast');
				$('#subWho').hide('fast');

				$(this).animate({height:34}, {duration: 1000, easing: 'easeOutBounce'});
		  });

    });
	

    $(".Supportitem").click(function () {

		 $(".Supportitem a").addClass('selected');
		 $(".clientitem a").removeClass('selected');
		 $(".Hostitem a").removeClass('selected');
		 $(".Mainitem a").removeClass('selected');
		 $(".Whoitem a").removeClass('selected');

		  $('#submenu').animate({
		    height: 1,
		    duration: '500',
		    easing: 'easeInQuint'
		  }, 500, function() {

		    	$('#subHost').hide('fast');
				$('#subMain').hide('fast');
				$('#subSupport').show('fast');
				$('#subWho').hide('fast');
				$('#subclient').hide('fast');

				$(this).animate({height:34}, {duration: 1000, easing: 'easeOutBounce'});
		  });

    });


    $(".Whoitem").click(function () {

		 $(".Whoitem a").addClass('selected');
		 $(".clientitem a").removeClass('selected');
		 $(".Hostitem a").removeClass('selected');
		 $(".Mainitem a").removeClass('selected');
		 $(".Supportitem a").removeClass('selected');

		  $('#submenu').animate({
		    height: 1,
		    duration: '500',
		    easing: 'easeInQuint'
		  }, 500, function() {
		    	$('#subHost').hide('fast');
				$('#subMain').hide('fast');
				$('#subSupport').hide('fast');
				$('#subclient').hide('fast');
				$('#subWho').show('fast');
				$(this).animate({height:34}, {duration: 1000, easing: 'easeOutBounce'});
		  });

    });


    $(".Hostitem").click(function () {
		this.blur();
		 $(".Hostitem a").addClass('selected');
		 $(".clientitem a").removeClass('selected');
		 $(".Mainitem a").removeClass('selected');
		 $(".Supportitem a").removeClass('selected');
		 $(".Whoitem a").removeClass('selected');

		  $('#submenu').animate({
		    height: 1,
		    duration: '500',
		    easing: 'easeInQuint'
		  }, 500, function() {
		    	$('#subMain').hide('fast');
				$('#subHost').show('fast');
				$('#subclient').hide('fast');
				$('#subSupport').hide('fast');
				$('#subWho').hide('fast');
				$(this).animate({height:34}, {duration: 1000, easing: 'easeOutBounce'});
		  });
    });





			$("#submenu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
			$("#submenu li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});
			$("#submenu li a").hover(function() {
				$(".out",	this).stop().animate({'top':	'45px'},	250);
				$(".over",	this).stop().animate({'top':	'0px'},		250);
				$(".bg",	this).stop().animate({'top':	'0px'},		120);
			}, function() {
				$(".out",	this).stop().animate({'top':	'0px'},		250);
				$(".over",	this).stop().animate({'top':	'-45px'},	250);
				$(".bg",	this).stop().animate({'top':	'-45px'},	120);
			});


		// Offers

		$("#col_one").hover(
		  function ()
		  {
		    	$("#col_one").addClass('selectedone');

				$("#col_four").removeClass('selectedfour');
				$("#col_two").removeClass('selectedtwo');
				$("#col_three").removeClass('selectedthree');

				$('.planinfo').animate({
				    height: 50,
				    duration: '10',
				    easing: 'easeInQuint'
				  }, 100, function() {
       			         //order button
						$("#buyplan").html('<a href="go/order/plan=welcome" ><img alt="" src="images/buy_welcome.png" /></a>');

						$(this).animate({height:326}, {duration: 2000, easing: 'easeOutBounce'});
				  });
		  },
		  function () {
		    //$("#col_four").removeClass('selectedfour');
		  }
		);


		$("#col_two").hover(
		  function ()
		  {
		    	$("#col_two").addClass('selectedtwo');

				$("#col_four").removeClass('selectedfour');
				$("#col_one").removeClass('selectedone');
				$("#col_three").removeClass('selectedthree');

				$('.planinfo').animate({
				    height: 50,
				    duration: '10',
				    easing: 'easeInQuint'
				  }, 100, function() {

       			         //order button
						$("#buyplan").html('<a href="go/order/plan=withyou" ><img alt="" src="images/buy_withyou.png" /></a>');

						$(this).animate({height:326}, {duration: 2000, easing: 'easeOutBounce'});
				  });
		  },
		  function () {
		    //$("#col_four").removeClass('selectedfour');
		  }
		);


		$("#col_three").hover(
		  function ()
		  {
		    	$("#col_three").addClass('selectedthree');

				$("#col_four").removeClass('selectedfour');
				$("#col_one").removeClass('selectedone');
				$("#col_two").removeClass('selectedtwo');

				$('.planinfo').animate({
				    height: 50,
				    duration: '10',
				    easing: 'easeInQuint'
				  }, 100, function() {

       			         //order button
						$("#buyplan").html('<a href="go/order/plan=vip" ><img alt="" src="images/buy_vip.png" /></a>');

						$(this).animate({height:326}, {duration: 2000, easing: 'easeOutBounce'});
				  });
		  },
		  function () {
		    //$("#col_four").removeClass('selectedfour');
		  }
		);

		$("#col_four").hover(
		  function ()
		  {
		    	$("#col_four").addClass('selectedfour');


				$("#col_one").removeClass('selectedone');
				$("#col_two").removeClass('selectedtwo');
				$("#col_three").removeClass('selectedthree');

				$('.planinfo').animate({
				    height: 50,
				    duration: '10',
				    easing: 'easeInQuint'
				  }, 100, function()
				  {
		                //order button
						$("#buyplan").html('<a href="go/order/plan=expert" ><img alt="" src="images/buy_expert.png" /></a>');

						$(this).animate({height:326}, {duration: 2000, easing: 'easeOutBounce'});
				  });
		  },
		  function () {
		    //$("#col_four").removeClass('selectedfour');
		  }
		);






	 // shopping cart

        $('#gotobasket').click(function() {
            // update the block message
            $.blockUI({ message: '<img src="images/load_10.gif" width="10" height="10" alt="" border="0"><br /><div style="font-size:11px;font-weight:bold;">يرجي الإنتظار جاري معالجة طلبك</div>' });

            window.location=('http://globdata.com/solutions/shoppingcard.page');
        });

        $('#closeUi').click(function() {
            $.unblockUI();
            return false;
        });

	$(".CartWrapTitle").live("click", function(event)
	{
      	$(".cartData").slideToggle("slow", function()
      	{

		});
    });

	$(".DataTitle").live("click", function(event)
	{
      	$(".cartData").slideToggle("slow", function()
      	{

		});
    });



	$(".cartData li img").live("click", function(event) {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var totalInBasket 			= parseInt($("#totalitem").html());
		var newTotal 				= totalInBasket - 1;



		$("#notificationsLoader").html('<img src="images/load_10.gif" alt="">');

		$.ajax({
		type: "POST",
		url: "go/deleteorder/product=" +productIDVal ,
		data: { productID: productIDVal, action: "deleteFromBasket"},
		success: function(theResponse) {


			$("#productID_" + productIDVal).hide("slow",  function()
			{
				$(this).remove();
				$("#totalitem").html(newTotal);

			});

			$("#notificationsLoader").empty();


		}

		});


	});


    // start add hosting
	$("#addHosting img").live("click", function(event) {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];

		var totalInBasket 			= parseInt($("#totalitem").html());
		var newTotal 				= totalInBasket + 1;


		if ($(".cartData").is(":visible"))
		{
			$("#notificationsLoader").html('<img src="images/load_10.gif" alt="">');

			$.ajax({
						type: "POST",
						url: "go/addhosting/product=" + productIDVal ,
						data: { productID: productIDVal, action: "addToBasket"},
						success: function(theResponse)
						{

							if( $("#productID_" + productIDVal).length > 0)
							{
								$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
								$("#productID_" + productIDVal).before(theResponse).remove();
								$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
								$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
								$("#notificationsLoader").empty();
                                $("#totalitem").html(newTotal);
                                $.blockUI({ message: $('#question'), css: { width: '275px' } });
							}
							else
							{
								$(".cartData li:first").before(theResponse);
								$(".cartData li:first").hide();
								$(".cartData li:first").show("slow");
								$("#notificationsLoader").empty();
								$("#totalitem").html(newTotal);
								$.blockUI({ message: $('#question'), css: { width: '575px' } });
							}

						}
			});
		}
		else
		{

				$(".cartData").slideToggle("slow", function()
				{


					$("#notificationsLoader").html('<img src="images/load_10.gif" alt="">');

					$.ajax({
					type: "POST",
					url: "go/addhosting/product=" + productIDVal ,
					data: { productID: productIDVal, action: "addToBasket"},
					success: function(theResponse) {


						if( $("#productID_" + productIDVal).length > 0)
						{
							$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
							$("#productID_" + productIDVal).before(theResponse).remove();
							$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
							$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
							$("#notificationsLoader").empty();
							$("#totalitem").html(newTotal);
							$.blockUI({ message: $('#question'), css: { width: '275px' } });

						}
						else
						{
							$(".cartData li:first").before(theResponse);
							$(".cartData li:first").hide();
							$(".cartData li:first").show("slow");
							$("#notificationsLoader").empty();
							$("#totalitem").html(newTotal);
							$.blockUI({ message: $('#question'), css: { width: '275px' } });
						}

					}
					});


					$(".cartData").fadeTo(4000, 1, function()
					{
						$(".cartData").slideToggle("slow", function()
						{

						});

					});

				});
			}




	});
    // end off add hosting




  /// Order Hosting ////
	//Order Plan

	$("#nextstep").click(function(event) {

		event.preventDefault();

		$("#ctype").removeClass("coinputerro");
		$("#ctype").addClass("cinpt");

		var ctype = $("#ctype").val();

		if(ctype == '')
		{

			$("#ctype").addClass("coinputerro");
			$("#ctype").removeClass("cinpt");

  			$("#ctype").fadeOut(100);
			$("#ctype").fadeIn(500);
   			$("#ctype").fadeOut(100);
			$("#ctype").fadeIn(500);
		}
		else
		{
			$("#step1").slideUp('slow');
			$("#step2").slideDown('slow');
		}

	});


	$("#goback").click(function(event) {
		event.preventDefault();
			$("#step1").slideDown('slow');
			$("#step2").slideUp('slow');

	});

	$("#goback2").click(function(event) {
		event.preventDefault();
			$("#step2").slideDown('slow');
			$("#step3").slideUp('slow');

	});
	//End Off Order Plan



});


function DomainBack ()
{	$(".loaddomain").slideUp('slow');
	$(".loaddomain").html('');
	$("#startpage").slideDown('slow');
}

function CheckDomain ()
{

	$('#domainname').css("border-color","#d3d3d3");

	var allVals = [];
	var domainname = $("#domainname").val();

	if($("#com").is(':checked'))
	{
 		allVals['com'] = 'checked="checked"';
 	}

	if($("#net").is(':checked'))
	{
 		allVals['net'] = 'checked="checked"';
 	}
	if($("#org").is(':checked'))
	{
 		allVals['org'] = 'checked="checked"';
 	}

	if($("#info").is(':checked'))
	{
 		allVals['info'] = 'checked="checked"';
 	}

	if($("#me").is(':checked'))
	{
 		allVals['me'] = 'checked="checked"';
 	}

	if($("#biz").is(':checked'))
	{
 		allVals['biz'] = 'checked="checked"';
 	}

 	if(domainname == '')
 	{ 		$.blockUI({

		    css: { backgroundColor: 'red',
		    	   fontWeight:'bold' },
            message: 'من فضلك قم باختيار إسم النطاق والإمتداد',
            timeout: 2000
        });
 	}
 	else
 	{
			jQuery.ajax( {
				async :true,
				type 	:"POST",
				url 	:"solutions/whois.page?name="+ domainname +"&rand=" + Math.random(),
				data	: "msg=" + allVals + "",

				success : function(data)
				{

				var selectedIndex = 0;

				$.unblockUI();

				if(data == 2)
				{
					$('#domainname').css("border-color","red");

				}
				else
				{

					var myArray = data.split('|');

					var loaddata = '<div class="domaintitle">نتائج البحث عن الإسم <span>' + domainname +'</span><div class="return" onclick="DomainBack();"><div>الرجوع للبحث </div><img alt="" src="images/close.png" /></div></div>';
						loaddata = loaddata + '<form name="" action="go/order/plan=domain" method="post"><input name="domainname" type="hidden" value="' + domainname +'">';
						loaddata = loaddata + '<ul>';
						if(myArray[0] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> com</li>';
						}
						else
						{							loaddata = loaddata + '<li class="available"> <input  name="domain[]" '+ allVals["com"] +' type="checkbox" value="'+ domainname  +'.com" /> com</li>';
						}

						if(myArray[1] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> net</li>';
						}
						else
						{
							loaddata = loaddata + '<li class="available"> <input  name="domain[]" '+ allVals["net"] +' type="checkbox" value="'+ domainname  +'.net" /> net</li>';
						}


						if(myArray[2] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> org</li>';
						}
						else
						{
							loaddata = loaddata + '<li class="available"> <input  name="domain[]" '+ allVals["org"] +' type="checkbox" value="'+ domainname  +'.org" /> org</li>';
						}


						if(myArray[3] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> info</li>';
						}
						else
						{
							loaddata = loaddata + '<li class="available"> <input  name="domain[]" '+ allVals["info"] +' type="checkbox" value="'+ domainname  +'.info" /> info</li>';
						}


						if(myArray[4] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> me</li>';
						}
						else
						{
							loaddata = loaddata + '<li class="available"> <input  name="domain[]" type="checkbox" '+ allVals["me"] +' value="'+ domainname  +'.me" /> me</li>';
						}


						if(myArray[5] == '0')
						{
							loaddata = loaddata + '<li class="unavailable"> <img src="images/unavailable.png" alt="" /> biz</li>';
						}
						else
						{
							loaddata = loaddata + '<li class="available"> <input  name="domain[]" type="checkbox" '+ allVals["biz"] +' value="'+ domainname  +'.biz" /> biz</li>';
						}

                        loaddata = loaddata + '</ul>';

                        if(myArray[0] != '0' || myArray[1] != '0' || myArray[2] != '0' || myArray[3] != '0' || myArray[4] != '0' || myArray[5] != '0')
                        {
                        	loaddata = loaddata + '<div class="register"><button type="submit" >إحجز الآن</button></div></form>';
                        }
					$(".loaddomain").slideDown('fast');
					$("#startpage").slideUp('fast');
					$(".loaddomain").html(loaddata);



				}

			},
			beforeSend : function(data) {

		        $.blockUI({});
			},
			error : function() {
					return true;
				}
			});
      }

}





	// contact Us

	function contactadmin() {

		var fullname 		= $("#fullname").val();
		var contactemail   	= $("#contactemail").val();
		var cmessage    	= $("#cmessage").val();

		$("#contactemail").removeClass("coinputerro");
		$("#contactemail").addClass("cinpt");

		$("#cmessage").removeClass("ctextareaerror");
		$("#cmessage").addClass("ctextarea");

		$("#fullname").removeClass("coinputerro");
		$("#fullname").addClass("cinpt");

        var sendvar = [fullname, contactemail, cmessage];


		jQuery.ajax( {
			async :true,
			type :"POST",
			url :"cu.php?action=send&rand=" + Math.random(),
			data: "msg=" + sendvar + "",

			success : function(data)
			{
			var selectedIndex = 0;
            $.unblockUI();

			if(data == 1)
			{
				$("#msgstatus").html('<span style="color:red;">عفوا هناك أخطاء </span>');
				$("#buttonarea").show('slow');

				$("#fullname").removeClass("cinpt");
				$("#fullname").addClass("coinputerro");

               	$("#fullname").fadeOut(100);
				$("#fullname").fadeIn(500);
               	$("#fullname").fadeOut(100);
				$("#fullname").fadeIn(500);
               	$("#fullname").fadeOut(100);
				$("#fullname").fadeIn(500);
               	$("#fullname").fadeOut(100);
				$("#fullname").fadeIn(500);
               	$("#fullname").fadeOut(100);
				$("#fullname").fadeIn(500);

			}
			else if(data == 2)
			{
				$("#msgstatus").html('<span style="color:red;">عفوا هناك أخطاء </span>');
				$("#buttonarea").show('slow');


				$("#contactemail").removeClass("cinpt");
				$("#contactemail").addClass("coinputerro");
               	$("#contactemail").fadeOut(100);
				$("#contactemail").fadeIn(500);
               	$("#contactemail").fadeOut(100);
				$("#contactemail").fadeIn(500);
               	$("#contactemail").fadeOut(100);
				$("#contactemail").fadeIn(500);
               	$("#contactemail").fadeOut(100);
				$("#contactemail").fadeIn(500);
               	$("#contactemail").fadeOut(100);
				$("#contactemail").fadeIn(500);
			}
			else if(data == 3)
			{

				$("#msgstatus").html('<span style="color:red;">عفوا محتوي الرسالة قصير جداً</span>');
				$("#buttonarea").show('slow');

				$("#cmessage").removeClass("ctextarea");
				$("#cmessage").addClass("ctextareaerror");
               	$("#cmessage").fadeOut(100);
				$("#cmessage").fadeIn(500);
               	$("#cmessage").fadeOut(100);
				$("#cmessage").fadeIn(500);
               	$("#cmessage").fadeOut(100);
				$("#cmessage").fadeIn(500);
               	$("#cmessage").fadeOut(100);
				$("#cmessage").fadeIn(500);
               	$("#cmessage").fadeOut(100);
				$("#cmessage").fadeIn(500);

			}
            else if(data == 4)
            {

				$("#msgstatus").html('<span style="color:green;">نشكركم تم إستلام رسالتكم وسوف نقوم بالرد عليكم بأسرع وقت</span>');

            }


		},
		beforeSend : function(data) {

			$("#msgstatus").show('slow');
            $("#buttonarea").hide('slow');

			//$("#msgstatus").html('<br><img src="images/load_10.gif" width="10" height="10" alt="" border="0"> يرجي الإنتظار ...<br>');
			$.blockUI({});

		},
		error : function() {
				return true;
			}
		});
	}

    // END of contact Us

	//checkdomain

	function checkHdomain() {

		var dtype 			= $("#dtype").val();
		var domainname   	= $("#domainname").val();


		$("#dtype").removeClass("coinputerro");
		$("#dtype").addClass("cinpt");

		$("#domainname").removeClass("coinputerro");
		$("#domainname").addClass("cinpt");


        var sendvar = [dtype, domainname];

		if(dtype == '')
		{

			$("#dtype").addClass("coinputerro");
			$("#dtype").removeClass("cinpt");

  			$("#dtype").fadeOut(100);
			$("#dtype").fadeIn(500);
   			$("#dtype").fadeOut(100);
			$("#dtype").fadeIn(500);

			$("#domainstatus").show('slow');
			$("#domainstatus").html('<span style="color:red;">من فضلك أختر حالة النطاق</span>');

		}
		else if(domainname == '')
		{

		   $("#domainstatus").show('slow');
           $("#domainstatus").html('<span style="color:red;">لم تقم بإدخال اسم النطاق</span>');

			$("#domainname").addClass("coinputerro");
			$("#domainname").removeClass("cinpt");

  			$("#domainname").fadeOut(100);
			$("#domainname").fadeIn(500);
   			$("#domainname").fadeOut(100);
			$("#domainname").fadeIn(500);

		}
		else
		{


			if(dtype == 'register')
			{

				jQuery.ajax( {
					async :true,
					type :"POST",
					url :"checkdomain.php?name=" +  domainname +"&rand=" + Math.random(),
					data: "msg=" + sendvar + "",

					success : function(data)
					{
					var selectedIndex = 0;

					if(data == 0)
					{

						$("#domainstatus").html('<span style="color:red;">عفوا اسم النطاق غير صالح</span>');
						$("#domainname").addClass("coinputerro");
						$("#domainname").removeClass("cinpt");

			  			$("#domainname").fadeOut(100);
						$("#domainname").fadeIn(500);
			   			$("#domainname").fadeOut(100);
						$("#domainname").fadeIn(500);

					}
					else if(data == 1)
					{

						$("#domainname").addClass("coinputerro");
						$("#domainname").removeClass("cinpt");

			  			$("#domainname").fadeOut(100);
						$("#domainname").fadeIn(500);
			   			$("#domainname").fadeOut(100);
						$("#domainname").fadeIn(500);
                       $("#domainstatus").html('<span style="color:red;">عفوا هذا النطاق غير متوفر للحجز</span>');
					}
					else
					{

						finalHost();

					}




				},
				beforeSend : function(data) {

					$("#domainstatus").show('slow');

					$("#domainstatus").html('<br><img src="images/loading.gif" width="10" height="10" alt="" border="0"> يرجي الإنتظار جاري التحقق من النطاق ...<br>');

				},
				error : function() {
						return true;
					}
				});

			}
			else
			{

						finalHost();

			}

		}
	}


	//end off checkdomain
   // order host plan step 3
	function finalHost ()
	{

		var productId 		= $('#plan').val();
		var ctype 			= $("#ctype").val();
		var dtype		   	= $("#dtype").val();
		var domainname    	= $("#domainname").val();

		$.blockUI({ message: '<img src="images/load_10.gif" width="10" height="10" alt="" border="0"><br /><div style="font-size:11px;font-weight:bold;">يرجي الإنتظار جاري معالجة طلبك</div>' });

		$.ajax({
			type: "POST",
			url: "cart.php?plan=orderhost&productID=" + productId + "&ctype="  + ctype  + "&dtype=" + dtype  ,
			data: { domain: domainname, action: "addToBasket"},
			success: function(theResponse)
						{

							window.location = "http://globdata.com/solutions/shoppingcard.page";


						}
		});


	}
   //order host plan step 4



  $(document).ready(function(){
    	$(".twitter").load("twitter.php?id="+ Math.random());
  });






// JavaScript Document