// JavaScript Document
document.writeln("<script type=\"text/javascript\" src=\"/js/linksubmit.js\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/tour-info.js\"></script>");
document.writeln("<script language=\"JavaScript\" src=\"/js/jquery.cookies.js\" type=\"text/javascript\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/jquery.md5.js\"></script>");
document.writeln("<script language=\"JavaScript\" src=\"/js/community/comment.js\" type=\"text/javascript\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/jquery.pagination.js\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/galleriffic/jquery.galleriffic.js\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/galleriffic/jquery.opacityrollover.js\"></script>");
document.writeln("<script type=\"text/javascript\" src=\"/js/community/facebox.js\"></script>");
TrunMenu("priceTable","active","li","priceDetail");
TrunMenu("priceIncl","active","li","in-ex");
TrunMenu("qaIncl","active","li","c-qa");
$(function(){

	$("a[rel*=facebox]").facebox({opacity:0.5,outClose:false});
	$(".cht-1-map").click(function(){

		$.facebox("<img src='/image/tour-2012/cht-1/cht-1-map.jpg' />");
	});

	$(".r_tips").mouseover(function(){
		$(".r_tips_c").show();
	});
	$(".r_tips_c .closeIt").click(function(){
		$(".r_tips_c").hide();
	});

    $(".tourPic").hover(
        function () {
            $(this).find(".hideBlock").show();
        },
        function () {
            $(this).find(".hideBlock").hide();
        }
    );

    var sTags = $(".switchTags");
        sTags_top = sTags.offset().top;

    tagsScroll(".tag-tour-itinerary", "#tourSummary");
	tagsScroll(".tag-price-details", "#tourLeft");
	tagsScroll(".tag-qa", "#questionBox");
	tagsScroll(".tag-feedbacks", "#tourFeedback");
	tagsScroll(".tag-other-option", "#otherOption");

    $(window).unbind("scroll");
    $(window).bind("scroll", function() {
		try{
        var tab_intinerary_info = $("#tourSummary");
        var tab_price_details= $("#tourLeft");
        var tab_question = $("#questionBox");
        var tab_feedback = $("#tourFeedback");
		var tab_other_option = $("#otherOption");

        var self_top = $(this).scrollTop();
        if(self_top > sTags_top){
            sTags.css({"position": "fixed", "top": 0, "width": 952, "height": 40, "z-index": 10, "background": "#FFFFFF", "border-bottom": "2px solid #A31022"});
			$(".bookingButton-s").css({"margin-top": "5px", "position": "absolute"});
            if(self_top > tab_intinerary_info.offset().top - 50 && tab_intinerary_info.offset().top != 0){
                changingOverTab($(".tag-tour-itinerary"));
            }
            if(self_top > tab_price_details.offset().top - 50 && tab_price_details.offset().top != 0){
                changingOverTab($(".tag-price-details"));
            }
            if(self_top > tab_question.offset().top - 50 && tab_feedback.offset().top != 0){
                changingOverTab($(".tag-qa"));
            }
            if(self_top > tab_feedback.offset().top - 50 && tab_feedback.offset().top != 0){
                changingOverTab($(".tag-feedbacks"));
            }
			if(self_top > tab_other_option.offset().top - 50 && tab_other_option.offset().top != 0){
                changingOverTab($(".tag-other-option"));
            }
        }else{
            sTags.css({"position": "static", "background": "none"});
			$(".bookingButton-s").css({"margin-top": "5px", "position": "inherit"});
        }
		}catch(err){}
    });


    //Q & A
    //-----------dobook--------------------
    $("#i_doBook").click(function(){
        if($("#i_doBook").attr("checked") == true){
            $(".otherInfoNeed").show();
        }else{
            $(".otherInfoNeed").hide();
        }
    });

    $.getJSON("/api/tmp/qaJSON.asp?jsoncallback=?", {"num": "50"}, function(json){
        var size = json.qa.length;
        $("#qa-hiddenresult").empty();
        for(var i = 0; i < size; i++){
            var template = "";
                template += "  <div class='qaList'>";
                template += "    <ul>";
                template += "      <li class='questionIcon'>  <span class='viewAnswer'>"+json.qa[i].question.content+"</span> <span class='whyAsked'> Asked by <strong>"+json.qa[i].question.name+"</strong> "+json.qa[i].question.dates+" </span></li>";
                a_size = json.qa[i].answer.length;
                for(var j = 0; j < a_size; j++){
                template += "      <li class='answerIcon'> <span class='whyAsked'><strong>"+json.qa[i].answer[j].name+"</strong> replied "+json.qa[i].answer[j].dates+" </span> "+json.qa[i].answer[j].content+"</li>";
                }
                template += "    </ul>";
                template += "  </div>";
            $("#qa-hiddenresult").append(template);
        }
        $("#qa-loading").hide();
        initPagination(3, {"num_entries": "#qa-hiddenresult div.qaList", "list": ".qalistBox", "pagination": "#qa-pagination", "hiddenresult": "#qa-hiddenresult div.qaList"});
		qaclick();
		$(".tag-qa span").html("("+json.qa.length+")");
    });

    //Feedback
    function initPagination (items_per_page, obj_node) {
        var num_entries = $(obj_node.num_entries).length;
        var run = (function(num_entries, items_per_page, obj_node){
            $(obj_node.pagination).pagination(num_entries, {
                num_edge_entries: 1,
                num_display_entries: 4,
                callback: function(page_index, jq){
                    var max_elem = Math.min((page_index + 1) * items_per_page, num_entries);
                    $(obj_node.list).empty();
                    for(var i = (page_index * items_per_page); i < max_elem; i++){
                        var content = $(obj_node.hiddenresult).eq(i).clone();
                        $(obj_node.list).append(content);
                    }
					qaclick();
                    return false;
                },
                items_per_page: items_per_page,
                prev_text: "",
                next_text: ""
            });
        })(num_entries, items_per_page, obj_node);
    };

    //ajax
    $.getJSON("/api/tmp/feedbackjson.asp?jsoncallback=?", {"code": "cht-1"}, function(json){
        var size = json.feedback.length;
        for(var i = 0; i < size; i++){
            var attractions = (function(o){
                if(o != ""){
                    return "<span>:&nbsp;&nbsp;"+o+"</span>";
                }
            })(json.feedback[i].rate.attractions);
            var hotel = (function(o){
                if(o != ""){
                    return "<span>:&nbsp;&nbsp;"+o+"</span>";
                }
            })(json.feedback[i].rate.hotel);
            var restaurant = (function(o){
                if(o != ""){
                    return "<span>:&nbsp;&nbsp;"+o+"</span>";
                }
            })(json.feedback[i].rate.restaurant);
            var guide = (function(o){
                if(o != ""){
                    return "<span>:&nbsp;&nbsp;"+o+"</span>";
                }
            })(json.feedback[i].rate.guide);
            var dates = (function(o){
                if(o != ""){
                    return "<strong>Tour Dates:</strong> "+o+" ";
                }
            })(json.feedback[i].dates);
            var title = (function(o, t){
                if(o != ""){
                    return "Tour Title:</strong> <a href='"+o+"' target='_blank'>"+t+"</a>";
                }else{
                    return "Tour Title:</strong> "+t;
                }
            })(json.feedback[i].url, json.feedback[i].title);
            var attractions = (function(o){
                if(o != ""){
                    return "<span><strong>Attractions:</strong> "+o+"</span> ";
                }
            })(json.feedback[i].rate.attractions);
            var hotel = (function(o){
                if(o != ""){
                    return "<span><strong>Hotels:</strong> "+o+"</span> ";
                }
            })(json.feedback[i].rate.hotel);
            var restaurant = (function(o){
                if(o != ""){
                    return "<span><strong>Restaurant:</strong> "+o+"</span> ";
                }
            })(json.feedback[i].rate.restaurant);
            var guide = (function(o){
                if(o != ""){
                    return "<span><strong>Guide:</strong> "+o+"</span> ";
                }
            })(json.feedback[i].rate.guide);

			var pv = (function(o, j){
                if(o != ""){
                    return "<span class='feedbackVideo'><img src='//www.chinahighlights.com/image"+o+"' width='200'></span> ";
                }else if(j != ""){
					return "<span class='feedbackimage'><img src='//www.chinahighlights.com/image"+j+"'></span> ";
				}else{
					return "";
				}
            })(json.feedback[i].video, json.feedback[i].image)
            var template = "";
                template += "<div class='feedbackList'>" +pv;
				template += "  <div class='feedbackRating'>"+attractions+hotel+restaurant+guide+"</div>";
                template += "  <div class='feedbackInfo'>  <span class='dates-title'>"+dates+"<strong>"+title+"</span> <span class='customerSay'>"+json.feedback[i].content+" <a href='"+json.feedback[i].url+"' target='_blank'>Read more »</a></span> </div>";
                template += "  <div class='clear'></div>";
                template += "</div>";
            $("#feedback-hiddenresult").append(template);
        }
        $("#feedback-loading").hide();
        initPagination(3, {"num_entries": "#feedback-hiddenresult div.feedbackList", "list": "#feedback-list", "pagination": "#feedback-pagination", "hiddenresult": "#feedback-hiddenresult div.feedbackList"});
		$(".tag-feedbacks span").html("("+json.feedback.length+")");
		$(".reviews").html(json.feedback.length);

    });



	//gallery
	$('div.navigation').css({'width' : '98px', 'float' : 'right'});
	$('div.content').css('display', 'block');

	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').opacityrollover({
		mouseOutOpacity:   onMouseOutOpacity,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	});

	var gallery = $('#thumbs').galleriffic({
		delay:                     5000,
		numThumbs:                 4,
		preloadAhead:              10,
		enableTopPager:            false,
		enableBottomPager:         false,
		maxPagesToShow:            2,
		imageContainerSel:         '#slideshow',
		controlsContainerSel:      '#controls',
		captionContainerSel:       '#caption',
		loadingContainerSel:       '#loading',
		renderSSControls:          true,
		renderNavControls:         true,
		playLinkText:              'Play Slideshow',
		pauseLinkText:             'Pause Slideshow',
		prevLinkText:              '&lsaquo;',
		nextLinkText:              'Next Photo &rsaquo;',
		nextPageLinkText:          '',
		prevPageLinkText:          '',
		enableHistory:             false,
		autoStart:                 false,
		syncTransitions:           true,
		defaultTransitionDuration: 900,
		onSlideChange:             function(prevIndex, nextIndex) {
			// 'this' refers to the gallery, which is an extension of $('#thumbs')
			this.find('ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);

			if(nextIndex == 0){
				$(".videoBox").show();
			}else{
				$(".videoBox").hide();
			}
		},
		onPageTransitionOut:       function(callback) {
			this.fadeTo('fast', 0.0, callback);
		},
		onPageTransitionIn:        function() {
			var prevPageLink = this.find('a.prev').css('visibility', 'visible');
			var nextPageLink = this.find('a.next').css('visibility', 'visible');

			// Show appropriate next / prev page links
			if (this.displayedPage > 0)
				prevPageLink.css('visibility', 'visible');

			var lastPage = this.getNumPages() - 1;
			if (this.displayedPage < lastPage)
				nextPageLink.css('visibility', 'visible');

			this.fadeTo('fast', 1.0);
		}
	});
	gallery.find('a.prev').click(function(e) {
		gallery.previousPage();
		e.preventDefault();
	});

	gallery.find('a.next').click(function(e) {
		gallery.nextPage();
		e.preventDefault();
	});
	//#gallery end

});

function tagsScroll(o, v){
    $(o).click(function(){
        $("html,body").animate({scrollTop: $(v).offset().top - 40}, 0);
    });
}

function qaclick(){
	$(".answerIcon").hide();
	$(".questionIcon").click(function(){
		$(this).siblings("li").toggle();
		$(this).parents(".qaList").siblings(".qaList").find("li.answerIcon").hide();
	});
	$("#questionList .qaList:eq(0) li").show();
}

function changingOverTab(o) {
    var a_current = o;
    var a_parent = a_current.parent();
    var a_parent_name = a_current.parent().attr("class");
    if(testReg(/Active/, a_parent_name)){

    }else{
        a_parent.addClass(a_parent_name+"Active").removeClass(a_parent_name);
    }


    a_parent.siblings().each(function(){
        var sibling = $(this);
        var sibling_name = sibling.attr("class");
        if(testReg(/Active/, sibling_name)){
            sibling.addClass(sibling_name.replace(/Active/, "")).removeClass(sibling_name);
        }
    });
}

function execReg(reg,str){
    var result = reg.exec(str);
    return result;
}
function testReg(reg,str){
    return reg.test(str);
}