// plugin


(function($)
{                    
    $.fn.jSlider2 = function(options)
    {
        $.fn.jSlider2.defaults = 
        {
            nextClass:'.next',
            prevClass:'.prev',
            container:'.lyr1',
            item:'.scrollImage',
            itemNo:0,
            itemWidth:291,
            slideSpeed:1000,
            nextClick:null,
            prevClick:null
            
        };
                
        var opts = $.extend({}, $.fn.jSlider2.defaults, options); /* PUTS ALL THE DEFAULT VALUES INTO A VARIABLE */
        var jclickLock=false;
        var myObj=$(this);
        
            
        if(myObj.find(opts.item).length>1){
            
            var container=myObj.find(opts.container);
            var item=myObj.find(opts.item);
            
            myObj.css({position:'relative',width:opts.itemWidth,overflow:'hidden',height:item.height()});
                    
            myObj.find(opts.item).css({width:opts.itemWidth,float:'left'})
            var max=$(opts.item).length*opts.itemWidth;
            myObj.find(opts.container).css({width:max,left:0,top:0,position:'absolute'})
            
            
            $(opts.nextClass).click(function(e){
               e.preventDefault();
               if(!jclickLock){
                   jclickLock=true
                   var pos=container.position();
                   if(pos.left> -(max-opts.itemWidth)){
                       
                       container.animate({left:pos.left-opts.itemWidth+'px'},opts.slideSpeed,function(){
                            jclickLock=false;
                            if (opts.nextClick instanceof Function) { opts.nextClick.call(); }   
                       })
                   }
                   else jclickLock=false;
                   
                   }
               })
            $(opts.prevClass).click(function(e){
               e.preventDefault();
               if(!jclickLock){
                   jclickLock=true
                   var pos=container.position();
                   if(pos.left< 0){
                       
                       container.animate({left:pos.left+opts.itemWidth+'px'},opts.slideSpeed,function(){
                            jclickLock=false;
                            if (opts.prevClick instanceof Function) { opts.prevClick.call(); }   
                       })
                   }
                   else jclickLock=false;
                   
                   }
               })
            if(opts.itemNo!=0){
                container.css({left:-opts.itemWidth*(opts.itemNo-1)})
                
            }
        }
      
        
    };
})(jQuery);

function getP(){
    if(window.location.hash!=''){
        var p=window.location.hash;
        return p.split('=')[1];
    }
}


function j_adjust(pid){
    $(document).ready(function(){
        // pre-loading  images
        var photoPostImage=$('.productDetailBox[rel='+pid+'] img');
        var photoTotal = photoPostImage.length;
        
        if(photoTotal){

            photoPostImage.load(function(){
            photoTotal--;
                if(photoTotal==0) {
                    j_height(pid)
                }
            });

            // pre-loading photo-post images for cached images
            photoPostImage.each(function(){
                if(this.complete) photoTotal--;
                if(photoTotal==0) {
                    j_height(pid)
                }
            });
        
        }
        else j_height(pid)
    });
    
}


function j_height(pid){
    var product_box=$('.productDetailBox[rel='+pid+']');
    //alert(product_box.height())
    if(product_box.height()>900){
        $('.productMain').animate({height:product_box.height()+"px"},500);
    }
    else $('.productMain').animate({height:900+"px"},500);
    
}

$(document).ready(function(){
    
    
    $('.sidebarHomeRight').jSlider2({
        nextClass:'.appsClickNext',
        prevClass:'.appsClickPrev',
        slideSpeed:250
    })
    
    $('.slide_animate').jSlider2({
        nextClass:'.click_right2',
        prevClass:'.click_left2',
        container:'.innerSlide',
        item:".innerItem",
        itemWidth:280,
        slideSpeed:250
    })
    
    $('.pp2').jSlider2({
        nextClass:'.click_pp_right',
        prevClass:'.click_pp_left',
        itemWidth:823,
        slideSpeed:250
    })
    
    
    /**
    *  Some CSS chane
    */
    
    
    $('.productDetailBox').css({overflow:'hidden',height:'auto'})
    
    
    $('.productMain').jSlider2({
        nextClass:'.appNext',
        prevClass:'.appPrev',
        container:'.productContainer',
        item:'.productDetailBox',
        itemNo:getP(),
        itemWidth:796,
        slideSpeed:500,
        nextClick:function(){
            var i=getP();
            window.location.hash="pid="+(parseInt(i)+1);
            $('.number i').text(getP());
            j_adjust(getP())
        },
        prevClick:function(){
            var i=getP();
            window.location.hash="pid="+(parseInt(i)-1);
            $('.number i').text(getP());
            j_adjust(getP())
        }
    })
    
    
    /**
    *  adjust the first product height
    */
    
    j_adjust(getP())
	
	$('.newsMain').jSlider2({
        nextClass:'.newsNext',
        prevClass:'.newsPrev',
        container:'.newsContainer',
        item:'.newsDetailBox',
        itemNo:getP(),
        itemWidth:796,
        slideSpeed:500,
        /*nextClick:function(){
            var i=getP();
            window.location.hash="nid="+(parseInt(i)+1);
            $('.number i').text(getP());    
        },
        prevClick:function(){
            var i=getP();
            window.location.hash="nid="+(parseInt(i)-1);
            $('.number i').text(getP());
        }*/
    })
    
    $("a.newsNext").click(function() {
        var i=getP();
        window.location.hash="nid="+(parseInt(i)+1);
        $('.number i').text(getP());
        var newsBox = '.newsDetailBox-'+(parseInt(i)+1);
        var h = $("div"+newsBox).height();
        $('div.newsMain').css({'height' : h});
    })
    $("a.newsPrev").click(function() {
        var i=getP();
        window.location.hash="nid="+(parseInt(i)-1);
        $('.number i').text(getP());
        var newsBox = '.newsDetailBox-'+(parseInt(i)-1);
        var h = $("div"+newsBox).height();
        $('div.newsMain').css({'height' : h});
    })
	
	//$('.number i').text(getP());
	
	$('.partnersSlide').jSlider2({
        nextClass:'.partnerimageNext',
        prevClass:'.partnerimagePrev',
        container:'.partnersSlideInner',
        item:'.partnersSlideInner div',
        itemWidth:314,
        slideSpeed:500
    })
	
	$('.appListSlide').jSlider2({
        nextClass:'.appListSlideNext',
        prevClass:'.appListSlidePrev',
        container:'.appListSlideInner',
        item:'.appListSlideInner div',
        itemWidth:796,
        slideSpeed:500,
		nextClick:function(){
            var i=getP();
            window.location.hash="pid="+(parseInt(i)+1);
            $('.number i').text(getP());
            
        },
        prevClick:function(){
            var i=getP();
            window.location.hash="pid="+(parseInt(i)-1);
            $('.number i').text(getP());
        }
    })
	
	$('.number i').text(getP());
	
	$(window).load(function() {
        var i = getP();
        var h = $("div.newsDetailBox-"+i).height();
        $("div.newsMain").height(h);
    })
    
    
})