// JavaScript Document
$(document).ready(function() {

	// write the features list 
	$.ajax({
		type: "GET",
		url: "/ContentStatic/clg/xml/features.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('feature').each(function(){
				var id = $(this).attr('id');
				var img = $(this).find('img').text();
				var alt = $(this).find('alt').text();
				var txt = $(this).find('txt').text();
				$("#intro_slider").append('<li id="intro_slider_item_'+id+'"><span class="img"><img src="'+img+'" alt="'+alt+'" /></span><span class="txt"><span>'+txt+'</span></span></li>');
			});
			// initiate the slider
			$('#intro_slider').jcarousel({auto: 6,wrap: 'circular',scroll:1, animation:"slow"});
		}
	});
	
	// write the highlights_tab 
	$.ajax({
		type: "GET",
		url: "/ContentStatic/clg/xml/highlights_tab.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('tab').each(function(){
				var id = $(this).attr('id');
				var ttl = $(this).find('ttl').text();
				var ttl_url = $(this).find('ttl_url').text();
				var img = $(this).find('img').text();
				var img_alt = $(this).find('img_alt').text();
				var txt_ttl = $(this).find('txt_ttl').text();
				var txt = $(this).find('txt').text();
				var link_txt = $(this).find('link_txt').text();
				var link_url = $(this).find('link_url').text();
				$(".sub1_tabs").append('<li><a href="#sub1_tab'+id+'">'+ttl+'</a></li>');
				$(".sub1_tab_container").append('<div id="sub1_tab'+id+'" class="sub1_tab_content"><div class="col-1"><span class="img"><img src="'+img+'" alt="'+img_alt+'" /></span></div><div class="col-2"><span class="ttl"><a href="'+ttl_url+'">'+txt_ttl+'</a></span><span class="txt">'+txt+'</span><span class="more"><a href="'+link_url+'">'+link_txt+'</a></span></div><div class="clear"></div></div>');
			});
			// initiate the tabs
			$(".sub1_tab_content").hide(); 
			$("ul.sub1_tabs li:first").addClass("active").show(); 
			$(".sub1_tab_content:first").show(); 
			$("ul.sub1_tabs li").click(function() {
				$("ul.sub1_tabs li").removeClass("active"); 
				$(this).addClass("active"); 
				$(".sub1_tab_content").hide(); 
				var activeTab = $(this).find("a").attr("href");
                activeTab = activeTab.substring(activeTab.indexOf('#'));
				if ($.browser.msie && $.browser.version.substr(0,1)>6)
					$(activeTab).show(); 
				else
					$(activeTab).fadeIn(); 
				return false;
			});
		}
	});
	
    // write the users_tab 
	$.ajax({
		type: "GET",
		url: "/ContentStatic/clg/xml/users_tab.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('tab').each(function(){
				var id = $(this).attr('id');
				var ttl = $(this).find('ttl').text();
				var ttl_url = $(this).find('ttl_url').text();
				var img = $(this).find('img').text();
				var img_alt = $(this).find('img_alt').text();
				var txt_ttl = $(this).find('txt_ttl').text();
				var txt = $(this).find('txt').text();
				var link_txt = $(this).find('link_txt').text();
				var link_url = $(this).find('link_url').text();
				$(".sub4_tabs").append('<li><a href="#sub4_tab'+id+'">'+ttl+'</a></li>');
				$(".sub4_tab_container").append('<div id="sub4_tab'+id+'" class="sub4_tab_content"><div class="col-1"><span class="img"><img src="'+img+'" alt="'+img_alt+'" /></span></div><div class="col-2"><span class="ttl"><a href="'+ttl_url+'">'+ttl+'</a></span><span class="txt">'+txt+'</span><span class="more"><a href="'+link_url+'">'+link_txt+'</a></span></div><div class="clear"></div></div>');
			});
			// initiate the tabs
			$(".sub4_tab_content").hide(); 
			$("ul.sub4_tabs li:first").addClass("active").show(); 
			$(".sub4_tab_content:first").show(); 
			$("ul.sub4_tabs li").click(function() {
				$("ul.sub4_tabs li").removeClass("active"); 
				$(this).addClass("active"); 
				$(".sub4_tab_content").hide(); 
				var activeTab = $(this).find("a").attr("href");
                activeTab = activeTab.substring(activeTab.indexOf('#'));
				if ($.browser.msie && $.browser.version.substr(0,1)>6)
					$(activeTab).show(); 
				else
					$(activeTab).fadeIn(); 
				return false;
			});
		}
	});
	
	// write the addons_tab 
	$.ajax({
		type: "GET",
		url: "/ContentStatic/clg/xml/addons_tab.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('tab').each(function(){
				var id = $(this).attr('id');
				var ttl = $(this).find('ttl').text();
				var logo = $(this).find('logo').text();
				var logo_alt = $(this).find('logo_alt').text();
				var img = $(this).find('img').text();
				var img_alt = $(this).find('img_alt').text();
				var txt_ttl = $(this).find('txt_ttl').text();
				var txt = $(this).find('txt').text();
				var link_txt = $(this).find('link_txt').text();
				var link_url = $(this).find('link_url').text();
				var demo_txt = $(this).find('demo_txt').text();
				var demo_url = $(this).find('demo_url').text();
				$(".sub3_tabs").append('<li><a href="#sub3_tab'+id+'">'+ttl+'</a></li>');
				$(".sub3_tab_container").append('<div id="sub3_tab'+id+'" class="sub3_tab_content"><div class="sml-col-1"><span class="img"><img src="'+logo+'" alt="'+logo_alt+'" /></span></div><div class="sml-col-2"><span class="txt">'+txt+'</span><span class="more"><a href="'+link_url+'">'+link_txt+'</a></span></div><div class="sml-col-3"><span class="img"><a href="'+demo_url+'"><img src="'+img+'" alt="'+img_alt+'" /></a></span><span class="more"><a href="'+demo_url+'">'+demo_txt+'</a></span></div><div class="clear"></div></div>');
			});
			// initiate the side tabs
			$(".sub3_tab_content").hide(); 
			$("ul.sub3_tabs li:first").addClass("active").show(); 
			$(".sub3_tab_content:first").show(); 
			$("ul.sub3_tabs li").click(function() {
				$("ul.sub3_tabs li").removeClass("active"); 
				$(this).addClass("active"); 
				$(".sub3_tab_content").hide(); 
				var activeTab = $(this).find("a").attr("href");
                activeTab = activeTab.substring(activeTab.indexOf('#'));
				if ($.browser.msie && $.browser.version.substr(0,1)>6)
					$(activeTab).show(); 
				else
					$(activeTab).fadeIn(); 
				return false;
			});
			$("a[href*='youtube.com']").attr('target', '_blank');
		}
	});
	
	// write the customers_tabs 
	$.ajax({
		type: "GET",
		url: "/ContentStatic/clg/xml/customers_tabs.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('tab').each(function(){
				var id = $(this).attr('id');
				var ttl = $(this).find('ttl').text();
				var logo = $(this).find('logo').text();
				var logo_alt = $(this).find('logo_alt').text();
				var img = $(this).find('img').text();
				var img_alt = $(this).find('img_alt').text();
				var txt_ttl = $(this).find('txt_ttl').text();
				var txt = $(this).find('txt').text();
				var link_txt = $(this).find('link_txt').text();
				var link_url = $(this).find('link_url').text();
				var demo_txt = $(this).find('demo_txt').text();
				var demo_url = $(this).find('demo_url').text();
				$(".sub2_tabs").append('<li><a href="#sub2_tab'+id+'">'+ttl+'</a></li>');
				$(".sub2_tab_container").append('<div id="sub2_tab'+id+'" class="sub2_tab_content"><div class="sml-col-1"><span class="img"><img src="'+logo+'" alt="'+logo_alt+'" /></span></div><div class="sml-col-2"><span class="txt">'+txt+'</span><span class="more"><a href="'+link_url+'">'+link_txt+'</a></span></div><div class="sml-col-3"><span class="img"><a href="'+demo_url+'?iframe=true&width=345&height=265" rel="prettyPhoto"><img src="'+img+'" alt="'+img_alt+'" /></a></span><span class="more"><a href="'+demo_url+'?iframe=true&width=345&height=265" rel="prettyPhoto">'+demo_txt+'</a></span></div><div class="clear"></div></div>');
			});
			// initiate the side tabs
			$(".sub2_tab_content").hide(); 
			$("ul.sub2_tabs li:first").addClass("active").show(); 
			$(".sub2_tab_content:first").show(); 
			$("ul.sub2_tabs li").click(function() {
				$("ul.sub2_tabs li").removeClass("active"); 
				$(this).addClass("active"); 
				$(".sub2_tab_content").hide(); 
				var activeTab = $(this).find("a").attr("href");
                activeTab = activeTab.substring(activeTab.indexOf('#'));
				if ($.browser.msie && $.browser.version.substr(0,1)>6)
					$(activeTab).show(); 
				else
					$(activeTab).fadeIn(); 
				return false;
			});
			$("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook',show_title: false});
		}
	});
	
	// initiate the main tabs
	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show(); 
	$(".tab_content:first").show(); 
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); 
		$(this).addClass("active"); 
		$(".tab_content").hide(); 
		var activeTab = $(this).find("a").attr("href");
        activeTab = activeTab.substring(activeTab.indexOf('#'));
		if ($.browser.msie && $.browser.version.substr(0,1)>6)
			$(activeTab).show(); 
		else
			$(activeTab).fadeIn(); 
		return false;
	});
		
	// click event on the change flash language icon
	$(".ar-link").click(function(){
		$(".ar-link").hide();
		$(".en-link").show();
		$("#flash_frame").attr('src', '/ContentStatic/clg/flash/ar.html');
		return false;
	});
	$(".en-link").click(function(){
		$(".en-link").hide();
		$(".ar-link").show();
		$("#flash_frame").attr('src', '/ContentStatic/clg/flash/en.html');
		return false;
	});
	
});