jQuery(document).ready(function(){
		var divOffset=0;
		jQuery("#categoryajax > ul").tabs({ spinner: '', cache: true, select:function(){ 
		  jQuery('#selectseriescontent').hide();
		  jQuery('p#selectseries').removeClass("toggleactive");
		  jQuery('a.GotoExquisiteDesign').unbind('ajaxStop ajaxStart');
		  jQuery('a.GotoUltraPortability').unbind('ajaxStop ajaxStart');
		  jQuery('a.GotoSuperbConvenience').unbind('ajaxStop ajaxStart');
		  divOffset =1;
		  }, load: function(){
		  	var url = location.href;
			if(url.search('#')!=-1){
				var hashParam = url.split(/#/);
				var anchor = hashParam[1].split(/_/);
				if(anchor[1]){
					setTimeout(function(){jQuery.scrollTo(jQuery('#ajaxtabs'),0)},200);
					setTimeout(function(){window.location.hash = '#'+anchor[1]},250);
				} else {
					setTimeout(function(){jQuery.scrollTo(jQuery('#ajaxtabs'),0)},200);
				}
			}
		
		  }
		});
				
		jQuery('#categoryajax .ajaxcontent a, .PageContentMiddle .right a').livequery('click',function(){
			var tabLink = jQuery(this).attr('href');
			var tabName;
			if(tabLink.search('#overview')!=-1){
				tabName=0;
				jQuery('#categoryajax ul#ajaxtabs a').each(function(){
					if(jQuery(this).attr('href')=='#CategoryOverview'){
						jQuery(this).click();
					}
				});
			}
			if(tabLink.search('#features')!=-1){
				tabName=1;
				jQuery('#categoryajax ul#ajaxtabs a').each(function(){
					if(jQuery(this).attr('href')=='#CategoryFeatures'){
						jQuery(this).click();
					}
				});
			}
			if(tabLink.search('#design')!=-1){
				tabName=2;
				jQuery('#categoryajax ul#ajaxtabs a').each(function(){
					if(jQuery(this).attr('href')=='#CategoryDesign'){
						jQuery(this).click();
					}
				});
			}
			if(tabLink.search('#gallery')!=-1){
				tabName=3;
				jQuery('#categoryajax ul#ajaxtabs a').each(function(){
					if(jQuery(this).attr('href')=='#CategoryGallery'){
						jQuery(this).click();
						jQuery('#CategoryGallery').css('min-height','520px');
					}
				});
			}
			if(tabLink.search('#models')!=-1){
				tabName=4;
				jQuery('#categoryajax ul#ajaxtabs a').each(function(){
					if(jQuery(this).attr('href')=='#CategoryModels'){
						jQuery(this).click();
					}
				});
			}
			
			//jQuery("#categoryajax > ul").tabs('select', tabName);
			setTimeout(function(){
				if(tabName){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				}
			},200);
		});
		
		var $tabs =jQuery("#categoryajax > ul").tabs();
		
		// Tabs Navigation 
		
		jQuery('.featureslink a').livequery('click', function() {// bind click event to link
			$tabs.tabs('select', 1); 
			return false;
		});
		jQuery('.overviewlink a').livequery('click', function(){ // bind click event to link
			$tabs.tabs('select', 0); // switch to third tab
		return false;
		});

		jQuery('.gallerylink a').livequery('click', function() { // bind click event to link
			$tabs.tabs('select', 3); // switch to third tab
		return false;
		});

		jQuery('.designlink a').livequery('click', function() { // bind click event to link
			$tabs.tabs('select', 2); // switch to third tab
		return false;
		});

		jQuery('.modelslink a').livequery('click', function() { // bind click event to link
			$tabs.tabs('select', 4); // switch to third tab
		return false;
		});
		
		// Click and Scroll To Only works in the overview tab. Bind ajaxstop event and unbind on tabselect (see top line 5-7)
		
		jQuery('a.GotoExquisiteDesign').livequery('click',function(){
			$tabs.tabs('select',1);
			jQuery(this)
				.ajaxStop(function(e){
					e.preventDefault();
					divOffset = jQuery('#ExquisiteDesignSection').offset().top;
					jQuery('body').scrollTo(divOffset+'px',1000);		
					jQuery(this).unbind("ajaxStop ajaxStart");
				});
			if(divOffset!=0){jQuery('body').scrollTo("#ExquisiteDesignSection",1000);}
			return false;
		});
			   
		jQuery('a.GotoUltraPortability').livequery('click',function(){
			$tabs.tabs('select',1);
			jQuery(this)
				.ajaxStop(function(e){
					e.preventDefault();
					divOffset = jQuery('#UltraPortabilitySection').offset().top;
					jQuery('body').scrollTo("#UltraPortabilitySection",1000);
					jQuery(this).unbind("ajaxStop");
				});
			if(divOffset!=0){jQuery('body').scrollTo("#UltraPortabilitySection",1000);}
			return false;
		});
		
		jQuery('a.GotoSuperbConvenience').livequery('click',function(){
			$tabs.tabs('select',1);
			jQuery(this)
				.ajaxStop(function(e){
					e.preventDefault();
					divOffset = jQuery('#SuperbConvenienceSection').offset().top;
					jQuery('body').scrollTo("#SuperbConvenienceSection",1000);
					jQuery(this).unbind("ajaxStop");
				});
			if(divOffset!=0){jQuery('body').scrollTo("#SuperbConvenienceSection",1000);}
			return false;
		});
		
		
		
		// Equalize Width and Height of Tabs
		equalHeightWidth(jQuery("ul#ajaxtabs a"));
		
		// Vertically Align Text in Tabs
		jQuery("ul#ajaxtabs a span,#selectseries a#selectserieslink").vAlign();

		// Show Progess Loader Image
		jQuery("#progress")
			 .ajaxStart(function(){
			   jQuery(this).show();
			 })
			 .ajaxStop(function(){
			   jQuery(this).hide();
			   //divOffset = jQuery('#ExquisiteDesignSection').offset().top;
		});


		jQuery("#selectseries").hover(function(){
			jQuery("#selectseriescontent").show();
			},function(){jQuery("#selectseriescontent").hide();
		});
		
        jQuery('#ajaxtabs li a').mouseover(function(){
            jQuery(this).removeAttr('title');
        });
        
        //auto select tab depending on the anchor parameter
        if(jQuery('#categoryajax').length!=-1){
			var url = location.href;
			if(url.search('#')!=-1){
				var hashParam = url.split(/#/);
					if(hashParam[1]){
					var tabNum = hashParam[1].split(/_/);
					var tabName = tabNum[0];
					switch(tabName){
						case 'overview':
							tabName='#CategoryOverview';
							break;
						case 'features':
							tabName='#CategoryFeatures';
							break;
						case 'design':
							tabName='#CategoryDesign';
							break;
						case 'gallery':
							tabName='#CategoryGallery';
							break;
						case 'models':
							tabName='#CategoryModels';
							break;
						default:
							tabName='#CategoryOverview';
					}
				}
				jQuery('#categoryajax #ajaxtabs li').children('a').each(function(){
					var tabID = jQuery(this).attr('href');
					if(tabName==tabID){
						jQuery(this).click();
						//console.log(tabName+'\n'+tabID);
					}
				});
			}
		}
  });

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $(this).parent().height();
	var mh = (ph - ah) / 2;
	$(this).css('padding-top', mh);
	});
};
})(jQuery);

