// JavaScript Document
var prevDivOver = "creview0"
var compareEnginesId = new Array()
var compareEnginesTitle = new Array()
var compareEnginesImage = new Array()
var compareEnginesSpec = new Array()
var comparedd1Id = new Array()
comparedd1Id[1] = true
comparedd1Id[2] = true
comparedd1Id[3] = true
var infoGalleryDivPrev = 'infoGalleryB0'
var wheelsPrevId = 'wheels_id0'
var wheelsPrevAid = 'wheels_aid0'
var wheelsPrevSelected = 'wheels_id-1'
var wheelsSelected = 'wheels_id0'
var wheelsTitle = new Array()
var wheelsDescription = new Array()
var wheelsImage = new Array()
var gallerydl_links = new Array()

function creviewOnDivOver(id)
{
document.getElementById(prevDivOver).style.backgroundColor = "#F2F2F2"	
document.getElementById(id).style.backgroundColor = "#FFFFFF"
prevDivOver = id
}

function creviewOnLinkOver(creview_image)
{
document.getElementById('creview_image').style.backgroundImage= 'url(' + creview_image + ')'
}


function compareGetId(index)
{
var getImageId = 'compare_image' + index
var dd1Id = "compare_dda" + index
var dd2Id = "compare_ddb" + index
var dd1Handle = document.getElementById(dd1Id)
var dd2Handle = document.getElementById(dd2Id)

// GET DD1 VALUE
if(index == 1)
dd1Value = document.compare_dd_form.compare_dda1.value
if(index == 2)
dd1Value = document.compare_dd_form.compare_dda2.value
if(index == 3)
dd1Value = document.compare_dd_form.compare_dda3.value

// CHECK IF DD1 VALUE CORRECT
if(dd1Value == -1)
{
// EMPTY SELECT LIST
dd2Handle.options.length = 0

// INSERT OPTION | SELECT ENGINE
var dd2OptionHandle = document.createElement('option')
dd2OptionHandle.appendChild(document.createTextNode("Odaberi motor"));
dd2OptionHandle.setAttribute('value', -1)
dd2Handle.appendChild(dd2OptionHandle)

// DISABLE DD2
document.getElementById(dd2Id).disabled = true
comparedd1Id[index] = true

// REMOVE IMAGE
var compareImageRem = 'compare_image' + index
document.getElementById(compareImageRem).style.backgroundImage = ''
}
else
{
document.getElementById(dd2Id).disabled = false
comparedd1Id[index] = false

// EMPTY SELECT LIST
dd2Handle.options.length = 0

// INSERT OPTION | SELECT ENGINE
var dd2OptionHandle = document.createElement('option')
dd2OptionHandle.appendChild(document.createTextNode("Odaberi motor"));
dd2OptionHandle.setAttribute('value', -1)
dd2Handle.appendChild(dd2OptionHandle)

// INSERT OTHER ENGINES INTO SELECT LIST
for(i = 0; i < compareEnginesTitle[dd1Value].length; i++)
{
var dd2OptionHandle = document.createElement('option')
dd2OptionHandle.appendChild(document.createTextNode(compareEnginesTitle[dd1Value][i]));
dd2OptionHandle.setAttribute('value', compareEnginesId[dd1Value][i])
dd2Handle.appendChild(dd2OptionHandle)
}
} // END ELSE OF dd1Value == -1


// DISPLAY IMAGE
if((comparedd1Id[1] == true) && (comparedd1Id[2] == true) && (comparedd1Id[3] == true))
{
	document.getElementById('compareSpecShow').style.display = 'none'
	document.getElementById('compareBorder').style.borderBottom = '#DDDDDD 1px solid'
	document.getElementById('compare_image1').style.backgroundImage = ''
	document.getElementById('compare_image2').style.backgroundImage = 'url(../images/creview_images/compare_def1.jpg)'
	document.getElementById('compare_image3').style.backgroundImage = 'url(../images/creview_images/compare_def2.jpg)'
}
else
{
	document.getElementById('compareSpecShow').style.display = 'block'
	document.getElementById('compareBorder').style.borderBottom = 'none'
	
	if(index == 2)
	{
	if(document.getElementById('compare_image3').style.backgroundImage == 'url(../images/creview_images/compare_def2.jpg)')
	document.getElementById('compare_image3').style.backgroundImage = ''
	}
	if(index == 3)
	{
	if(document.getElementById('compare_image2').style.backgroundImage == 'url(../images/creview_images/compare_def1.jpg)')
	document.getElementById('compare_image2').style.backgroundImage = ''
	}
	if(typeof(compareEnginesImage[dd1Value]) != 'undefined')
	document.getElementById(getImageId).style.backgroundImage = 'url(' + compareEnginesImage[dd1Value] + ')'
}

// REMOVE SPECIFICATIONS OF PREVIOUS CAR

	compareHandle = 'cspeca' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecb' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecc' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecd' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspece' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecf' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecg' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspech' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspeci' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspecj' + index
	document.getElementById(compareHandle).innerHTML = ''
	compareHandle = 'cspeck' + index
	document.getElementById(compareHandle).innerHTML = ''

}


