/***********************************************************/
/***********************************************************/
/***********************************************************/

$.slider=new Object();
$.slider.stop=false;
$.slider.anim_already_started=false;
$.slider.ready=false;
//$.slider.images_width=200;
//$.slider.images_height=200;
$.slider.images_score=600;
$.slider.anim_interval=1000;

//$.slider.num_pict=6;
$.slider.current_pict=0;
$.slider.images=new Array();
$.slider.hrefs=new Array();

/******************************************************************/
$.slider.set_elems=function(){
$.slider.images_width=672;
	$.slider.images_height=275;
	$("#nout_region *").css("-moz-user-select", "none");
	$("#nout_region *").css("-khtml-user-select", "none");
	$("#nout_region *").css("user-select", "none");
	$("#nout_region *").attr("unselectable", "on");
	$("#nout_region").append("<div id='img_preloader'>Загрузка..</div>");
	
	$("#img_preloader").css({overflow:'hidden',height:'0px'});
	$("#nout_region").append("<div id=nout ></div>");
	$("#nout").append('<div id="slider" class="slider"><img class="slider_image" id="image_1"><a href="JavaScript:;" id="picture_href"><img  class="slider_image" id="image_2"></a><img class="slider_image" id="image_3"></div>');
	$("#nout_region").css("position","relative");
	var nout_offset=new Object();
	nout_offset.left=4;
	nout_offset.top=0;
	var x_left_slider=nout_offset.left+2;
	var y_left_slider=nout_offset.top+130;
	var x_right_slider=nout_offset.left+630;
	var y_right_slider=nout_offset.top+130;
	var x_free_hands=nout_offset.left+-9;
	var y_free_hands=nout_offset.top+-6;
	var x_display=nout_offset.left+0;
	var y_display=nout_offset.top+0;
	x_progress=nout_offset.left+0;//344 //92
	var y_progress=nout_offset.top+0;

	$("#nout").css({overflow:'hidden',width:$.slider.images_width+'px',height:$.slider.images_height+'px',position:'absolute',left:x_display+'px',top:y_display+'px'});
	$("#slider").css({overflow:'hidden',width:(4*$.slider.images_width)+'px',height:$.slider.images_height+'	px',display:'none',zIndex:'200'});
	//$("#nout_region").append("");
	$("#left_slider").css({display:'inline',position:'absolute',left:x_left_slider+'px',top:y_left_slider+'px',zIndex:'202'});
	$("#right_slider").css({display:'inline',position:'absolute',left:x_right_slider+'px',top:y_right_slider+'px',zIndex:'203'});
	$("#free_hands").css({display:'inline',position:'absolute',left:x_free_hands+'px',top:y_free_hands+'px',zIndex:'201'});
	$("#progress *").css({float:'left'});
	
	$("#progress div").css({overflow:'hidden',height:'9px',width:'10px'});
	$("#progress").css({display:'block',position:'absolute',left:x_progress+'px',top:y_progress+'px',width:'300px'});
	$("#nout_region").append("<div id=load_progress></div>");
	$("#load_progress").css({position:'absolute',left:nout_offset.left+282+'px',top:nout_offset.top+138+'px',color:'white',fontSize:'30px'})
	

}
 $.slider.init=function(){


$.slider.startPos();

$(".slider_image").css({width:$.slider.images_width+"px"})
$(".slider_image").css({height:$.slider.images_height+"px"})
$(".slider_image").attr('src',$.slider.images[0]);

//$("#slider").animate({marginLeft:(-$.slider.images_width)+"px",100)
//$("#slider").css({marginLeft:(-$.slider.images_width)+"px"})
//$(".slider_image").css("border",'1px solid red')

$("#left_slider,#right_slider").css('cursor','hand');

$("#right_slider").click(function(){
//setInterval(5000,$.slider.animate,"right,fade_")
$.slider.stop=true;
$.slider.animate("right","");
//$("#display").append("<br>Кликнулось ");
})
$("#left_slider").click(function(){
//setInterval(5000,$.slider.animate,"right,fade_")
$.slider.stop=true;
$.slider.animate("left","");
//$("#display").append("<br>Кликнулось ");
})
}
/******************************************************************/
$.slider.load=function(){
$.slider.loaded=0;
$.slider.num_pict=0;
$.slider.progress_start=x_progress;
$.slider.progress_max=0;
var percent=0;
//$("#nout").append("<div id=progress></div>");

$.each($.slider.images,function(name,value){
//alert(value);
$.slider.num_pict++;
$("#img_preloader").append("<img src='"+value+"'  border=0 class='image_preload'>");
})
$(".image_preload").error(function(){
//$.slider.num_pict=$.slider.num_pict-1;
//$(".image_preload").load();
 });
$(".image_preload").load(function(){
 //alert($(this).attr("src"));
 $.slider.loaded++;
 var sl_width=(46-2*$.slider.loaded)+13;
 $.slider.progress_max=$.slider.progress_start+92+10-sl_width;
 //alert($.slider.progress_max);
 $("#progress div").css({overflow:'hidden',height:'9px',width:sl_width+'px'});
 //$("#progress").css({left:$.slider.progress_max+'px'});

 percent=Math.round(($.slider.loaded/$.slider.num_pict)*100);
 $("#load_progress").html(percent+"%")
 if($.slider.loaded>=$.slider.num_pict){
 $("#load_progress").remove();
	$.slider.load_ready();
 }
 });
}
/******************************************************************/
$.slider.load_ready=function(){
$.slider.ready=true;
$("#slider").css('display','block');
$.slider.init();
//alert("");	
}
/******************************************************************/
$.slider.autoAnim=function(){
if($.slider.ready){
if(arguments[0]){
//alert(arguments[0])
if(arguments[0]=="relly_start"){
$.slider.anim_already_started=false
if(!$.slider.stop){
$.slider.animate('right','fade');
}else{
$.slider.stop=false;
$.slider.autoAnim();
}
return false;
}
}


if(!$.slider.anim_already_started){
start_interval=setTimeout("$.slider.autoAnim('relly_start')",$.slider.anim_interval)
$.slider.anim_already_started=true;
}
//$.slider.animate("right","fade");
}
}
/******************************************************************/
$.slider.startPos=function(){
if(($.slider.hrefs[$.slider.current_pict])&&($.slider.hrefs[$.slider.current_pict]!="")){
$("#picture_href").attr('href',$.slider.hrefs[$.slider.current_pict])
//$("#picture_href").attr('click','')
}else{
$("#picture_href").attr('href','JavaScript:;')
//$("#picture_href").attr('click','$("#right_slider").click()')
}
$("#image_2").attr("src",$.slider.getImage("current"))
$("#slider").css({opacity: 1})
//$("#slider").show();
$("#slider").css({marginLeft:(-$.slider.images_width)+"px"})
//$("#slider").animate({marginLeft:(-$.slider.images_width)+"px"},100)
$.slider.autoAnim();
$("#slider").dequeue();
}
/******************************************************************/


