function win (element, pixel, message)
{
var position = $(element).position(), top = Math.round(position.top), left = Math.round(position.left);
$("#win").css({"top":top, "left":left + pixel, "display":"inline"}).html(message);
$(element).mouseleave(function() {
$("#win").hide();
});
}
$(document).ready(function() {
var display_width = 0;
display = $("body").width ();
display > 1600 ? display = 1600 : display = display;
display < 1366 ? display = 1366 : display = display;
$("#img").attr("width", display);
$(".slide_width, menu").css({"width" : display, "margin" : "auto"});
$(window).resize(function(){
display = $("body").width ();
display > 1600 ? display = 1600 : display = display;
display < 1366 ? display = 1366 : display = display;
$("#img").attr("width", display);
$(".slide_width, menu").css({"width" : display, "margin" : "auto"});
});
var images = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg"];
var count = 0;
var set = true;
var slide = 0;
var botton_slide = 0;
var small_slide = 1;
var hover_small_slide = 0;
var click_small_slide = 0;
var description = ["RANGE ROVER","RANGE ROVER","RANGE ROVER EVOQUE","RANGE ROVER EVOQUE", "RANGE ROVER DISCOVERY", "RANGE ROVER DISCOVERY", "RANGE ROVER DEFENDER", "RANGE ROVER DEFENDER"];
var desc = ["От 3 201 000 грн", "От 1 270 500 грн", "От 1 776 500 грн", "От 1 142 900 грн"];
$("#img").attr("src", "/images/slider/"+images[count]);
$("#description").text(description[count]);
$("#desc1").text(desc[0]).css({"margin" : "3px 0 0 0"});
$("#preview1").addClass("tbox_active");
$("#description").css({"opacity" : "0.5"});
$("#play").addClass("plays");
$("#slide0").addClass("submit_active");
$("#slide0, #slide1, #slide2, #slide3, #slide4, #slide5, #slide6").click(function() {
$("#slide"+botton_slide).removeClass("submit_active");
slide = $(this).attr("slide"); set = false; count = parseInt($(this).attr("slide")); botton_slide = count;
$("#slide"+botton_slide).addClass("submit_active");
$("#play").addClass("play").removeClass("plays");
$("#img").fadeToggle(1000);
setTimeout(function() {
$("#preview"+click_small_slide).removeClass("tbox_active");
$("#desc"+click_small_slide).text("").css({"margin" : "0 0 0 0"});
$("#img").attr("src", "/images/slider/"+images[count]);
$("#description").animate({opacity: "1"}, 1000);
$("#description").text(description[count]);
$("#description").animate({opacity: "0.5"}, 1000);
switch (description[count]) {
case "RANGE ROVER":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc1").text(desc[0]).css({"margin" : "3px 0 0 0"});
$("#preview1").addClass("tbox_active");
small_slide = parseInt($("#preview1").attr("number"));
click_small_slide = small_slide;
break;
case "RANGE ROVER EVOQUE":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc2").text(desc[1]).css({"margin" : "3px 0 0 0"});
$("#preview2").addClass("tbox_active");
small_slide = parseInt($("#preview2").attr("number"));
click_small_slide = small_slide;
break;
case "RANGE ROVER DISCOVERY":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc3").text(desc[2]).css({"margin" : "3px 0 0 0"});
$("#preview3").addClass("tbox_active");
small_slide = parseInt($("#preview3").attr("number"));
click_small_slide = small_slide;
break;
case "RANGE ROVER DEFENDER":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc4").text(desc[3]).css({"margin" : "3px 0 0 0"});
$("#preview4").addClass("tbox_active");
small_slide = parseInt($("#preview4").attr("number"));
click_small_slide = small_slide;
break;
}
}, 1000);
$("#img").fadeToggle(1000);
});
$("#play").click(function() {
set == true ? set = false : set = true;
set == true ? $("#play").addClass("plays").removeClass("play") : $("#play").addClass("play").removeClass("plays");
});
setInterval(function() {
if (set == true) {
$("#slide"+botton_slide).removeClass("submit_active");
count = count + 1;
count > 6 ? count = 0 : count = count;
botton_slide = parseInt($("#slide"+count).attr("slide"));
$("#slide"+botton_slide).addClass("submit_active");
$("#img").fadeToggle(1000);
setTimeout(function() {
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#preview"+click_small_slide).removeClass("tbox_active");
$("#desc"+click_small_slide).text("").css({"margin" : "0 0 0 0"});
click_small_slide = 0;
$("#img").attr("src", "/images/slider/"+images[count]);
$("#description").animate({opacity: "1"}, 1000);
$("#description").text(description[count]);
$("#description").animate({opacity: "0.5"}, 1000);
switch (description[count]) {
case "RANGE ROVER":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc1").text(desc[0]).css({"margin" : "3px 0 0 0"});
$("#preview1").addClass("tbox_active");
small_slide = parseInt($("#preview1").attr("number"));
break;
case "RANGE ROVER EVOQUE":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc2").text(desc[1]).css({"margin" : "3px 0 0 0"});
$("#preview2").addClass("tbox_active");
small_slide = parseInt($("#preview2").attr("number"));
break;
case "RANGE ROVER DISCOVERY":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc3").text(desc[2]).css({"margin" : "3px 0 0 0"});
$("#preview3").addClass("tbox_active");
small_slide = parseInt($("#preview3").attr("number"));
break;
case "RANGE ROVER DEFENDER":
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#desc4").text(desc[3]).css({"margin" : "3px 0 0 0"});
$("#preview4").addClass("tbox_active");
small_slide = parseInt($("#preview4").attr("number"));
break;
}
}, 1000);
$("#img").fadeToggle(1000);
}
if (set == false) {
$("#description").animate({opacity: "1"}, 1000);
$("#description").animate({opacity: "0.3"}, 500);
$("#description").animate({opacity: "1"}, 1500);
$("#description").animate({opacity: "0.3"}, 1500);
}
}, 5000);
$("#preview1, #preview2, #preview3, #preview4").hover(function() {
$(this).mouseleave(function() {
if (hover_small_slide != small_slide && hover_small_slide != click_small_slide || set == false && hover_small_slide != click_small_slide) {
$("#img"+hover_small_slide).css({"opacity" : "1"});
$("#preview"+hover_small_slide).removeClass("tbox_active");
$("#desc"+hover_small_slide).text("").css({"margin" : "0 0 0 0"});
} else {
$("#img"+hover_small_slide).css({"opacity" : "1"});
}
});
$("#img"+parseInt($(this).attr("number"))).css({"opacity" : "0.5"});
$(this).addClass("tbox_active");
$("#desc"+(parseInt($(this).attr("number")))).text(desc[parseInt($(this).attr("number")) - 1]).css({"margin" : "3px 0 0 0"});
hover_small_slide = parseInt($(this).attr("number"));
});
$("#preview1, #preview2, #preview3, #preview4").click(function() {
$("#preview"+small_slide).removeClass("tbox_active");
$("#desc"+small_slide).text("").css({"margin" : "0 0 0 0"});
$("#preview"+click_small_slide).removeClass("tbox_active");
$("#desc"+click_small_slide).text("").css({"margin" : "0 0 0 0"});
$(this).addClass("tbox_active");
$("#desc"+(parseInt($(this).attr("number")))).text(desc[parseInt($(this).attr("number")) - 1]).css({"margin" : "3px 0 0 0"});
click_small_slide = parseInt($(this).attr("number"));
$("#img"+parseInt($(this).attr("number"))).css({"opacity" : "0.5"});
set = false;
});
});