function compareGetSpec(index)
{
	var compareHandle = ""
	var compareSelectId = 'compare_ddb' + index
	var compareFirstDDId = 'compare_dda' + index
	var compareSelectValue = document.getElementById(compareSelectId).value
	compareHandle = 'cspeca' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][0]
	compareHandle = 'cspecb' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][1]
	compareHandle = 'cspecc' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][2]
	compareHandle = 'cspecd' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][3]
	compareHandle = 'cspece' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][4]
	compareHandle = 'cspecf' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][5]
	compareHandle = 'cspecg' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][6]
	compareHandle = 'cspech' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][7]
	compareHandle = 'cspeci' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][8]
	compareHandle = 'cspecj' + index
	document.getElementById(compareHandle).innerHTML = compareEnginesSpec[compareSelectValue][9]
	compareHandle = 'cspeck' + index
	document.getElementById(compareHandle).innerHTML = '<a class=\"mb_creview_link\" style=\"width: 90%;\" href=\"index.php?c=31&id=' + document.getElementById(compareFirstDDId).value + '\">Detaljne informacije o vozilu</a>'
}



function infoGalleryImg(image, id)
{
var borderDivId = 'infoGalleryB' + id
document.getElementById(borderDivId).style.border = '#00AEED 1px solid'
document.getElementById(infoGalleryDivPrev).style.border = '#FFFFFF 1px solid'
document.getElementById('info_top_image').innerHTML = '<img style=\"width: 715px;\" src=\"' + image + '\" />'
infoGalleryDivPrev = borderDivId
}

function infoGalleryHover(id)
{
var borderDivId = 'infoGalleryB' + id
document.getElementById(borderDivId).style.border = '#00AEED 1px solid'
}

function equipExtend(id)
{
var equipSimpleId = 'equipStandard' + id
var equipExtendedId = 'equipExtended' + id
var equipSimpleHandle = document.getElementById(equipSimpleId)
var equipExtendedHandle = document.getElementById(equipExtendedId)

equipSimpleHandle.style.display = 'none'
equipExtendedHandle.style.display = 'block'
}

function equipSimple(id)
{
var equipSimpleId = 'equipStandard' + id
var equipExtendedId = 'equipExtended' + id
var equipSimpleHandle = document.getElementById(equipSimpleId)
var equipExtendedHandle = document.getElementById(equipExtendedId)

equipExtendedHandle.style.display = 'none'
equipSimpleHandle.style.display = 'block'
}


function wheelsOnHover(id, i)
{
	var wheelsCid = 'wheels_id' + id
	var wheelsCaid = 'wheels_aid' + id
	var wheelsCtitle = 'wheels_title' + i
	var wheelsCdesc = 'wheels_desc' + i
	
	//if(wheelsPrevId != wheelsSelected)
	//{
	document.getElementById(wheelsPrevId).style.backgroundImage = ''
	document.getElementById(wheelsPrevAid).style.border = ''
	//}
	
	document.getElementById(wheelsCid).style.backgroundImage = 'url(../images/wheels_images/cover.jpg)'
	document.getElementById(wheelsCaid).style.border = '#00ADEF 1px solid'
	document.getElementById(wheelsCtitle).innerHTML = wheelsTitle[id]
	document.getElementById(wheelsCdesc).innerHTML = wheelsDescription[id]
	
	wheelsPrevId = wheelsCid
	wheelsPrevAid = wheelsCaid
}

function wheelsOnClick(id)
{
var wheelsCid = 'wheels_id' + id
var wheelsCaid = 'wheels_aid' + id
wheelsSelected = 'wheels_id' + id

if(wheelsPrevSelected != wheelsSelected)
{
/*
document.getElementById(wheelsCid).style.backgroundImage = ''
document.getElementById(wheelsCaid).style.border = ''
}
*/

document.getElementById('info_top_image').style.backgroundImage = 'url(' + wheelsImage[id] + ')'	
}
wheelsSelected = 'wheels_id' + id
wheelsPrevSelected = 'wheels_id' + id
}




function infoGalleryImg1(image, id)
{
var borderDivId = 'infoGalleryB' + id
document.getElementById(borderDivId).style.border = '#00AEED 1px solid'
document.getElementById(infoGalleryDivPrev).style.border = '#FFFFFF 1px solid'
document.getElementById('info_top_image').innerHTML = '<img style=\"width: 715px;\" src=\"' + image + '\" />'
infoGalleryDivPrev = borderDivId
document.getElementById('gallerydlLinks').innerHTML = gallerydl_links[id]
}


function show_and_hide_content(id)
{
var div_id= 'equip_frame_' + id
var img_id= 'img_frame_'  + id
var head_id= 'header_frame_'  + id

var elementDisplayStatus = document.getElementById(div_id).style.display

if (elementDisplayStatus == 'block')
    {
    document.getElementById(div_id).style.display='none'
    document.getElementById(img_id).src='../images/equip_images/arrow.jpg'
    document.getElementById(head_id).style.backgroundColor='#FFFFFF'
    document.getElementById(head_id).style.borderBottom='#DDDDDD 1px solid'
    }
else
    {
    document.getElementById(div_id).style.display='block'
        document.getElementById(img_id).src='../images/equip_images/arrow_open.jpg'
        document.getElementById(head_id).style.backgroundColor='#ECECEC'
        document.getElementById(head_id).style.borderBottom='none'
    }
}