function openTabHash(tabHash){
	var tabName;
	if(tabHash=='#overview'){
		tabName=0;
		jQuery('#categoryajax ul#ajaxtabs a').each(function(){
			if(jQuery(this).attr('href')=='#CategoryOverview'){
				jQuery(this).click();
				setTimeout(function(){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				},200);
			}
		});
	}
	if(tabHash=='#features'){
		tabName=1;
		jQuery('#categoryajax ul#ajaxtabs a').each(function(){
			if(jQuery(this).attr('href')=='#CategoryFeatures'){
				jQuery(this).click();
				setTimeout(function(){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				},200);
			}
		});
	}
	if(tabHash=='#design'){
		tabName=2;
		jQuery('#categoryajax ul#ajaxtabs a').each(function(){
			if(jQuery(this).attr('href')=='#CategoryDesign'){
				jQuery(this).click();
				setTimeout(function(){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				},200);
			}
		});
	}
	if(tabHash=='#gallery'){
		tabName=3;
		jQuery('#categoryajax ul#ajaxtabs a').each(function(){
			if(jQuery(this).attr('href')=='#CategoryGallery'){
				jQuery(this).click();
				jQuery('#CategoryGallery').css('min-height','520px');
				setTimeout(function(){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				},200);
			}
		});
	}
	if(tabHash=='#models'){
		tabName=4;
		jQuery('#categoryajax ul#ajaxtabs a').each(function(){
			if(jQuery(this).attr('href')=='#CategoryModels'){
				jQuery(this).click();
				setTimeout(function(){
					jQuery.scrollTo(jQuery('#ajaxtabs'),0);
				},200);
			}
		});
	}
	
	if(jQuery('#proexptab').length>=1){
		var linkHrefValJS = jQuery(tabHash).find('a').attr('href');
		pageTitle = document.title;
		if(linkHrefValJS){
			var linkHrefVal = linkHrefValJS.replace(/javascript:/i,'');
			setTimeout(function(){
				eval(linkHrefVal);
			},10);
			setTimeout(function(){
				document.title = pageTitle;
			},3000);
		}
	}
}

function equalHeightWidth(group) {
	tallest = 0;
	
	if (group.size() == 5)
	{
		group.width(((676-144)/(group.size()-1))-18);
		// Fixing visiblity hidden issue
		if(jQuery.browser.msie && jQuery.browser.version <= 10){
			group.width(((676-144)/(group.size()-1))-1);
			jQuery("ul#ajaxtabs a[title='CategoryGallery']").css("width",156);
		}
		else{
		jQuery("ul#ajaxtabs a[title='CategoryGallery']").css("width",134);
		jQuery("ul#ajaxtabs a[title='CategoryGallery']").css("min-width",120);
		}
	}
	else
	{
		if(jQuery.browser.msie && jQuery.browser.version <= 10){
			group.width((690/group.size())-1);
		}else{
			group.width((690/group.size())-19);
		}
	}
	group.each(function() {
		thisHeight = jQuery(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	
	if(jQuery.browser.msie && jQuery.browser.version <= 10){
		group.height(tallest+14);
	}
	else
	{
		group.height(tallest);
	}
	if(jQuery.browser.msie && jQuery.browser.version <= 10){
		jQuery("#selectseries").height(tallest+15);
	}
	else{
		jQuery("#selectseries").height(tallest-2);
	}
	jQuery("#selectseriescontent").css("top",14+tallest);
}

