/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/

//Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs):
var arrowimages={down:['downarrowclass', 'images/up.png', 23], right:['rightarrowclass', 'images/left.png']}

var jqueryslidemenu={

animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds














buildmenu:function(menuid, arrowsvar){





	jQuery(document).ready(function($){

	var menuItem_01 = [{link:'About us',href:'aboutus.html',sub:[]},{link:'Overview',href:'overview.html',sub:[]},{link:'Vision & Mission',href:'vision_mission.html',sub:[]},{link:'Quality Standards',href:'quality_standard.html',sub:[]},{link:'Strategies',href:'strategies.html',sub:[{link:'Corporate',href:'corporate.html'},{link:'Resources',href:'resources.html'},{link:'Operations',href:'operations.html'},{link:'Organogram',href:'organogram.html'}]},{link:'Partnership',href:'partnership.html',sub:[]},{link:'Customer Care',href:'customer_care.html',sub:[]},{link:'Awards',href:'awards.html',sub:[]}];
	
	var menuItem_02 = [{link:'Mobile Phones',href:'mobile_phones.html'},{link:'Accessories',href:'accessories.html'},{link:'Mobile swap',href:'mobile_swap.html'},{link:'Entertainment',href:'entertainment.html'},{link:'Wholesale',href:'wholesale.html'},{link:'Downloads',href:'downloads.html'},{link:'Etisalat',href:'etisalat.html'},{link:'050 technology',href:'050_technology.html'}];

	var menuItem_03 = [{link:'Retail',href:'retail.html'},{link:'050 express',href:'050_express.html'},{link:'Myphonecare',href:'myphonecare.html'}]
	
	var menuStr_01 = "";
	var menuStr_02 = "";
	var menuStr_03 = "";
	var subLinks = "";
	var innerMenuItem;
	var arrowClass = "";
	var i,j = 0;
	for(i=0; i<menuItem_01.length; i++)	{
		innerMenuItem = menuItem_01[i].sub;
		if(innerMenuItem.length > 0)	{
			arrowClass = ""
			subLinks = "<span class='pointer'></span><ul>"
			for(j=0; j<innerMenuItem.length; j++)	{
				subLinks += "<li><a href='"+ innerMenuItem[j].href+"'>"+innerMenuItem[j].link+"</a></li>";
			}
			subLinks += "</ul>"
			
		}
		
		menuStr_01 += "<li><a href='"+ menuItem_01[i].href+"'>"+menuItem_01[i].link+"</a>"+subLinks+"</li>";
		subLinks = "";
		arrowClass = "";
	}

	for(i=0; i<menuItem_02.length; i++)	{
		menuStr_02 += "<li><a href='"+ menuItem_02[i].href+"'>"+menuItem_02[i].link+"</a></li>";
	}

	for(i=0; i<menuItem_03.length; i++)	{
		menuStr_03 += "<li><a href='"+ menuItem_03[i].href+"'>"+menuItem_03[i].link+"</a></li>";
	}

	//$("#profileMenu").html(menuStr_01);
	//$("#productsMenu").html(menuStr_02);
	//$("#visitMenu").html(menuStr_03);
	//$("#contactMenu").html("<li><a href='office.html'>Offices</a></li>");
	//$("#careerMenu").html("<li><a href='career.html'>Carreer @ 050telecom</a></li>");

	$('.searchBtn').click(function(){
		var query = $('.searchTxt').val();
		location.href = "http://www.google.com/search?q="+query
		//$.get("http://search.atomz.com/search/", { sp_a: "sp10049f98", sp_p: "all",sp_f:"UTF-8",sp_q:query } );
		});
	$('.searchTxt').keydown(
		function(event){
		if(event.keyCode == 13){
			var query = $('.searchTxt').val();
			location.href = "http://www.google.com/search?q="+query
		}
		})





var footerInfo = [
	{name:'050telecom',box:[{link:'Our School',href:'ourschool.html'}]},
	{name:'050telecom',box:[{link:'Calendar',href:'calendar.html'}]},
	{name:'050telecom',box:[{link:'Comments',href:'comments.html'}]},
      {name:'050telecom',box:[{link:'Contact',href:'contact.html'}]}

	]


	var fHtml = "";
    
	for(i=0; i<footerInfo.length; i++)	{
		fHtml += "<div><h2></h2><ul>";
			for(j=0; j<footerInfo[i].box.length; j++)	{
				fHtml += " <li><a href='"+footerInfo[i].box[j].href+"'>"+footerInfo[i].box[j].link+"</a></li>";
			}
		fHtml += "</ul></div>";
	}

	$(".quickLinks").html(fHtml);




		var $mainmenu=$("#"+menuid+">ul")
		var $headers=$mainmenu.find("ul").parent()
		$headers.each(function(i){
			var $curobj=$(this)
			var $subul=$(this).find('ul:eq(0)');
			this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
			this.istopheader=$curobj.parents("ul").length==1? true : false
			$subul.css({top:this.istopheader? this._dimensions.h+"px" : Math.round(($subul.height()/2)-(this._dimensions.h/2))*(-1)})
			/*$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
				'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
				+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
				+ '" style="border:0;" />'
			)*/
$curobj.click(function(e){alert('test')})

			$curobj.hover(
				function(e){
					var $targetul=$(this).addClass('menuOn').children("ul:eq(0)")
					this._offsets={left:$(this).offset().left, top:$(this).offset().top}
					var menuleft=this.istopheader? 0 : this._dimensions.w;
					menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft;
					menuleft -= Math.round(($targetul.width()/2)-(this.offsetWidth/2));
					if(!this.istopheader){
						menuleft+=12;
						$('.pointer',this).slideDown(jqueryslidemenu.animateduration.over);
					}
					if ($targetul.queue().length<=1) //if 1 or less queued animations
						$targetul.css({left:menuleft+"px"}).slideDown(jqueryslidemenu.animateduration.over)
				},
				function(e){
					var $targetul=$(this).removeClass('menuOn').children("ul:eq(0)")
					$targetul.slideUp(jqueryslidemenu.animateduration.out);
					if(!this.istopheader) $('.pointer',this).slideUp(jqueryslidemenu.animateduration.out);
				}
			) //end hover
		}) //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) //end document.ready


}
}

//build menu with ID="myslidemenu" on page:
//jqueryslidemenu.createMenu();
jqueryslidemenu.buildmenu("mainMenu", arrowimages);