$.slider.getImage=function(diraction){ //Отдает путь к следщему или придедущему изображению, в зависимости от направления
var img_ind
if(diraction=="current"){//если нужнО следующее изображение
img_ind=$.slider.current_pict;
}else if(diraction=="left"){//если нужнО следующее изображение
img_ind=$.slider.current_pict+1;
if(img_ind>=$.slider.num_pict){
img_ind=0
}
}else{
var img_ind=$.slider.current_pict-1
if(img_ind<0){
img_ind=$.slider.num_pict-1
}
}
$.slider.current_pict=img_ind;
//var slider_pos=img_ind+$.slider.progress_start;
//alert($.slider.progress_start);
/****************!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

var slider_pos=$.slider.progress_start+(($.slider.progress_max-$.slider.progress_start)/($.slider.num_pict-1))*$.slider.current_pict;
$("#progress").stop();
$("#progress").animate({left:slider_pos+'px'},$.slider.images_score);
//alert(img_ind);


return $.slider.images[img_ind];


};
/******************************************************************/
$.slider.animate=function(direction,effect){
$("#slider").stop();
if(direction=="right"){
if (effect=="fade"){
$("#nout").css("background","url("+$.slider.getImage('left')+") no-repeat left top");
$("#slider").css({opacity: 1});
$("#slider").animate({opacity: 0},$.slider.images_score);
//$("#display").append("<br>Кликнулось ");
}else{
//$.slider.getImage("left");
$("#image_1").attr("src",$.slider.getImage("left"))
$("#slider").animate({marginLeft:"0px"},$.slider.images_score,'linear')
}
$("#slider").queue($.slider.startPos)
}else{
if (effect=="fade"){
$("#nout").css("background","url("+$.slider.getImage('right')+") no-repeat left top");
$("#slider").animate({opacity: 0},$.slider.images_score);
//$("#display").append("<br>Кликнулось ");
}else{
$("#image_3").attr("src",$.slider.getImage("right"))
$("#slider").animate({marginLeft:(-$.slider.images_width*2)+"px"},$.slider.images_score,'linear')
}
$("#slider").queue($.slider.startPos)
}

}
/******************************************************************//******************************************************************/
//$.slider.init();

//alert("heoo");
 //$("#slider").css({marginLeft:"-600px"})
 //$("#slider").animate({marginLeft:"00px"},600)
 //$(".d_two").animate({width:"200px"},550)
 //$(".slider_image").