// JavaScript Document
$(document).ready(function() {
	
$("h3").css("color","#EBEBEB");
$.get("load-page.html",function(data,textStatus){
					var $serch= $(data).find(".serch").html();
					
				    var $flash= $(data).find(".flash").html();
					
					$(".serch").html($serch);
				    $(".flash")	.html($flash);
					

									 })


});

	$(function(){
	    var $div_li =$("#tab ul li");
	    $div_li.hover(function(){
			$(this).addClass("selected")            //当前<li>元素高亮
				   .siblings().removeClass("selected");  //去掉其它同辈<li>元素的高亮
            var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
			$("div.tab_box > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
					.eq(index).show()   //显示 <li>元素对应的<div>元素
					.siblings().hide(); //隐藏其它几个同辈的<div>元素
		}).hover(function(){
			$(this).addClass("hover");
		},function(){
			$(this).removeClass("hover");
		})
	})
	
	$(document).ready(function() {
$(".yc").hide();
						   })

function mycarousel_itemLoadCallback(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    $cid=11;
    jQuery.get(
        'ajax.php',
        {
		    c_id: 11,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback0(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    $cid=11;
    jQuery.get(
        'ajax.php',
        {
		    c_id: 6,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};


function mycarousel_itemLoadCallback1(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }

    jQuery.get(
        'ajax.php',
        {
		      c_id: 12,
            first: carousel.first,
            last: carousel.last
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback2(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    $cid=11;
    jQuery.get(
        'ajax-1.php',
        {
		    c_id: 13,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback3(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }

    jQuery.get(
        'ajax.php',
        {
		      c_id: 43,
            first: carousel.first,
            last: carousel.last
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};



function mycarousel_itemLoadCallback4(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 44,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback5(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 14,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};


function mycarousel_itemLoadCallback6(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 22,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};
function mycarousel_itemLoadCallback7(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 28,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback8(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 17,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemLoadCallback9(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 15,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};


function mycarousel_itemLoadCallback10(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(
        'ajax.php',
        {
		    c_id: 65,
            first: carousel.first,
            last: carousel.last
			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};



function mycarousel_itemAddCallback(carousel, first, last, xml)
{
    // Set the size of the carousel
    carousel.size(parseInt(jQuery('total', xml).text()));

    jQuery('image', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
    });
	
	var x = 20;
	var y = 300;
	$(".jcarousel-skin-ie7 img").mouseover(function(e){
		
		var $src=this.src.replace("x","d");
		//alert($src); 
		var pic_tip = "<div id='pic_tip'><img src='"+ $src +"' class='img_size' />"+"<\/div>"; 
		$("body").append(pic_tip);							 
		$("#pic_tip")
		.css({
			"top": (e.pageY+y) + "px",
				"left":  (e.pageX+x)  + "px",
				"z-index":999
		}).show("fast");	  
   }).mouseout(function(){
	
		$("#pic_tip").remove();	 
    }).mousemove(function(e){
		$("#pic_tip")
			.css({
				"top": (e.pageY-y) + "px",
				"left":  (e.pageX+x)  + "px"
			});
	});
	
	
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
    return '<a href="http://www.leathergoods-china.com/show/'+url+'-.html" target="_blank" ><img src="http://www.leathergoods-china.com/pimages/' + url + 'unx.jpg " width="75" height="75"  /><a/>';
};

jQuery(document).ready(function() {
								jQuery('#mycarousel0').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback0
    });
    jQuery('#mycarousel').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback
    });
	
	   jQuery('#mycarousel1').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback1
    });
	
	jQuery('#mycarousel2').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback2
    });
	
	
		jQuery('#mycarousel3').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback3
    });
	
			jQuery('#mycarousel4').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback4
    });
			
					jQuery('#mycarousel5').jcarousel({
       
        itemLoadCallback: mycarousel_itemLoadCallback5
    });
							jQuery('#mycarousel6').jcarousel({

        itemLoadCallback: mycarousel_itemLoadCallback6
    });
	
								jQuery('#mycarousel7').jcarousel({

        itemLoadCallback: mycarousel_itemLoadCallback7
    });
	
									jQuery('#mycarousel8').jcarousel({

        itemLoadCallback: mycarousel_itemLoadCallback8
    });
									
         jQuery('#mycarousel9').jcarousel({

        itemLoadCallback: mycarousel_itemLoadCallback9
    });
		 
		 
		  jQuery('#mycarousel10').jcarousel({

        itemLoadCallback: mycarousel_itemLoadCallback10
    });
	
});